计算图片大小 对于一张 100 * 100 像素的图片来说，图像上有 10000 个像素点，如果每个像素的值是RGBA存储的话，那么也就是说每个像素有 4 个通道，每个通道 1 个字节（8 位 = 1个字节），所以该图片大小大概为 39K ...

构建内容 源代码预编译：比如 less、sass、typescript； 图片优化、雪碧图(CSS Sprite)生成； JS、CSS 合并、压缩； 静态资源加版本号和引用替换； 静态资源传 CDN 等。 项目目录结构 client ├── ...

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等 ...

当我们打开网站时也许不会去留意网站前面的HTTP是怎么来的。但是它毫无疑问在网络中有着举足轻重的地位。本文从起源到发展，详说HTTP从1到3的演变。 说在前面 本文不致力于讲完 HTTP 的全部内容，事实上短短的篇幅也不可能讲完。本文也无 ...

近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。目前（2020.06.18）snowpack 在 Github 上已经有了将近 1w stars。 snowpack 的代 ...

image FWidget 用心提供精致的组件，助您构建精美的应用。 你好开发者，来见识一下，这是由我们精心为开发者烘培 ? 的全新组件，F～～～Float。 image FFloat 是由 【阿里巴巴-飞猪-FliggyMobile 技 ...

这是我第16篇简书。 整体思路： 性能优化是什么? 从用户角度来看，什么才是好的页面？一个是页面加载的很快，另一个是页面使用起来很流畅。 那么对应到前端开发的角度，性能优化可以对应分为两个方向：页面加载时间跟页面运行效率。 从浏览器打开到页 ...

（给达达前端加星标，提升前端技能）​ 想要成为一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识，那么应该怎么进行Web前端性能优化呢？--达达前端Web前端性能优化原理问题​ 前端性能优化，资源的合并与压缩，图片编码的原 ...

         最近刚完成了项目中所有模块的详情页导出pdf功能。本来开始后端接了这个活，前端只要传过去单号就好，可是做到最后一直实现不来，页面总是显示一半，于是，后端把活让给了我?          还好，同组的其他伙伴项目中有用到过， ...

抓住2019年的尾巴，迎接2020年的到来~ 给自己的2019年画上一个完美的句号。 引言 webpack 对于现在的前端开发的你来说，不算陌生，你或许没有真正去了解过它是如何使用的，但你的项目中确实使用过它，因为你项目的打包编译都跟他息息 ...