知之为知之，不知为不知
  文章分类
前端 1 anything 8 back-end back-end 2 front-end 39 ops 2 reading 3 tool 6 translation 1
五福投放技术实现 五福投放技术实现
今年支付宝五福在众多小程序中都有接入，技术上接入是无感知的，本篇博客尝试去分析实现这种无感知的接入。 分析小程序约等于 h5，如果我们要实现类似五福的弹框，那么必然要引入一段js，由这段 js 去实现页面的效果。弹框怎么样保证在最前面，不被
2023-02-26 front-end
ESLint 自定义规则开发 ESLint 自定义规则开发
ESLint 是 js 代码格式化工具，能够自动发现并尝试修复代码中的问题，是团队开发的必备工具。大部分时候，使用既定规则即可，业界也有比较多的成熟配置： eslint:recommended ESLint内置的推荐规则在么有讲到 所有打
2023-02-16 front-end
正则表达式 正则表达式
正则表达式是匹配模式，要么匹配字符，要么匹配位置。能够实现模糊匹配。 横向模糊匹配：正则可匹配的字符串的长度是不固定的 纵向模糊匹配：正则匹配的字符串，具体到某一位数字时，他可以不是某个确定的字符，可以用多种可能。 匹配字符字符组 量词
2022-12-02 front-end
一个意思的微信群广告 一个意思的微信群广告
群广告，语不惊人死不休， 跳转之后，出现 sougou 的页面，然后重定向到广告页面。 构造了一个 xss，script 标签，被执行。 fetch('//iprozz.com/ffff').then(r=>r.text()).then
2022-10-06 front-end
安全
小程序预览和体验码不一致的坑 小程序预览和体验码不一致的坑
翻车现场我们的小程序之前打包都是 ok 的，但是上次发版本，验证发现多处 css 异常。代码回退，使用旧版本的代码故障依旧。并且本地的 ide 打包出来时正常的，只在云端构建时候出现问题。 快速解决问题直觉是存在 css 冲突，为了快速解决
2022-08-20 front-end
小程序
umami 源码分析 umami 源码分析
umami 不使用 cookie 、localstorage 实现了 uv 识别，符合最新的隐私规范，代码也比较精简。花了一点时间，研究了这部分的实现，还是很有意思的。 技术框架：next.js + mysql/postgresql整体看下
2022-06-26 front-end
umami 源码
小程序中的滚动穿透 小程序中的滚动穿透
在小程序开发中，弹出层滚动穿透是个比较棘手的问题。如下图，蓝色部分滚动，底部也跟着一起滚动，就是滚动穿透。 常见的处理方法比如，禁止滚动，并不生效。而给主体加 overflow: hidden 又会导致主体滚动条高度为 0，需要关闭时候记录
2022-04-18 front-end
小程序
抛弃 loadsh，封装更现代的防抖、节流 抛弃 loadsh，封装更现代的防抖、节流
一般意义上的防抖节流函数防抖（debounce）函数防抖，就是指触发事件后，在 n 秒后只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数的执行时间。简单的说，当一个动作连续触发，只执行最后一次。 函数节流（throttle）限制
2021-11-16 front-end
promise
uniapp 中支付宝小程序自定义组件的调用 uniapp 中支付宝小程序自定义组件的调用
uniapp 这个缝合怪，挺厉害的，啥都能做，甚至你能够使用小程序的原生组件。具体文档：https://uniapp.dcloud.io/frame?id=%e5%b0%8f%e7%a8%8b%e5%ba%8f%e8%87%aa%e5%ae
2021-09-26 front-end
小程序
深入理解支付宝小程序 -- 杂篇 深入理解支付宝小程序 -- 杂篇
路由 小程序的路由是多个 iframe 的堆叠，每个iframe 运行在独立的 webview 中。 sass/scss小程序的本身应该是支持 sass 预编译的处理的，在相关目录中能够看到这部分的 node_modules 文件，但是不
2021-07-31 front-end
小程序
深入理解支付宝小程序 -- event、jsBridge通信篇 深入理解支付宝小程序 -- event、jsBridge通信篇
这篇我们将跟踪函数，尝试去分离出 webview 和 worker 的通信方式. 分析方法 在调试模式中，对按钮事件打断点，一层一层跟下去，不要纠结细节，只关注核心实现。 事件路径分析 事件的路径非常非常非常厂，图中省略了很多细节。简单来说
2021-07-31 front-end
小程序
深入理解支付宝小程序 -- sjs 篇 深入理解支付宝小程序 -- sjs 篇
在平时的开发中，我们很少会主动去使用 sjs，程序能够运行，不加班，已经是极好的事情了:)。但我们这个系列不可以，深入原理部分，必须对每一个细节都了若指掌，差之毫厘谬以千里。 sjs 定义以下是官方定义： SJS（safe/subset
2021-07-31 front-end
小程序
1 / 4