ssFei

引导蒙层通常在新业务上线、或者业务有变更时的给新用户的一个操作指引。下图页面即是一个蒙层，会在某个局部位置高亮我们需要重点突出的内容： 当前发现很多页面做蒙层引导，还是使用图片形式来做。 全屏蒙层图片，图片的宽高和屏幕宽高不一致，显示两边留黑，或者有压缩的效果。 图片的引导位置…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

在项目中遇到了颜色转换，因此就研究了如何进行颜色转换，记录下来方便以后温故。 虽然能够进行颜色转换，但是除了第一个代码之外其他的我都没有判断传入的值是否正确，这是一个待完善的地方。不过总算了解了如何转换，之后用到颜色转换就能够开心的复制粘贴了。

初衷： 将我整理的笔记分享给大家，希望本篇文章能给你带来不一样的认知，不喜勿喷。 适合人群： 前端初级开发，大佬绕道。 内容结构： 为什么有模块化 -> 基本语法 -> 两者区别。 我们都知道在早期JavaScript模块这一概念，都是通过script标签引入js文件代码。当然…

Nodejs生态通过npm包的形式复用代码,目前累计有超过100多万个开源可用的包。我们遴选了30个常用的nodejs安装包，让您免于重新发明轮子。

Rollup打包工具详细使用教程；之前在网络上查找过相关的rollup使用，有些文章很概念不易理解，没有具体步骤；有些文章步骤不够详细，没有来龙去脉。所以打算整理个文章给后来者减少弯路。

npm在前端开发流程中提供了非常完善的自动化工具链，已成为每个前端开发者必备的工具，但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的npm知识点，以便开发者们更好的将npm运用在实际开发中。 1. npm 处理 node_modules 目…

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

WebAssembly是什么 —— https://webassembly.org/ 从官网释义来看，Wasm是基于栈式虚拟机的二进制指令格式。作为高级编程语言的编译目标，它具有强可移植性，允许客户端