meloseven

编程范式（Programming paradigm）指计算机编程的基本风格或典型模式。 编程范型提供了（同时决定了）程序员对程序执行的看法。例如，在面向对象编程中，程序员认为程序是一系列相互作用的对象，而在函数式编程中一个程序会被看作是一个无状态的函数计算的序列。 着眼于解决问…

移动端web项目越来越多，设计师对于UI的要求也越来越高，比如1px 的边框。在高清屏下，移动端的1px 会很粗。 比如，这个是假的1像素 那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio) 设备像素比，它是默认缩放为100%的情况下，…

js是单线程，就像学生排队上厕所，学生需要排队一个一个上厕所，同理js任务也要一个一个顺序执行。如果一个任务耗时过长，那么后一个任务也必须等着。那么问题来了，假如我们想浏览新闻，但是新闻包含的超清图片加载很慢，难道我们的网页要一直卡着直到图片完全显示出来？因此聪明的程序员将任务…

本文只讨论图中蓝色部分。 快速修复 command + . ctrl + . 虽然在写法上，这两个操作符与位运算逻辑操作符相同。但在语义上，它们与位运算刚好相反。 对于这种表现，可以这样理解：&表示必须同时满足多个契约，|表示满足任意一个契约即可。 建议库的开发者所提供的公共a…

在前面一篇文章中 《模块化系列》彻底理清 AMD,CommonJS,CMD,UMD,ES6，我们可以学到了各种模块化的机制。那么接下里我们就来分析一下 webpack 的模块化机制。（主要讲 JS 部分） 提到 webpack，可以说是与我们的开发工程非常密切的工具，不管是日常…

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

node-sass是我们开发中很常见的依赖包，也是安装时间冗长和最常见到报错的依赖。原因有很多种，我们在说报错原因之前，先来分析一下node-sass的安装过程(以下出现的node版本为v10.15.3)： 由此看到，实际上node-sass依赖了一个二进制文件binding.…

splitChunks 作用是将第三方的组件拆分出来，打包成一个或几个包，用于长期缓存。这个行为可以在webpack中设置并自动完成。 DllPlugin 也能将第三方组件拆分出来，打包成一个或几个包，用于长期缓存且能加速打包过程。 Dllplugin 内含有的组件在 webp…

页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。 1s 60帧，所以每一帧分到的时间是 1000/60 ≈ 16 ms。所以我们书写代码时力求不让一帧的工作量超过 16ms。 帧开始。窗口尺寸变更，页面滚去等的处…