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

51dev.com 技术开发者社区

React16废弃的生命周期和新的生命周期

React16废弃的生命周期和新的生命周期

1.React16废弃的生命周期有3个will:componentWillMountcomponentWillReceivePropscomponentWillUpdate废弃的原因,是在React16的Fiber架构中,调和过程会多次执行will周期,不再是一次执行,失去了原有的意义。此外,多次执...

正则表达式基本概念

正则表达式基本概念

1. 分组 () 包裹的就是分组,可以得到结果,或者进行交换等整体操作2. 捕获() 分组默认就是捕获组,(?:) 加上?:,就是非捕获组,只参与匹配,整体结果中会存在,消耗字符,分组不会在结果中,节约性能3. 环视(?=)(?!...

webpack异步加载文件的方式

webpack异步加载文件的方式

1.import import(/*webpackPrefetch:true,webpackChunkName:"yourFileName",webpackPreload:true*/'LoginModal')import(/*webpackChunkName:"yourFileName"...

React.lazy懒加载组件

React.lazy懒加载组件

1.React.lazy的用法React.lazy方法可以异步加载组件文件。constFoo=React.lazy(()=>import('../componets/Foo));React.lazy不能单独使用,需要配合React.suspense,suspence是用来包裹异步组件,添加lo...

前端性能分析方法

前端性能分析方法

1.代码覆盖率Coverage打开chromeDevTools,ctrl+shift+p,输入coverage命令,回车,调出coverage面板进行录制,即可分析,加载或执行期间的,js被执行到情况,未被执行的js,就是可以优化的点,可以移除死代码,或懒加载非必要代码2.CPU和内存Perform...

前端性能优化10个方面

前端性能优化10个方面

1.加载优化1.压缩合并2.代码分割(codespliting),可以基于路由或动态加载3.第三方模块放在CDN4.大模块异步加载,例如:Echarts,可以使用require.ensure,在加载成功后,在显示对应图表5.小模块适度合并,将一些零散的小模块合并一起加载,速度较快6.可以使用pefe...

vue.extend,mixins和vue.component的区别

vue.extend,mixins和vue.component的区别

1. Vue.extendVue.extend就是传入一下组件options,然后返回了一个Vue的子类,也可以看做是一个组件构造函数。真的是一个Vue的子类,源码中,使用原型集成和Copy属性和方法形式,将其继承自Vue。constSub=functionVueComponent(opt...

vue组件和插件是实现

vue组件和插件是实现

vue组件countdown.vueindex.jsimportcountdownfrom'./countdown.vue'export{countdown}从.vue文件直接引入组件,导出即可,组件就是一堆vue对象的optionsvue插件插件的方便之处,就是可以在install方法种执行任何动...

vue指令用法

vue指令用法

vue指令(directive)一般用于直接对DOM元素进行操作。vue中已经提供的指令有很多:v-text,v-html,v-bind,v-on,v-model,v-if,v-show等等1.指令的定义形式//注册一个全局自定义指令`v-focus`Vue.directive('focus',{/...

linux管道与重定向

linux管道与重定向

1.重定向命令>    输出重定向覆写>>   输出重定向追加2>   错误重定向覆写2>>  错误重定向追加&> &n...

promise retry实现

promise retry实现

retry(pf,{times:3,//每次延迟delay:1000,//每次延迟增量increment:1000,shouldRetry:(err,opts)=>{//判断是否应该继续returntrue;},onRetry:(data)=>{//收集error和次数信息}}).the...

linux文件颜色与类型

linux文件颜色与类型

linux下不同类型的文件有不同的颜色绿色文件:可执行文件,可执行的程序 红色文件:压缩文件或者包文件蓝色文件:目录白色文件:一般性文件,如文本文件,配置文件,源码文件等 浅蓝色文件:链接文件,主要是使用ln命令建立的文件红色闪烁:表示链接的文件有问题黄色:表示设备文件灰色:表示...

linux文件权限说明

linux文件权限说明

1.rwx权限方式ls-l可以看到文件的详细信息,其中第一项,就是该文件的类型和权限。一个十位标志,rwx十位权限法。第一位是文件类型,有5种:-普通文件d目录b块设备l链接c字符设备p管道文件后面9位是文件权限,分别是文件属主权限,用户组权限,其他用户权限权限类型有4种:rread读权限,数字代号...

使用window.performance分析web前端性能

使用window.performance分析web前端性能

performance支持多种类型的Timing常见的Timing有以下几类:1. 页面加载 Navigation timing该对象能够帮助网站开发者检测真实用户数据(RUM),例如带宽、延迟或主页的整体页面加载时间。用performance.timing可以取到到该...

手写图片懒加载

手写图片懒加载

//50ms节流方案letlazyLoadThrottle=throttle(lazyLoad,50);window.addEventListener('scroll',lazyLoadThrottle);//raf的一帧节流方案varisScroll=true;window.addEventLis...