一、区别 window.onload是在DOM树加载完成之后（DOM树加载完不代表全部资源加载完，例如图片，音频和视频等还没加载）执行的。 在Jquery中$(function(){ })和$(document).ready(function(){ })的效果是一样，是在DOM树加载完成之后就会执行 ...
代码分离特性能够把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle，以及控制资源加载优先级，如果使用合理，会极大影响加载时间。 有三种常用的代码分离方法： 入口起点：使用 entry 配置手动地分离代码。 防止重复：使用 Commons ...
分类：
Web程序 时间：
2017-12-23 17:14:54
阅读次数：
310
项目构建部署中遇到的问题： 1.不使用hash，如何解决刷新页面404的问题？ 说明： root 指定项目地址路径，默认为nginx下的html index 默认访问index文件 try_files 这里其实是由if变过来的，意思是如果uri存在，那就访问uri资源，如果uri不存在，那就访问改目 ...
分类：
Web程序 时间：
2017-12-19 15:11:44
阅读次数：
333
众所周知，在项目中如果在资源加载请求还未完成的时候，由于阻塞机制，会出现首页白屏的问题，产生很差的用户体验。本文以react为例，提供一个解决方法。 解决原理：使用 onreadystatechange 去监听 readyState，在资源加载完成之前加载一个只有框架的静态页面，页面不请求数据。当数 ...
分类：
其他好文 时间：
2017-12-06 19:43:30
阅读次数：
1943
公司业务发展需要添加https，苹果在2017年1月1日以后认为https是安全的所以很多网站都进行了升级。苹果在iOS 9中引入的一项隐私保护功能，屏蔽明文http资源加载，连接必须经过更安全的https。苹果目前允许开发者暂时关闭ATS，可以继续使用HTTP连接，但到年底所有官方商店的应用都必须 ...
分类：
Web程序 时间：
2017-12-04 13:16:56
阅读次数：
295
本文将从以下几点来分析前端错误监控的相关知识点： 1、前端错误的分类； 2、错误的捕获方式； 3、上报错误的基本原理。 一、前端错误的分类： 包括两种： 1、即时运行错误：也就是代码错误； 2、资源加载错误：比如图片加载失败、JS加载失败、CSS加载失败等； 二、错误的捕获方式： 即时运行错误的捕获 ...
分类：
其他好文 时间：
2017-11-30 15:09:12
阅读次数：
131
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 本章节基于 Webpack3.0 测试通过。 从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。 接 ...
分类：
Web程序 时间：
2017-11-23 16:33:00
阅读次数：
268
1.如果都为NaN但是他们不相等var a=NaN;var b=NaN;a==b //flase2.javascript 是一种脚本语言，可以创建服务器端和客户端的脚本3.javascript 中有两个特殊数据类型 null undefined4.判断一个是不是属于那个类型 instanceofin ...
分类：
Web程序 时间：
2017-11-21 23:54:56
阅读次数：
190
页面加载过程 1、加载资源的形式： 输入url（或跳转页面）加载html； 加载html中的静态资源； 2、加载一个资源的过程： 浏览器根据DNS服务器得到域名的IP地址； 向这个IP的机器发送http请求； 服务器收到、处理并返回http请求； 浏览器得到返回内容。 3、浏览器渲染页面的过程： 根 ...
分类：
其他好文 时间：
2017-11-10 01:34:49
阅读次数：
216
JSONP：原理:JSON with Padding 1.script标签 2.用script标签加载资源是没有跨域问题的 在资源加载进来之前先设置一个函数，这个函数接收一个参数（数据），函数里面利用这个参数做一些数据处理。 然后需要的时候通过script标签加载对应远程文件资源，当远程文件被加载进 ...
分类：
Web程序 时间：
2017-11-05 23:27:13
阅读次数：
215
