纪行川

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同构应用来讲的） 更快的首屏加载速度：无需等待 JavaScript 完成下载且执行才显示内容，更快速地看到…

因为工作原因，现在有一个需求就是需要用户使用QQ或者微信复制一张截图后，在div中直接粘贴这张图片，而不是采用上传的方式。类似我们在使用QQ微信时直接粘贴截图的操作，这个要怎么用js来实现呢？ 我们可以利用 Clipboard 这个接口API 来实现。 根据在MDN上的定义，C…

本文从绘图基础开始讲起，详细介绍了如何使用Three.js开发一个功能齐全的全景插件。 如果你对Three.js已经很熟悉了，或者你想跳过基础理论，那么你可以直接从全景预览开始看起。 OpenGL是用于渲染2D、3D量图形的跨语言、跨平台的应用程序编程接口（API）。 这个接口…

不同浏览器对域名下 cookie 的大小和数量是有限制的，cookie 的容量有限，珍贵的空间还是留给和服务器交互用吧。 很多网站会使用第三方的统计、abtest等等js插件，也会占用你宝贵的 cookie，而且是非常多。 IE8 之后的浏览器都开始支持 localStorag…

特性。 稳定性。 性能。 包生态。 社区。 学习曲线。 文档。 工具。 发展历史。 团队。 兼容性。 趋势。 下面总结一下作者的观点。 当你调研一个 JS 库，功能当然是最重要的，就好比 React 的用于开发 UI 界面非常方便，这是流行起来的一部分因素。 但同时 React…

作为前端工程师，日常开发离不开 psd 文件。 但是日常开发的一个小弹窗页面，它的 psd 居然需要 30+Mb，所以经常得定期清理 psd... 对于我一个 PS 小菜鸡来说，用 PSD 无非只是需要用来度量元素大小（元素间距），查看属性等简单的功能。 相对比于 sketch…

在了解 redux 中间件之前，有必要先了解一下什么是柯里化，redux 是基于此的，理解它你才能理解中间件是怎么工作的。 这里是高级程序设计一书对于柯里化的解释，先看看就好，有个大概印象。 它用于创建已经设置好了一个或多个参数的函数。函数的柯里化的基本使用方法和函数绑定是一样…

在 ES6 中增加了对类对象的相关定义和操作（比如 class 和 extends ），这就使得我们在多个不同类之间共享或者扩展一些方法或者行为的时候，变得并不是那么优雅。这个时候，我们就需要一种更优雅的方法来帮助我们完成这些事情。 在面向对象（OOP）的设计模式中，decor…