Qz Blog

Talk is cheap,show me the code

前端常用 npm 库与工具清单

“Yeah It’s on. ” promisify 注意: Node.js 8 中在util中已经集成了promisify 虽然 Promise 已经普及，但是 Node.js 里仍然有大量的依赖回调的异步函数，如果我们每个函数都封装一次，也是麻烦所以 Node8 就提供了 util.promisify() 这个方法，方便我们快捷的把原来的异步回调方法改成返回 Promis...

Posted by Qz on November 19, 2018

npm、Yarn 与 pnpm 包管理器对比总结

“Yeah It’s on. ” 包管理器选型建议现代前端项目选择包管理器时，不只看安装速度，还要看团队一致性、锁文件稳定性、Monorepo 支持、磁盘占用和生态兼容性。简单建议：场景推荐普通单包项目、追求默认兼容 npm Monore...

Posted by Qz on November 16, 2018

Git 工作流与常用命令总结

“Yeah It’s on. ” 正文网页链接本地分支与远程分支 github上已经有master分支和dev分支在本地 git checkout -b dev 新建并切换到本地dev分支 git pull origin dev 本地分支与远程分支相关联本地新建分支并推送到远程 git checkout -b test git pus...

Posted by Qz on October 15, 2018

前端通用埋点方案

“Yeah It’s on. ” 正文网页链接 https://lzw.me/pages/share/ppt/flow.html 埋点方案的确定业界的埋点方案主要分为以下三类：代码埋点：在需要埋点的节点调用接口，携带数据上传。如百度统计等；可视化埋点：使用可视化工具进行配置化的埋点，即所谓的「无痕埋点」，前端在页面加载时，可以读取配置数据，自动调用接口进行...

Posted by Qz on September 9, 2018

自适应高度输入框实现总结

“Yeah It’s on. ” 正文网页链接需求:文本输入框的高度要随着框内文本所占高度而变化方案一：利用contenteditable属性首先想到的方法，是使用 HTML 5 中新增的contenteditable属性。它可以把元素变成可编辑状态，同时让其保留原有的特性（如元素高度根据元素内容所占高度而变化）。使用方式如下： <element conten...

Posted by Qz on August 20, 2018

性能监控与优化

“Yeah It’s on. ” 前端异常监控监控前端监控SDK开发分享前端监控系统最核心的首要是收集客户端的相关数据：性能相关：首屏性能错误相关：接口错误，js执行错误，资源加载错误（css，js，静态资源）当前核心指标现代前端性能监控建议以 Core Web Vitals 为核心，同时结合业务指标和错误监控。FID 已经被 INP 替代，当前更应该...

Posted by Qz on August 3, 2018

个人成长与工作随笔

“Yeah It’s on. ” 每次看书或看文章都会有一些突发的灵感或者想要记录的句子，因此在此记录年段记录 2022 我一直以为自己属于比较聪明的那一类，归根结底其实只是比较努力罢了。我时常会陷入无尽的迷茫，也时常会坚定旅途的方向。我得与时间做朋友，也必须与时间做朋友我对优秀二字有概念是很早的事情，优秀是一种习惯人们常用战术上的勤奋，去弥补战略上的懒...

Posted by Qz on August 2, 2018

CSS 实用代码片段与布局技巧总结

“Yeah It’s on. ” 正文自定义滚动条 // scss scrollBar { &::-webkit-scrollbar-track-piece { background: #d3dce6; } &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollb...

Posted by Qz on July 23, 2018

微信小程序开发实践总结

“Yeah It’s on. ” 微信小程序相关小程序为什么性能还可以？ webview渲染小程序，为什么性能高，核心是预载。点击一个新页面时，webview是提前创建好的，不会走复杂的webkit、v8的初始化流程，连开发者的js代码，也是预载好的。所以点击新页面时，它的渲染速度和原生应用没什么差别。当然也有个坏处，就是启动慢。微信里启动小程序速度看着还行，其实是微信在启动...

Posted by Qz on May 26, 2018

前端鉴权、登录态与权限控制总结

“Yeah It’s on. ” 更新说明：本文覆盖的 Cookie / Session / Token / JWT / OAuth / SSO 等基础机制依然是鉴权的核心，但工程实践和安全共识这几年有明显更新，尤其在”前端如何安全地存放凭证”上。不要把 access token 存 localStorage：localStorage 无法防御 XSS，一旦...

Posted by Qz on May 23, 2018