首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
夜歌灬
掘友等级
前端菜鸟
仅记录一些总结,不喜勿喷
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
1
文章 1
沸点 0
赞
1
返回
|
搜索文章
最新
热门
防抖与节流
一.防抖思路:每次触发事件时都取消之前的延时调用方法二.节流思路:每次触发事件时都判断当前是否有等待执行的延时函数
js优化
一.提升js文件加载性能加载元素顺序css文件放在M里,js文件放在里二.js变量和函数优化尽量使用id选择器尽量避免使用evalJs函数尽量保持整洁使用事件委托减少事件绑定使用事件的节流或防抖进行优
Css相关优化
使用3D硬件加速提升动画性能时,最好给元素增加一个z-index属性,人为干扰复合层的排序,可以有效减少chrome创建不必要的复合层,提升渲染性能,移动端优化效果尤为明显。
html相关优化
一. html代码结构 Css加载不会阻塞DOM tree解析,但是会阻塞DOM tree渲染,也会阻塞后面js执行,任何body元素之前,可以确保在文档部分中解析了所有css样式,从而减少了浏览器必须重拍文档的次数.如果放置在页面底部,就要等待最后一个css文件下载完成,此时…
DNS prefetch优化
后面。具体使用方法如下: 需要注意的是,虽然使用 DNS Prefetch 能够加快页面的解析速度,但是也不能滥用,因为有开发者指出 禁用DNS 预读取能节省每月100亿的DNS查询 。
图片加载优化
压缩png图片:使用node-pngquant-native工具压缩压缩jpg图片:使用jpegtran工具压缩npminstall-gjpegtran使用方式:jpegtran-copynone-o
个人成就
文章被点赞
1
文章被阅读
1,426
掘力值
33
关注了
10
关注者
0
收藏集
0
关注标签
16
加入于
2020-05-09