性能优化
10篇文章 · 0订阅
  • 【译】你可能不需要Moment.js
    Moment.js是一个很棒的时间和日期库，具有许多牛X的方法，平时npm install了之后就是干，但是如果您的Web应用程序对性能上有很高的要求，可能会由于其复杂的API和大小会导致巨大的性能上的比不要的开销。 如果您没有使用时区，而只使用了moment.js中的一些简单…
    React.js GitHub JavaScript
    【译】你可能不需要Moment.js
  • 一个Vue页面的内存泄露分析
    什么是内存泄露？内存泄露是指new了一块内存，但无法被释放或者被垃圾回收。new了一个对象之后，它申请占用了一块堆内存，当把这个对象指针置为null时或者离开作用域导致被销毁，那么这块内存没有人引用它了在JS里面就会被自动垃圾回收。但是如果这个对象指针没有被置为null，且代码…
    Vue.js JavaScript 前端
  • Vue实现内部组件轮播切换效果
    我们可以引入一个轮播组件，但是有个问题，通常轮播组件都会把所有的slide都渲染出来再进行切换，这样就导致所有的资源都会触发加载，这可能不是我们所期待的，毕竟如果slide比较多的情况需要一次性加载的图片等资源太多了。所以我们可以手动简单地写一个，满足需求即可。 现在一步步来实…
    Vue.js 前端 jQuery
    Vue实现内部组件轮播切换效果
  • 作为前端你拿什么证明网站体验？
    前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难，但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西，我们又要如何去证明它的好与坏呢？ 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍，如何从体验的角度去做重构的优化，并如何用数据去…
    前端 测试
  • 浏览器内的事件队列
    众所周知JavaScript是基于单线程运行的，同时又是可以异步执行的，一般来说这种既是单线程又是异步的语言都是基于事件来驱动的，恰好浏览器就给JavaScript提供了这么一个环境 在我电脑上输出的是: test: 5.4892578125ms ---2--- ---1---…
    浏览器 Promise JavaScript
    浏览器内的事件队列
  • Vue页面骨架屏注入实践
    作为与用户联系最为密切的前端开发者，用户体验是最值得关注的问题。越来越多的APP采用了“骨架屏”的方式去展示未加载内容，本文将讨论如何为Vue页面注入骨架屏的实践。
    Vue.js 前端框架
    Vue页面骨架屏注入实践
  • 面试：页面加载海量数据
    可能在看到这个问题的第一眼，我们可能会想到这样的解决办法：获取 ul 元素，然后新建 li 元素，并设置好 li 的文本内容和监听器绑定，然后在循环里对 ul 进行 append 操作，即可能想到的是以下代码实现。 实践上述代码，我们发现界面体验很不友好，卡顿感严重。出现卡顿感…
    面试 前端 动效
  • [JS性能优化]函数去抖(debounce)与函数节流(throttle)
    这是个老生常谈的话题了，之所以还搬出来讲讲，原因之一是之前根本就没在意，近期面临的一些问题需要用到这两个小技巧；原因之二，这两个技巧带来的优化不小；原因之三，顺便复习一下闭包。 第一种和第三种情况，事件短时间内被频繁出发，如果在事件中有大量的计算，频繁操作DOM，资源加载等重行…
    React.js JavaScript 前端
  • 借助webpack对项目进行分析优化
    由于项目过于庞大，老旧。目前项目包含了打包过慢，冗余文件过多等诸多问题。文章中会一步步介绍我是如何通过webpack进行分析，定位并解决这几点问题的。告别刀耕火种，向坏代码说再见！
    Webpack JavaScript Vue.js
    借助webpack对项目进行分析优化
  • 前端性能优化的常用手段
    反正，前端性能优化就是很重要，不好好学习怎么进阶到20K+的薪水啊？！ 性能优化方面一直有所关注，但如果不去对自己所负责的项目进行一下回锅，实践实践，优化优化，总会有点“书上得来终觉浅”的感觉吧！ 从最开始的CSS放到<head>里面、js放到</body>前面、使用雪碧图等，到…
    前端