
笔记
曾国潘
越努力越幸运
展开
-
前端的单页面模式和多页面模式
思考动机 前端部分的搭建,需要考虑使用哪种模式进行页面之间的跳转交互, 而项目内的页面交互,不可避免的需要相互之间的数据共享。 模式选择 单页面模式(SPA Single-page Application): 只有一张Web页面的应用,是一种从Web服务器加载的富客户端,单页面跳转仅刷新局部资源 ,公共资源(js、css等)仅需加载一次 页面跳转:使用js中的append/remove或者s...原创 2020-03-05 10:45:49 · 575 阅读 · 0 评论 -
Node.js的三大特点
单线程 Nodejs跟Nginx一样都是单线程为基础的,这里的单线程指主线程为单线程,所有的阻塞的全部放入一个线程池中,然后主线程通过队列的方式跟线程池来协作。线程池主要由一堆callback回调函数构成的,然后主线程在循环间隙中适当调用,并清空队列。 在Java、PHP或者.net等服务器端语言中,会为每一个客户端连接创建一个新的线程。而每个线程需要耗费大约2MB内存。也就是说,理论上,一个8G...原创 2020-03-05 10:46:09 · 829 阅读 · 0 评论 -
页面加载渲染的优化(一)
1.HTML本身是通过网址请求回来的,由字节流转换成字符流,浏览器进行词法分析,分析成词法的token,从上到下,不同 >的标签类型会解析成不同的对象,然后加载到DOM树上。 2.HTML中会通过link引入其他资源,这时会并发的请求静态资源,请求回来之后会和CSS资源进行结合,生成渲染树。 3.只有DOM树和CSS树都生成之后才会进行渲染,布局,绘制。 特点 1.顺序执行,并发加载(...原创 2020-03-05 10:46:26 · 425 阅读 · 1 评论 -
详细剖析强缓存和协商缓存
Cache-control 1.max-age:在这段时间内,浏览器再次要资源时,不用去服务器请求,不会过期,直接在客户端读取。优先级大于expires 2.expires: 3.s-maxage:只能是public缓存,可能有代理服务器缓存,比如CDN。私人是客户端的某一用户,public比如CDN 优先级大于max-age 4. ...原创 2020-03-05 10:46:43 · 658 阅读 · 0 评论 -
深入学习浏览器缓存机制
一个优秀的缓存策略可以: 缩短网页请求资源的距离,减少延迟。 由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。 对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求,或者发起了请求但后端存储的数据和前端一致,那么就没有必要再将数据回传回来,这样就减少了响应数据。 ...原创 2020-03-05 02:59:52 · 119 阅读 · 0 评论