思考的Joey

这可能是最全的小程序包大小优化方案，分析为什么需要做小程序包体积优化，盘点我们能采取的各种方案、手段，介绍每种方案如何实施。对于大型小程序来说，推进主包体积优化很有必要，能...

如何实施微信小程序性能监控，现有的监控手段分析，为什么要自建性能监控，自建性能监控方案和上报策略，一篇文章让你搞懂性能小程序性能监控。...

背景 目前很多前端项目虽然采用了很多新技术，但是最终还是会被编译成es5，这样就能在较低版本的浏览器中运行了，但现实情况是现在的浏览器都已经比较成熟，压根不用编译成es5再...

Hi~大家好，今天给大家介绍一个现代的包管理工具，名字叫做 pnpm，英文里面的意思叫做 performant npm ，意味“高性能的 npm”，官网地址可以参考 htt...

当我们编写代码导入一个模块的时候，编译器需要知道怎么找到并解析我们导入的模块，会尝试定位表示导入模块的文件。 这里编译器会遵循以下二种策略之一： Classic或Node。...

​ 今天测试提了个bug，ios端小程序内嵌的H5页面的样式不对。经过一段时间排查发现是H5的css样式缓存没有被清除。试过了很多办法，删除小程序重新加载、重新登陆微信都没...

这张图应该能够很好的解释 Function，Object，prototype和实例之间的关系了。 prototype是函数才有的一个属性。 函数的 prototype 属性...

用过 webpack 的同学肯定知道 webpack-bundle-analyzer ，可以用来分析当前项目 js 文件的依赖关系。 因为最近一直在做小程序业务，而且小程序...

我们是为了实现小程序中多个tabbar的效果的。用户进首页的时候，是一个tabbar，在进入到另外的页面的时候，底部的tabbar显示的是另外的一个。这样可以更好的让用户浏...

最近在做移动端项目时，发现通过伪类:active给按钮添加点击效果时，iOS下无效，PC下是正常的。 其中的描述,在iOS上,鼠标事件是太快了,按钮及active状态无法触...

CSS属性 touch-action 用于指定某个给定的区域是否允许用户操作，以及如何响应用户操作，用于控制元素的默认触摸行为。 touch-action: none 来防...

如果我们在 touchstart 事件调用 preventDefault 会怎样呢？这时页面会禁止，不会滚动或缩放。那么问题来了：浏览器无法预先知道一个监听器会不会调用 p...

1. 去掉input 在iOS中的默认圆角和内阴影 2. 焦点在 input 时，placeholder 没有隐藏 3. input 输入框调出数字键盘 4. 搜索时，键盘...

随着我们业务中越来越多的使用H5页面，一些细小的异常或者特定机型的兼容性异常都可能影响大量的用户群体。指望测试做全面覆盖的测试也是不现实的，B端的问题可能还有用内部人员报上...

代码的主体其实是一个立即执行函数（IIFE：：Immediately-Invoked Function Expression）。 立即执行函数有一个形参modules，对应...