《web全栈工程师的自我修养》

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/neoveee/article/details/52446618
1. 全栈框架:MEAN
  • MongoDB
  • Express
  • Angular.js
  • Node.js
2. Done is better than perfect (Facebook)
3. 全栈的觉悟
  • 一专多长
  • 解决问题,而不是醉心技术
  • 跨界解决问题,承担更多的责任
4. 如何成为全栈
先精后广,一专多长(给自己制造亮点) 围绕商业目标(技术最终服务于商业利益) 永远从商业目标的角度来决定学习哪些东西,而不是纯粹为了锻炼技术而去学习 技术是工具,不要让工具限制了你的思维
5 web性能优化
  • 压缩源码和图片 ;使用CDN;延长静态资源缓存的时间;CSS放在头部,JS放在尾部; 择合适的图片格式; 合并静态资源 ;开启服务器端的Gzip压缩
6 工程师成长的三个核心:
技术 成长 声望:答应做的事情,全部完成
7 重视作品集的整理
8 关于开源:If you do it right ,Open source is great advertising for you and your company
9 静态页 Github Pages && Jekll/Dexy

10 全栈工程师的Http
  • user-agent:表明当前用户在使用什么样的代理访问站点,浏览器是最常见的一种用户代理
  • gzip:开源免费的数据压缩算法,是绝大多数客户端和服务器都支持的算法,在压缩文本文件如js css html等效果很好
  • 浏览器通常会限制对一个域名发起的并发连接数的上限,解决方法:设置子域名,然后同时指向一个ip
  • cookie:某些网站为了辨识用户身份而存储在用户浏览器的数据,cookie的作用域是整个域名(???)。优化建议:将所有的静态资源放在单独的域名下,防止在请求静态资源的时候带上cookie。
  • (关于cookie的作用域:http://www.cnblogs.com/chenqianpeng/archive/2012/04/24/2468642.html)一句话总结:domain本身及其domain下的所有子域名
  • http1.1分块传输编码,允许服务器为动态生成的内容维持HTTP持久链接

11 高性能网站的关键:缓存

  • 缓存的功能:存储频繁访问的数据,内存缓存减少磁盘I/O,保存耗时的操作,以便下次使用
11.1服务器端的缓存

  • memcached:高性能分布式内存对象缓存系统,采用按时间来过期的设计,相当于应用程序和database的中间层,支持服务器集群,可以有效利用多台服务器的内存,提高命中率
  • 再加一层文件缓存:查询的次序为:内存缓存=》文件缓存=》数据库,但是文件缓存的读取速度不如内存,优点是可扩展
  • 页面静态化,减少请求,提高访问速度:两种方法:1)Wordpress静态化插件 2)直接抛弃数据库,借助第三方插件来支持拥护生成内容,如Disqus

11.2 浏览器缓存

  • 浏览器缓存的作用:1)用户:减少请求,更快的加载页面,节省流量   2)网站:减少带宽压力和费用

  • 服务器通过对每个资源的HTTP响应头来发出缓存指令,两种主要的缓存指令:                                                                              1)Expires :Thu,15 Api 2020 20:0:00 GMT ; 设置过期时间,如果在过期时间之内内容发生修改,则可以修改query-string来通知客户端或许新的内容
  • 2)Last-Modified上次修改时间   返回码304代表资源未修改的意思
  • 应该合理使用两者,使用使304和200保持一个合理的比例
11.3 HTTP 1.1 Cache-Control

  • 值为:max-age:*****,单位是秒,客户端接受到文件之后开始倒计时
11.4 推荐的缓存策略

扫描二维码关注公众号,回复: 3782008 查看本文章

  • 对于动态生成的页面,设置HTTPS头信息:cache-control:no-cache
  • 对于静态页面,使用HTTPS头信息:last-modified
  • 对于其它所有的文件类型,都设置expires头信息,并且在内容修改的时候修改query-string


猜你喜欢

转载自blog.csdn.net/neoveee/article/details/52446618