n6308的博客

代码仓库: https://any86.github.io/any-rule/ 11月12日更新"网址" 匹配更准确,支持匹配vue的路由参数 9月16日更新"银行卡号" 根据微信支付文档, 修改卡号长度为10到30位. 8月2日新增vscode插件 查正则不用来回切换了, vscode中搜索"any-rule" 必须带端口号的网址(或ip) /^(((ht|f)tps?):\/\/)?[\w...

any-touch 一个手势库 往期目录 用 TypeScript 开发手势库 - (1)web开发常用手势有哪些? 标题有点长 今天的标题有点长, 但不难, 讲的都是工具配置和使用, 就3个知识点: 如何配置tsconfig.json 如何配置rollup.config.js 使用npx运行项目所在node_modules的命令 rollup.config.js 注: 为了阅读体验, 我把...

这只是个开头 说在最前面,本文是一个系列文章的开头, 这个系列里我会讲如何用typescript开发一款支持pc和手机端的手势库any-touch, 以及通过jest让你的代码测试覆盖率100%. 今天我们先不写代码 今天的文章里我们先不讲代码, 我们讲一下都有哪些手势以及手势的逻辑, 理解了逻辑再写代码就简单了. 感谢一定要写在最前面 感谢开源的hammer.js, 是他让我学会了很多手势...

最近用ts写了一个小插件, 收获了些小知识点, 和大家分享下. 未来还会持续更新. 获取类上的属性的类型 class A{ n: number } const num: A['n'] // number 捕获字符串类型 注意, typeof捕获字符串的类型, 是字面量类型, 不是string // 捕获字符串的类型与值 const foo = 'Hello World'; // 使用...

做一个组件库不难 其实vue/react等框架的出现, 让自己做一个ui变得简单, 大部分的js逻辑都被库封装, 反而组件的代码主要都是css, 所以只要css写好了, 一个组件就完成60%以上了. 为自己的职业未来造轮子 vue马上也快出3了, 现存的所有vue组件库都会重建, 这又是一个造轮子收集star的好时机, 如果你也想趁机造一个组件库, 那么开始吧: 最终效果 常规版本 简化版 h...

源码: https://github.com/any86/any-ui/blob/master/src/components/_loading.scss ios/android web常用的loading图标有2种, 一种是ios的"菊花", 一种是android的"环". 今天我们用svg实现android的"环"动画, 下节课实现ios的"菊花". 注意: gif帧数少的原因, 实际动画效果...

????放假了特意给大家坐火车打发时间写了这篇工具收集类的小文, 让大家轻轻松松学知识, ????"铁皮饭盒"祝大家十一快乐, 吃开心玩开心! 新手阶段的前端面临的最大问题就是: “????这个咋做?”, 这个阶段的前端自己实现交互功能基本是不可能的, 那怎么体现价值呢? 我给个建议: “不会写还不会用吗?”, 其实js发展这么多年,常见的功能在github上都是可以找到的, 下面我就给大家拿出我收藏多年的"救命插...