Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New...

Read More

需要掌握的基础原理底层架构 传统的网页，UI渲染和JS脚本同一个线程中执行；小程序基于性能的考虑启用了双线程。视图层：webview线程，负责启用不同的webview来渲染不同的小程序页面。逻辑层：一个单独的线程执行JS代码，控制视图层的逻辑。 启动过程 准备运行环境微信启动双线程环境，在线程中完成小程序基础库的初始化和预执行。 下载、注入并执行对应小程序代码包初次启动时，需要下载编译后的代码包到本地。如果启动了分包”subPackages”,则只下载主包内容。 渲染...

Read More

解决前端动画卡顿的问题页面卡顿原因：我们设备大多数的肉眼可见不卡顿是 60fps,就要求浏览器对每一帧动画的渲染在 16ms 内完成。优化方案如下： 1.css 优化 尽量使用 transform 属性，避免使用 height、width、margin、padding 等.浏览器的渲染进程里有主线程和合成线程，margin-left:-18px，就要计算 18 次，经历 DOM tree、css tree、render tree、绘制这些阶段，然后合成线程也要计算 18 次，但是使用 t...

Read More

常见的 js 兼容性问题有哪些 弹框显示时，禁止背景滚动、并且记录滚动距离 1234567891011// ****showDialog时****// 1.设置body的position: fixed;// 2. 记录滚动的距离 window.scrollYQ.$("body").css("top", -window.scrollY + "px");Q.$("body").css("posit...

Read More

webpack 如何编写一个 loader、plugin

Read More

为什么学习数据结构与算法？开发工程师就是把实际的问题转化成计算机指令——设计出数据结构，再加以算法。 review 计算机世界的基本规则 各种框架的原理对于算法应用 学习思路及方法 对数据结构和算法有一个全方位的了解 分类练习——一段时间只练习固定分类的题目，比如只练习二叉树的，开始之前，对其具体定义、概念、应用及可能出现的恶类型进行梳理了解再开始。 对一个类型针对性练习后，定期回顾，发现规律，进行总结。 最终达到的效果就是： 当你看到一个题目，首先你要想到它属于...

Read More

nrm 切换源失败报以下错误 1Error: EPERM: operation not permitted, scandir '/Users/mac/.Trash' 现象是： 项目本地看到的是在 taobao 源上，nrm use XX，切换不成功，还是停留在 taobao 源上；但是全局 terminal 打开的控制台却已经在 XX 源上。 原因：项目本地的.npmrc 文件里写死了在淘宝源上，优先级最高，导致切换不成功，也可以通过cat ~/.npmrc 命令查看...

Read More

售前限制薅羊毛用户无脑领课背景： 产品说主 App 内用户不需要输入手机号，直接点击 0 元领课按钮，会导致很多无效订单。订单数=》加老师数 直接的转化率 数据就会不准确，数据模型有问题。思考： 输入手机号是可以一定程度上过滤部分无脑下单的用户疑问点： 账户 A 登陆主 App,但是售前 H5 页面会存在登陆 B、C、D 等账户的问题，是否会影响订单和转化率的关系。一个用户用了多个手机号下单，但是只有一个微信加了老师。那么真实订单数 : 加老师的比率就会不准确。产品答复： 这样的用户存在少...

Read More

伪元素实现横向虚线——可调整虚线之间的距离背景：border: 1px dotted #ccc;并不能调整虚线之间的距离解决方案： 伪元素、渐变实现. 1234567891011.column-item::before { width: 100%; height: 1px; background-image: linear-gradient(to left, #f1eded 0%, #ccc 50%, transparent 50%); /** toleft横向...

Read More

npm i的具体机制 早期的时候 是严格按照package.json的结构，一一对应的在node_modules中按照对应的包，这样造成的问题就是: 嵌套层级可能过深，在Windows系统中，文件路径最大长度为260个字符 重复的安装包 后来npm 3.X版本采用扁平化的结构 安装模块时，不管其是直接依赖还是子依赖的依赖，优先将其安装在node_modules根目录。 当安装到相同模块时，判断已安装的模块版本是否符合新模块的版本范围，如果符合则跳过，不符合则在当前模块的node_mod...

Read More