前言： 在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访 ...
分类：
Web程序 时间：
2017-12-26 14:42:16
阅读次数：
186
本文是写给那些想要入门web前端工程的初学者，高手请路过，也欢迎高手们拍砖。 先说下web前端工程师的价值，目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端工程师去做web前端工程师是设计加开发的综合体，web前端工程师是在开发人员中最直接面向产品，面向用户的设计人员 ...
分类：
Web程序 时间：
2017-12-05 13:30:35
阅读次数：
170
最近在用webpack优化首屏加载性能，通过几种插件之后我们上线前后的速度快了一倍，在此就简单的分享下吧，先上个优化前后首屏渲染的对比图。 可以看到总下载时间从3800ms缩短到1600ms。 我们在用webpack时一般都会选择多入口文件吧，为的就是将自己的源码跟第三方库代码分离。这是之前的代码， ...
分类：
Web程序 时间：
2017-12-01 23:27:29
阅读次数：
764
客户端 一、减少HTTP请求数 1、合并JavaScript、CSS等文件 2、使用CSS Sprite：将背景图片合并成一个文件，通过background-image和background-position控制显示 3、字体图标 4、将请求划分到不同的域名上 二、减少DNS查询 用户输入URL后， ...
分类：
其他好文 时间：
2017-12-01 13:31:20
阅读次数：
171
作者：刘轶斌，腾讯应用开发 工程师商业转载请联系腾讯WeTest获得授权，非商业转载请注明出处。原文链接：http://wetest.qq.com/lab/view/345.html 一、如何优化 用户在访问网页时， 最直观的感受就是页面内容出来的速度，我们要做的优化工作， 也主要是为了这个目标。那 ...
分类：
Web程序 时间：
2017-11-27 23:38:38
阅读次数：
246
前言 在刚入门前端的时候，我们并不清楚前端有工具可以帮我们自动化打包压缩文件，当时只关注能实现功能就可以了，也不太在意前端性能优化的问题，随着项目功能的复杂，项目也变得越来越大，页面的执行速度也开始变慢，因此我们认识到了前端优化的重要性，但是之前的压缩打包都是需要我们自己手动执行或者去直接转化的网站 ...
分类：
其他好文 时间：
2017-11-25 19:19:10
阅读次数：
103
预解析的实现： 1. 用meta信息来告知浏览器, 当前页面要做DNS预解析:<meta http-equiv="x-dns-prefetch-control" content="on" /> 2. 在页面header中使用link标签来强制对DNS预解析: <link rel="dns-prefe ...
分类：
其他好文 时间：
2017-11-14 14:42:24
阅读次数：
146
1em=16px(但不完全是) em会继承父元素的字体大小。ie 部分浏览器不支持em。 rem继承根元素的字体大小html。 px和rem vue里面用jq只能在mounted里面或者updata里面才可以原因是：dom已经挂载。 什么是web语义化有什么好处？ Web语义化是指使用语义恰当的标签 ...
分类：
Web程序 时间：
2017-11-12 20:13:35
阅读次数：
242
1.把前端最常用的资源css、js存在本地1.1 前端缓存技术SessionStorage 优点：临时存储神器，关闭页面标签自动回收，不可以跨页面交互。 取值的时候有两种方法，一种是用sessionStorage.getItem("键名")，一种是直接取对象的方法（sessionStorage.键名 ...
分类：
其他好文 时间：
2017-11-08 20:08:38
阅读次数：
143
前两天遇到一个前端性能相关的bug，感觉还挺典型的，整理了一下解决过程和思路，写下来分享给大家。 场景是这样的，有一个答题的界面，可以播放音频、填空、提交答案，界面是长这个样子的： 看起来还挺简单吧，但是我们在手机上跑的时候，却遇到了以下问题： 1. 填完空后，提交按钮会由灰色变为蓝色（可提交状态） ...
分类：
其他好文 时间：
2017-11-02 14:32:19
阅读次数：
260
