摘要：
sourcemap文件存储的是JS压缩前和压缩后的映射关系，map文件内容本身就是个json文件。json格式如下： version 版本号 sources存储的是各个依赖的子文件列表 sourcesContent存储的是各个依赖的子文件源码 其他几个字段暂... 阅读全文
posted @ 2018-06-08 10:57
mjian
阅读(462)
评论(0)
推荐(0)
摘要：
web浏览器中，当我们出现一个浮层，浮层里面也有滚动条的时候，且有部分背景半透明的时候，就会发现，当我们滚动浮层里面的小滚动条的时候，背后整个页面都跟着一起滚走了。 方案1：监听浮层的touchstart,touchmove事件, 计算浮层滚动区域的最大滚动区域，在touchmove事件中判... 阅读全文
posted @ 2018-06-04 17:29
mjian
阅读(270)
评论(0)
推荐(0)
摘要：
vue-style-loader启用 CSS 提取// webpack.config.jsconst ExtractTextPlugin = require('extract-text-webpack-plugin')// CSS 提取应该只用于生产环境// 这样我们在开发过程中仍然可以热重... 阅读全文
posted @ 2018-04-11 13:34
mjian
阅读(164)
评论(0)
推荐(0)
摘要：
在页面unload时，如果要上报当前数据，采用xhr的同步上报方式，会阻塞当前页面的跳转；使用new Image有可能遇到aborted，导致无法成功发送。 上报方式主要有两种： 1. (new Image()).src = "xxxxxxx.do?xxx=aaaa&....." （G... 阅读全文
posted @ 2018-03-08 09:45
mjian
阅读(198)
评论(0)
推荐(0)
摘要：
页面性能指标 页面接收首字节时长(TTFB: time to first byte) 首屏加载时间 DomReady时间 页面完全加载总时长 监测方法(t = performance.timing) ttfb: t.responseStart - t.navig... 阅读全文
posted @ 2018-03-07 20:25
mjian
阅读(1604)
评论(0)
推荐(0)
摘要：
解决方案如下：利用 performance.getEntries()方法，获取到所有加载成功的资源列表，在onload事件中遍历出所有页面资源集合（css/image/js/font等）, 利用排除法，到所有集合中过滤掉成功的资源列表，即为加载失败的资源 阅读全文
posted @ 2018-03-07 20:17
mjian
阅读(1125)
评论(0)
推荐(0)
摘要：
web前端是应用服务器处理之前的部分，前端主要包括：HTML,CSS,javascript,image等各种资源，针对不同的资源有不同的优化方式。内容优化(1)减少HTTP请求数:这条策略是最重要最有效的，因为一个完整的请求要经过DNS寻址，与服务器建立连接，发送数据，等待服务器响应，接收数... 阅读全文
posted @ 2018-03-07 20:04
mjian
阅读(136)
评论(0)
推荐(0)
摘要：
1、请减少HTTP请求基本原理：在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才... 阅读全文
posted @ 2018-03-07 20:03
mjian
阅读(317)
评论(0)
推荐(0)
摘要：
转自：http://www.2cto.com/kf/201604/498725.html 网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部... 阅读全文
posted @ 2018-03-07 19:51
mjian
阅读(164)
评论(0)
推荐(0)
摘要：
mini mvvm 简单实现版，代码有待改进 mini-mvvm My name is {{firstName + ' ' + lastName}}, I am {{age}} years old. 阅读全文
posted @ 2018-03-02 23:19
mjian
阅读(213)
评论(0)
推荐(0)
浙公网安备 33010602011771号