Qz Blog

Talk is cheap,show me the code

前端单元测试实践总结

“Yeah It’s on. ” 更新说明：前端单元测试的”技术底座”这几年发生了明显迁移，但方法论保持稳定。测试运行器：Jest 仍是存量项目和 React 生态的主力，但对原生 ESM 和 TypeScript 支持一直不够顺畅（常需 babel-jest / ts-jest / @swc/jest）。新项目尤其是 Vite 技术栈，Vitest 已成为...

Posted by Qz on August 22, 2019

前端面试：JavaScript 与 TypeScript 高频问题总结

“Yeah It’s on. ” 2 年前端 7～9 月面试经历总结更新说明：JS 基础（原型链、闭包、执行上下文、事件循环、this、异步）仍然是高频必考项，长期有效。TypeScript 部分建议补充当前重点：泛型、条件类型、infer、工具类型、satisfies、as const、类型收窄，以及 tsconfig 中 strict、moduleResolution...

Posted by Qz on August 2, 2019

从零实现一个原生小程序框架

“Yeah It’s on. ” 正文框架设计整体思路是用gulp复制src文件夹中的文件到dist文件夹，在个过程中完成编译，处理相关文件。如处理js文件，用babel将es6语法转成es5；处理less文件，将less文件转wxss；处理图片文件进行压缩等。核心的三条命令 npm run dev (进行开发环境打包，并监听文件) npm run watch ...

Posted by Qz on April 29, 2019

Gulp 自动化构建实践总结

“Yeah It’s on. ” 最近在做一个基于原生小程序的框架，一开始选择的打包工具是webpack，但在使用的过程中发现webpack必须指定入口文件，且无法做到复制一个文件夹，并对它里面的文件进行处理，查看官方组件cli模板，其采用打包工具glup，所以现在也换到gulp。由于，基本上对gulp只有简单的认知，写起来非常地苦逼。 gulp中文文档太旧，如果使用...

Posted by Qz on April 22, 2019

AST 抽象语法树与前端工程实践

“Yeah It’s on. ” Parser API 正文在线AST转换器 https://segmentfault.com/a/1190000016231512 通过抽象语法树解析，我们可以像童年时拆解玩具一样，透视Javascript这台机器的运转，并且重新按着你的意愿来组装。 function add(a, b) { return a + b } 首...

Posted by Qz on April 6, 2019

前端 UI 组件库构建实践总结

“Yeah It’s on. ” 今天是3月22号,闲得蛋疼，逛了逛掘金，发现有关vue组件库，猛然想起自己一直想要做个ui组件库，这就开始了折腾之旅正文 ue cli3 库模式搭建组件库并发布到 npm 用vue-cli3从0打造一个完整的UI库 vue-cli 3.0 构建目标：库自己的组件库 https://github.com/rte-design/...

Posted by Qz on March 22, 2019

前端实习复盘与成长总结

“Yeah It’s on. ” 正文最近年底，临放假几天，有时间摸摸鱼，索性写一篇实习总结。我的实习是从2018年9月开始到2019年2月结束，在一家专门做小程序小游戏的公司(小黑屋科技)，期间总体来说就是打造了前端的工作流(包括制定eslint规范，框架选型，编写基础组件，推动建立npm私服，打造前端团队cli脚手架，从头开始开发一套基于wepy的小程序sdk)，当然还有一...

Posted by Qz on January 30, 2019

Babel 原理、配置、插件与转译总结

“Yeah It’s on. ” 前序 https://juejin.cn/post/6956224866312060942 Babel 7 相关 babel 6 存在的问题 es 的标准每年都在变，现在的 stage-0 可能很快就 stage-2 了，那 preset 怎么维护，要不要跟着变，用户怎么知道这个 stage-x 都支持什么特性？只能转成 es5...

Posted by Qz on January 13, 2019

JavaScript 模块化规范与工程实践总结

“Yeah It’s on. ” 正文网页链接 JavaScript 模块 AMD Asynchromous Module Definition - 异步模块定义 AMD是RequireJS在推广过程中对模块定义的规范化产出，AMD是异步加载模块，推崇依赖前置。 define('module1', ['jquery'], ($) => { //do somet...

Posted by Qz on January 3, 2019

技术 Leader 管理经验总结

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

Posted by Qz on December 25, 2018