51dev.com IT技术开发者社区

51dev.com 技术开发者社区

d3的常用方法和数据类型

d3的常用方法和数据类型

1.选择集自身属性1.selection.empty()选择集是否为空,为空返回true,否则返回false2.selection.node()返回第一个非空元素,无则返回null3.selection.size()返回选择集中的元素个数2.选择集元素属性1.attr设置属性2.classed设置c...

webpack单独启动目录方法

webpack单独启动目录方法

项目中的文件多了,开发模式实时编译,会变得很慢,影响开发效率。很多模块是不相干的,没必要同时启动,这个时候就需要只启动项目的某个文件夹。例如:src--pages--pageA--index.js--index.ejs--pageB--index.js--index.ejs--pageC--inde...

d3中的enter,exit,update概念

d3中的enter,exit,update概念

d3是基于数据绑定的思想的,选择器选择元素,然后元素与数据绑定。由于元素与数据未必数量一致,会产生,元素多于数据或元素少于数据。元素与数据一一对应,是update部分,表示已经存在的元素,用于更新元素少于数据,是enter部分,表示即将进入的元素,即缺少的元素,用于添加元素多于数据,是exit部分,...

node内存泄漏总结

node内存泄漏总结

1.node内存泄漏情形1.1全局变量全局变量不会被回收,需要手动设置为null或undefined1.2闭包functionout(){  constbigData=newBuffer(100);  inner=function(){    voidbigData;  }}比如闭包中的变量被全局对...

TypeScript类型映射

TypeScript类型映射

ts可以使用泛型来做类型映射,将对象或数组中类型转换为另一个类型。例如:定义一个类型interfaceStudent{name:string,age:number}1.把一个类型的每个属性都变为可空的typeNullable<T>={[pinkeyofT]:T[P]|null}typeN...

服务端渲染总结

服务端渲染总结

1. 服务端渲染2个优点 和 缺点1.1服务端渲染可以减少白屏时间服务端渲染,客户端接收到html,可以直接显示客户端渲染,客户端接收到html,解析完毕,还要向服务端去请求js文件,返回后,执行完js,才能显示完成因此,服务端渲染,白屏时间短。1.2 服务端...

typescript 结构子类型

typescript 结构子类型

编程语言的子类型,分为两种:名义子类型Java和C#中就是名义子类型,必须显示继承,用来extends才是子类型结构子类型只要结构相同,就是子类型typescript是结构子类型。typeFoo={age:number}和typeBar={age:number}是一样的类型,不需要extends。t...

Typescript基本概念2

Typescript基本概念2

1.声明合并ts声明的重名的类或命名空间,会进行合并类合并interfaceBox{height:number;width:number;}interfaceBox{scale:number;}letbox:Box={height:5,width:6,scale:10};命名空间合并namespac...

type和interface的区别

type和interface的区别

1.type可以声明基本类型,联合类型,元组的别名,interface不行//基本类型别名typeName=string//联合类型interfaceDog{wong();}interfaceCat{miao();}typePet=Dog|Cat//具体定义数组每个位置的类型typePetList=...

TypeScript基本概念

TypeScript基本概念

1.基础类型有12种布尔值letisDone:boolean=false;数字letdec:number=6;字符串letname:string='bob';数组letlist:number[]=[1,2,3];元组letx:[string,number]=['hello',10]枚举enumCol...

前端经典书籍

前端经典书籍

1. JavaScript高级程序设计 (红宝书)2.JavaScript权威指南 (犀牛书)...

D3基本概念

D3基本概念

1.选择集d3.select()//选择第一个d3.selectAll()//选择全部2.绑定数据datnum()//绑定一个数据到选择集上data()//绑定一个数组到选择集3.输出数据varbody=d3.select("body");varp=body.selectAll("p");p.dat...

Array.map和parseInt的用法

Array.map和parseInt的用法

Array.map的参数Array.map((item,index,arr)=>{},thisValue)map的callback参数分别是数据项,索引,数组本身,thisValue可以指定callback中的this值parseInt的参数parseInt(str,radix)该方法,始终将...

css换肤总结

css换肤总结

两种可行的办法1.多套不同主题的css用less/sass变量代替颜色值,用编译工具生成主题文件theme-dark.csstheme-green.css切换文件使用,不要appendlink,直接修改原有theme的link的href,就行了//根据不同的企业用户加载不同的cssdocument....

首屏和白屏时间计算

首屏和白屏时间计算

首先明确,首屏和白屏的时间计算,没有明确的API可以得到。白屏=开始显示body的时间-开始请求的时间首屏=首屏内容渲染结束的时间-开始请求的时间具体计算方法如下:1.白屏支持performanceapi,开始请求的时间performance.timing.navigationStart<ht...