![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
界面优化设计
古兮!怪哉
这个作者很懒,什么都没留下…
展开
-
css阻塞与js阻塞
js的阻塞特性:所有浏览器在下载JS的时候,都会阻止一切其他活动,比如其他资源的下载,内容的呈现等。直到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。为了提供用户体验,新一代浏览器都支持并行下载JS,但是JS下载仍然会阻塞其他资源的下载(例如图片,css文件等)。由于浏览器为了防止出现JS修改DOM树,需要重新构建DOM树的情况,所以会阻塞其他的下载和呈现。嵌入JS会阻塞转载 2017-07-30 22:52:47 · 631 阅读 · 0 评论 -
使用合适的CSS优化界面:translate和top/left的比较
Guidelines for translatetop/left花了大量的时间去绘制每一帧。所有的css包括好性的box-shdow,都是在CPU上计算的。在translate版本中,却让这个macbook在自己新的图层在GPU中得到提升。此时此元素macboox是在自己单独的一层上,任何2D transform,3D transform或者opacity的变化都可以完全的使用GPU,转载 2017-07-21 22:45:32 · 3539 阅读 · 0 评论 -
从Web前端优化网站性能
1. 减少HTTP请求数一个完整的请求都需要经过DNS存址、与服务器建立连接、发送数据、等待服务器响应、接收数据这样一个漫长而复杂的过程。资源上由于每个请求都要携带数据,因此每个请求都需要占用带宽。另外,由于浏览器进行并发请求的请求数是有上限的,因此请求数多了以后,浏览器需要分批进行请求,因此会增加用户的等待时间,会给用户造成站点速度慢这样一个印象,即使可能用户能看到的第一屏的资源都已经请求完了,...转载 2017-08-05 12:31:20 · 866 阅读 · 0 评论 -
谈谈你对webpack的看法
什么是webpack?WebPack 是一个模块打包工具,你可以使用WebPack管理你的模块依赖,并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、JavaScript、CSS以及各种静态文件(图片、字体等),让开发过程更加高效。对于不同类型的资源,webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系,最后 生成了优化且合并后转载 2017-09-11 15:52:32 · 1513 阅读 · 0 评论 -
什么是渐进增强和优雅降级
1、渐进增强 :针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。2、优雅降级 :一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。转载 2017-09-11 17:38:18 · 263 阅读 · 0 评论 -
简要谈谈前端性能优化的问题
1、代码层面:避免使用css表达式,避免使用高级选择器,通配选择器。2、缓存利用:缓存Ajax,使用CDN,使用外部js和css文件以便缓存,添加Expires头,服务端配置Etag,减少DNS查找等3、请求数量:合并样式和脚本,使用css图片精灵,初始首屏之外的图片资源按需加载,静态资源延迟加载。4、请求带宽:压缩文件,开启GZIP。转载 2017-09-11 19:54:35 · 421 阅读 · 0 评论 -
提高JavaScript效率的编程实践
1、避免双重求值使用evel()和Function()构造器时,使得在JavaScript代码中执行另一段JavaScript代码,因此会导致双重求值的性能消耗。1) eval()例子比较:var array=['first','second','third'];console.time()var item=eval("array[0]")console.timeEnd()consol...原创 2018-03-12 20:56:31 · 331 阅读 · 0 评论