关键字:优化
  • 前端要懂Http缓存机制
    最近在看面试题的时候总会看到有一些关于Http缓存的题目,但是总是一知半解,不甚理解;尤其是Http头信息中有一大堆的字段,什么if-modified-since,什么if-none-match,真是令人头疼。后来突然想到,要是能通过自己构 ...
  • 前端静态资源请求和加载优化总结
    如果有这样一个项目,js脚本数量100+,其中50个是各种框架或库,css数量20+,图片若干 。那么,不用说,这个页面加载起来,一定快不了。 静态资源的请求和加载速度,直接影响页面呈现,应该怎么优化呢? 一、不请求 - cache 最好的 ...
  • 如何有效提升快应用(Webpack)编译速度
    背景 在开发快应用时,少不了构建操作:npm run build(官方 IDE 集成了这些操作,本质上也是调用同样方法)。这是因为快应用有自己的 DSL 语法,直接写出来,在底层不能识别,需要把业务代码编译成底层能运行的代码(感兴趣的同学, ...
  • 王者荣耀为什么不使用微服务架构?
    今天在知乎上看到这样一个问题:"为什么游戏公司的 Server 不愿意微服务化?1.背景介绍最近面试了一家游戏公司(满大间的,有上市),我问他,公司有没有做微服务架构的打算及考量? 他很惊讶的说,我没听说过微服务耶,你可以解释一下吗?我大概 ...
  • 回流和重绘
    html 加载过程在页面加载时,浏览器把获取到的HTML代码解析成1个DOM树,DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添加的元素等。浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体D ...
  • npm script 工作流(十二)构建流水线
    构建内容 源代码预编译:比如 less、sass、typescript; 图片优化、雪碧图(CSS Sprite)生成; JS、CSS 合并、压缩; 静态资源加版本号和引用替换; 静态资源传 CDN 等。 项目目录结构 client ├── ...
  • npm script工作流(十一) Git Hooks
    主要内容 Git Hooks https://git-scm.com/book/en/v2/Customizing-Git-Git-Hooks pre、post 的钩子机制 npm script 中Git Hooks的使用 Git Hook ...
  • es6语法转es5并压缩混淆代码,对兼容和性能做优化
    需求分析1、用es6的语法写了一个工具类2、需要兼容除chrome外较新的浏览器3、隐藏源码、缩小网络消耗利用工具babel 用于es6转换es5ug ...
  • 前端开发转型做产品经理,靠谱吗?
    许多开发人员在工作几年后往往会遇到职业瓶颈。晋升通道变窄,转型就成为了必然事件。一般一个开发团队小的前端,后台,设计加起来也就10人左右,大的几十人甚至几百人,能够做到技术经理,甚至CTO的,是少之又少,一个团队也就一两个人,这也就要求你的 ...
  • 分享18个webpack插件,你千万要收藏好,留备用
    何为插件(Plugin)?专注处理webpack在编译过程中的某个特定的任务的功能模块,可以称为插件。插件是一个扩展器,它丰富了webpack本身,针对的是loader结束后,webpack打包的整个过程,它并不直接操作文件,而是基于事件机 ...

暂无数据