前端知识汇总

自动化构建工具

包管理工具

模块打包工具

脚本语言

模块加载规范

消息推送技术

  • Comet
    • Long polling
      • XHR long polling
      • Script tag long polling
    • Streaming
      • Hidden iframe with "Chunked Transfer Encoding"
      • XHR onreadystatechange
  • Server-Sent Events
  • WebSocket
  • Flash XMLSocket

前端框架

  • Backbone.js（MVC）
  • Angular.js（MVVM）
  • Ember.js（MVVM）
  • Vue.js（MVVM）
  • React.js
  • Redux
  • Bootstrap

Javascript 工具库

  • jQuery
  • Underscore.js
  • Zepto.js
  • lodash

CSS 相关

  • LESS
  • SASS
  • Bootstrap
  • Pure

跨域解决方案

  • JSONP
  • CORS
  • <iframe> 设置 document.domain 实现下级域名与上级域名交互
  • window.postMessage

网页优化

  • HTTP/2
  • Sprite
  • 图片延迟加载
  • 脚本加载优化（加载脚本会阻塞渲染）
    • Inline script
    • </body> 标签底部加载
    • <script async>：缺点是不能实现加载顺序依赖
    • AMD
  • CSS加载优化（加载CSS样式表会阻塞渲染）
    • Inline style
    • 延迟加载或异步加载
  • HTML加载优化
    • Bigrender：页面一次加载全部数据，但先渲染首屏，页面滚动触发渲染后续内容
    • Bigpipe：通过"Chunked Transfer Encoding"方式，先返回网页结构，后返回数据，通过脚本将渲染内容
    • Lazyrender：页面一次加载部分数据进行渲染，页面滚动后加载后续的数据并渲染

页面布局

  • Flexbox
  • Grid Layout
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容