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