- 博客(19)
- 收藏
- 关注
原创 5.webpack中的webpack-dev-server
webpack中的webpack-dev-server1.webpack-dev-middleware和 webpack-hot-middleware2. webpack-dev-server1.contentBase2. port3.compress4. hot5. https6.proxy7. publicPath8. setup9. headers10.host11. allowedHos...
2019-01-21 13:33:56
879
原创 4.webpack的文件加载配置
https://blog.youkuaiyun.com/houdabiao/article/details/78959423http://webpack.wuhaolin.cn/1入门/1-4使用Loader.html
2019-01-10 18:49:27
540
原创 2.webpack的babel配置
webpack的babel配置1. babel介绍1. babel介绍babel是一个javascript编译器,是前端开发中的一个利器。它突破了浏览器实现es标准的限制,使我们在开发中可以使用最新的javascript语法。https://www.cnblogs.com/tugenhua0707/p/9452471.html...
2019-01-02 18:32:54
769
原创 1、webpack的入口和出口
webpack的入口和出口1.1.链接地址:hash和chunkhash的区别Webpack 4 如何优雅打包缓存文件入口与上下文入口起点webpack4.x实现Js和Html多入口、多出口以及html-webpack-plugin插件实现html各自引入各自的js文件...
2018-12-29 11:41:49
1200
原创 content-encoding的那些事儿
content-encoding的那些事儿1. http 与 gZip2.怎么压缩3.哪些文件可以被 gZip 压缩我们给某人发送邮件时,我们在传输之前把自己的文件压缩一下,接收方收到文件后再去解压获取文件。这中操作对于我们来说都已经司空见惯。我们压缩文件的目的就是为了把传输文件的体积减小,加快传输速度。1. http 与 gZip览器怎么分辨这个文件是什么格式,应该用什么格式去解压:在 ...
2018-12-19 19:41:38
1914
原创 Session和Cookie的那些事儿
Session和Cookie的那些事儿https://segmentfault.com/a/1190000011268345
2018-12-18 13:23:53
368
原创 HTTP的缓存机制的那些事儿
HTTP的缓存机制的那些事儿1.HTTP缓存概述2. 强缓存2. Expires3. cache-control3. 协商缓存1. Last-Modified 和 If-Modified-Since2. Etag 和 If-None-Match4. http缓存过程图1.HTTP缓存概述缓存的重要性不言而喻,通过网络请求资源缓慢并且降低了客户端的用户体验,增添了服务端的负担。很多短期之内不会经...
2018-12-15 19:22:31
276
原创 跨域的那些事儿
跨域的那些事儿1. 什么是跨域1. 同源策略常见的跨域场景2.跨域解决方案1. 通过jsonp跨域2. 跨域资源共享(CORS)3.nginx代理跨域4.Nodejs中间件代理跨域5. WebSocket协议跨域6. 通过HTML5的postMessage方法跨域7. 通过location.hash跨域8. 通过document.domain跨域1. 什么是跨域跨域一词从字面意思看,就是跨...
2018-12-13 22:20:59
1149
原创 http、https和http2的那些事儿
https://segmentfault.com/a/1190000016136623https://segmentfault.com/a/1190000012975173https://segmentfault.com/a/1190000005085636https://segmentfault.com/a/1190000007219256https://segmentfault.com...
2018-12-12 22:19:01
1464
原创 js垃圾清除的那些事儿
https://www.cnblogs.com/mliudong/p/3635294.htmlhttps://www.cnblogs.com/wolfx/p/5919574.htmlhttps://cloud.tencent.com/developer/article/1356698https://segmentfault.com/a/1190000014383214https://dev...
2018-12-10 22:10:53
739
原创 浏览器渲染的那些事儿
https://segmentfault.com/a/1190000008015671https://www.jianshu.com/p/fe64e387d5bchttps://sylvanassun.github.io/2017/10/03/2017-10-03-BrowserCriticalRenderingPath/https://www.jianshu.com/p/e305ace24...
2018-12-04 22:17:55
382
原创 浏览器进程和线程解析
https://segmentfault.com/a/1190000012925872https://wy-ei.github.io/2016/11/how-gpu-speed-up-page-render.htmlhttps://www.zhihu.com/question/25532384
2018-11-29 22:26:02
735
原创 Event Loop 解析
Event Loop 解析1.Event Loop规范2.event loop 处理task 和microTask3.Synchronize / Asynchronize / Block / Non-block(同步异步和阻塞非阻塞)4.浏览器的线程1.Event Loop规范在html5中有event loop 规范每个浏览器环境至多有一个event loop。一个event loop...
2018-11-28 22:04:13
205
原创 原型链的解析
原型链的解析1.prototype2.__proto__3. new的过程4. 原型链4.总结1.prototypeprototype属性是一个显式原型属性,只有函数才有这个属性,当我们创建一个函数时,prototype就产生了,这个prototype是一个对象,并且只有一个属性constructor,指向构造函数本身。2.proto每个对象都有一个隐式原型属性,指向创建该对象的函数的原型...
2018-11-23 19:46:19
172
原创 ES6实现call,apply,bind
ES6实现call,apply,bind1.call的实现2.apply的实现3.bind的实现1.call的实现Function.prototype.myCall = function(context) { context = context || window context.fn = this //把方法传给context.fn,这方法就是context调用了,this指向co...
2018-11-21 21:06:29
1383
1
原创 this的解析
this的解析1. 什么是this2.绑定规则1.默认绑定2.隐式绑定3.显示绑定4.new绑定5.this绑定6.优先级1. 什么是thisthis实在函数调用时绑定的,并不在编写时绑定,他的上下文取决于函数调用时的各种条件。this的绑定与函数声明时的位置没有关系,值取决于函数的调用方式。当一个函数被调用时,会创建一个执行上下文,这个上下文包含函数在哪里被调用,函数的调用方式、传入的参数...
2018-11-19 21:45:44
179
原创 Scope、Excution Contex和Closure
作用域(Scope)、执行上下文(Context)、闭包(Closure)1. 作用域1.什么是作用域1.作用域定义2.作用域嵌套2.词法作用域1.作用域的两种工作模式2.欺骗词法3.函数作用域和块作用域1.函数中的作用域1.定义2.函数作用域的优点2.块作用域2.执行上下文3.闭包1. 作用域1.什么是作用域1.作用域定义负责收集并维护由所有标识符组成的一系列查询,并实施一套严格的规则,...
2018-11-13 22:14:14
500
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人