知之为知之，不知为不知
  文章分类
前端 34 编码点滴 2 后端 2 运维 1 阅读 2 工具 6 翻译 1
在 uniapp 中使用小程序ui组件库（mini-ali-ui-rpx） 在 uniapp 中使用小程序ui组件库（mini-ali-ui-rpx）
uniapp 提供了很多开箱即用的特性，但是业务开发中，好像很少使用原生的小程序组件，这个特性是支持的。从 uniapp 开发者角度，支持原生小程序特性有利于开发者对现有的小程序做快速迁移，能够兼容社区绝大多数 ui 组件库。 引入小程序组
2021-06-17 前端
小程序
深入理解 ts 中的 utility 类型 深入理解 ts 中的 utility 类型
平时开发中，有些场景总有种蹩手蹩脚的感觉，看到 Utility Types 才知道自己 native 了，很多场景 ts 都帮我们想好了。 Partial设置 Type 某个类型为可选，并返回部分 Type 类型。 源码：type Part
2021-05-25 前端
Typescript
运动步数修改器 web 版本 运动步数修改器 web 版本
思路 修改本地步数，比如健康的数据，比较麻烦，没有找到特别方便的方法。 摇步器，慢慢慢，工作时间内只能摇 20 公里左右 通过第三方同步数据，比如乐心健康，小米运动等通过接口同步到微星、支付宝等平台 实现实现其实挺简单的，github
2021-05-22 前端
工具
【支付宝小程序】我们常用的 'my' 是什么？ 【支付宝小程序】我们常用的 'my' 是什么？
支付宝小程序开发中我们使用的 my 其实就是 jsbrige 注入的一个对象。JSBridge，简单来说就是web和native之间的桥梁,有了它你就可以在web页面中唤起native应用提供的能力。例如：唤起相册，获取应用登陆用户信息等等
2021-04-24 前端
小程序
封装小程序分页组件 waterflow-list 封装小程序分页组件 waterflow-list
小程序开发中，列表分页组件是比较常见的需求，每次都要写 totalNum、pageSize、loading 状态等，写得多了，始终觉得很麻烦，萌生了封装一个容器组件的念头。 需求 封装列表分页组件，包含加载状态 尽量少的暴露接口，减少可配置
2021-04-18 前端
小程序
前端 font 优化 前端 font 优化
开发中，一般直接引入字体，使用即可，似乎字体本身并没有很多可以说道的地方，其实不然。字体本身涉及到印刷工业，是一个历史悠久的行业，css 字体的大部分属性都可以在印刷工业中找到映射。这篇博客，整理常见的字体使用细节。 衬线体和非衬线体衬线体
2021-04-11 前端
css
js 中 setTimeout 计时器最大值 js 中 setTimeout 计时器最大值
项目中踩坑，记录下。没有意识到 setTimeout/setInterval 计时器有最大值问题。 setTimeout(() => { console.log(1111) }, 2 ** 31) 这部分代码，不会等到计时器结束，而是会
2021-03-23 前端
js
vuex 4.0 源码解析 vuex 4.0 源码解析
vuex 源码短小精悍，很短时间就可以大致浏览一遍，值得学习。在后续看其他框架的过程中，也发现很多框架都有参考 vuex（比如 herbjs 的插件体系）。 猜想 一定有一个地方集中存放所有的数据（state），可以挂载到 window 上
2021-03-10 前端
源码
从 Tailwind 看 css 中的原子化流变 从 Tailwind 看 css 中的原子化流变
回不到的过去，忘不掉的人。某个路口，转角再次遇见，她还是她吗，你还是你吗？ 禅意花园禅意花园，做前端的人或多或少都听说过项目。一样的 HTML 结构，用不同的 css 去装饰，形成截然不同的页面风格，探索 css 之美。html css
2020-12-14 前端
css
vue3 h5 脚手架 vue3 h5 脚手架
vue 3 终于发布了正式版。 也把自己用了很久的 h5 脚手架更新了一波，所有依赖都升级到最新，后续h5开发就直接使用最新的脚手架进行开发。 后续还会增加多页面的脚手架，多页面写的真的不多，但是配置还是有点意思的~ 本次脚手架，抛弃了单元
2020-09-21 前端
vue
herbjs 简明数据流 herbjs 简明数据流
最近在使用herbjs做支付宝小程序的开发，在熟悉了开发模式之后，还是挺好用的。 小程序运行机制写小程序的感觉，更像是在写ract，然而这两者的机制是不一样的。 小程序的框架包含两部分View视图层(可能存在多个)、App Service逻
2020-08-16 前端
支付宝小程序,herbjs
async await 的终极封装 async await 的终极封装
async await 的终极封装在看同事代码时候，看到下面这一段，有点意思。 let [res,error] = await getList() if(error){ // 错误处理 } // 业务处理 注意，这里代码没有使用try
2020-08-06 前端
promise
2 / 3