Qz Blog

Talk is cheap,show me the code

技术leader管理相关

“Yeah It’s on. ” 正文面试招聘：2 年招到 18 个前端教你怎么招人 if 我是前端Leader，怎么走出小微前端团队的围墙如何带领前端架构团队突破价值困局如何推动前端团队的基础设施建设传统企业的人才们，先别忙着跳“互联网”了一个技术总监的忠告：精通那么多技术，为何还做不好一个项目？ 2022 年，前端深水区的裁员结局抛开薪资待遇的部分，...

Posted by Qz on December 25, 2018

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. ” npm https://www.cnblogs.com/penghuwan/p/6973702.html#_label4 https://www.ruanyifeng.com/blog/2016/10/npm_scripts.html npm 脚本的原理非常简单。每当执行npm run，就会自动新建一个 Shell，在这个 Shell 里面执...

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 September 23, 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，静态资源）首屏性能先明确概念：白屏时间（first Paint Time）——用户从打开页面开始到页面开始有东西呈现为止首屏时间——用户浏...

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

欢迎来到渣臻的Blog(｡・`ω´･)

♫ ♪