分类: front-end | 不知 | 前端技术分享

文章分类
前端 1 anything 8 back-end back-end 2 front-end 37 ops 2 reading 3 tool 6 translation 1
                            
                            重构 uniapp 项目(1)：浅浅理解 uniapp
                        
                                  uniapp 在业内名气口碑都挺不错的，选择这个框架，能够让开发者快速出活，依托 vue 的生态，相关开发者也多，企业也容易招聘。然而小程序和web毕竟还是有点区别，某些时候还是需要对uniapp 有一定的理解，才能够顺利的搬砖。本篇，
                            
                                2021-07-20
                            
                                    front-end
                                
                            小程序
                        
                            重构 uniapp 项目(1)：uniapp 中的数据流机制
                        
                                  uniapp 遵循 vue 的语法，可以使用 vuex 等生态。
数据操作猜想vue 在 H5 中，不管引入多少概念，虚拟 dom，diff 算法，它最新依然是需要操作dom，document.getElementById("
                            
                                2021-07-20
                            
                                    front-end
                                
                            小程序
                        
                            重构 uniapp 项目(0)：相信自己
                        
                                  重构不是一个好活，需要对技术和业务的多重理解，重构又是一个好活，能够站在更加全然的高度，去俯视项目，给项目做手术。
前端重构  前端重构高度依赖 git 信息，人员变动，业务变动，会导致原有的项目结构出现各种变动，命名可能不再语义化，逻
                            
                                2021-07-16
                            
                                    front-end
                                
                            小程序
                        
                            ts 方法装饰器
                        
                                装饰器在java中叫注解，体现了面向切面（AOP）的编程思想。
方法装饰器// 定义装饰器
export  function logger(target: any, propertyKey: string, descriptor: Prop
                            
                                2021-07-12
                            
                                    front-end
                                
                            typescript
                        
                            在 uniapp 中使用小程序ui组件库（mini-ali-ui-rpx）
                        
                                uniapp 提供了很多开箱即用的特性，但是业务开发中，好像很少使用原生的小程序组件，这个特性是支持的。从 uniapp 开发者角度，支持原生小程序特性有利于开发者对现有的小程序做快速迁移，能够兼容社区绝大多数 ui 组件库。
引入小程序组
                            
                                2021-06-17
                            
                                    front-end
                                
                            小程序
                        
                            深入理解 ts 中的 utility 类型
                        
                                平时开发中，有些场景总有种蹩手蹩脚的感觉，看到 Utility Types 才知道自己 native 了，很多场景 ts 都帮我们想好了。
Partial设置 Type 某个类型为可选，并返回部分 Type 类型。
源码：type Part
                            
                                2021-05-25
                            
                                    front-end
                                
                            Typescript
                        
                            运动步数修改器 web 版本
                        
思路
修改本地步数，比如健康的数据，比较麻烦，没有找到特别方便的方法。
摇步器，慢慢慢，工作时间内只能摇 20 公里左右
通过第三方同步数据，比如乐心健康，小米运动等通过接口同步到微星、支付宝等平台

实现实现其实挺简单的，github 
                            
                                2021-05-22
                            
                                    front-end
                                
                            工具
                        
                            【支付宝小程序】我们常用的 'my' 是什么？
                        
                                支付宝小程序开发中我们使用的 my 其实就是 jsbrige 注入的一个对象。JSBridge，简单来说就是web和native之间的桥梁,有了它你就可以在web页面中唤起native应用提供的能力。例如：唤起相册，获取应用登陆用户信息等等
                            
                                2021-04-24
                            
                                    front-end
                                
                            小程序
                        
                            封装小程序分页组件 waterflow-list
                        
                                小程序开发中，列表分页组件是比较常见的需求，每次都要写 totalNum、pageSize、loading 状态等，写得多了，始终觉得很麻烦，萌生了封装一个容器组件的念头。
需求
封装列表分页组件，包含加载状态
尽量少的暴露接口，减少可配置
                            
                                2021-04-18
                            
                                    front-end
                                
                            小程序
                        
                            前端 font 优化
                        
                                开发中，一般直接引入字体，使用即可，似乎字体本身并没有很多可以说道的地方，其实不然。字体本身涉及到印刷工业，是一个历史悠久的行业，css 字体的大部分属性都可以在印刷工业中找到映射。这篇博客，整理常见的字体使用细节。
衬线体和非衬线体衬线体
                            
                                2021-04-11
                            
                                    front-end
                                
                            css
                        
                            js 中 setTimeout 计时器最大值
                        
                                项目中踩坑，记录下。没有意识到 setTimeout/setInterval 计时器有最大值问题。
setTimeout(() => {
  console.log(1111)
}, 2 ** 31)
这部分代码，不会等到计时器结束，而是会
                            
                                2021-03-23
                            
                                    front-end
                                
                            js
                        
                            vuex 4.0 源码解析
                        
                                vuex 源码短小精悍，很短时间就可以大致浏览一遍，值得学习。在后续看其他框架的过程中，也发现很多框架都有参考 vuex（比如 herbjs 的插件体系）。
猜想
一定有一个地方集中存放所有的数据（state），可以挂载到 window 上
                            
                                2021-03-10
                            
                                    front-end
                                
                            源码