Qz Blog

Talk is cheap,show me the code

package.json 配置与工程化工具总结

“Yeah It’s on. ” 正文 package.json 指南 https://docs.npmjs.com/cli/v10/configuring-npm/package-json module 定义 npm 包的 ESM 规范的入口文件，browser 环境和 node 环境均可使用 browser 定义 npm 包在 browser 浏览器环境下的入口文...

Posted by Qz on October 24, 2020

微前端与前端架构实践总结

“Yeah It’s on. ” 微前端的核心价值可能是你见过最完善的微前端解决方案解密微前端：”巨石应用”的诞生正文 Techniques, strategies and recipes for building a modern web app with multiple teams using different JavaScript framework...

Posted by Qz on September 27, 2020

Element 源码阅读与组件实现总结

“Yeah It’s on. ” 组件 utils工具函数 on on设计成了一个自执行函数，这样可以通过执行，if-else判断，最终返回一个函数 /* istanbul ignore next */ export const on = (function() { if (!isServer && document.addEventListener)...

Posted by Qz on July 15, 2020

WebRTC 音视频实践总结

“Yeah It’s on. ” 基础 MediaStream https://developer.mozilla.org/zh-CN/docs/Web/API/MediaStream MediaStream 接口是一个媒体内容的流.。一个流包含几个轨道，比如视频和音频轨道。 new MediaStream() new MediaStream(stream) new Me...

Posted by Qz on June 12, 2020

TypeScript 类型系统与工程实践总结

“Yeah It’s on. ” 正文深入理解 TypeScript 进阶 TypeScript https://mkosir.github.io/typescript-style-guide/ https://mkosir.github.io/typescript-style-guide/#introduction 文档结构建议这篇文档已经覆盖了 TypeScr...

Posted by Qz on May 18, 2020

SEO 基础与前端优化实践总结

“Yeah It’s on. ” 正文蜘蛛 spider 在访问一个网站时，通常会先检查该网站根域下是否存在 robots.txt 纯文本文件。该文件用于声明不同爬虫在网站上的抓取范围。早期 robots 协议主要用于避免搜索引擎抓取站点不希望公开曝光的页面。 SEO 核心目标 SEO（Search Engine Optimization，搜索引擎优化）的核心不是“欺骗搜...

Posted by Qz on May 7, 2020

Less、Sass 与 SCSS 语法实践总结

“Yeah It’s on. ” less https://less.bootcss.com/#%E6%A6%82%E8%A7%88 Less （Leaner Style Sheets 的缩写）是一门向后兼容的 CSS 扩展语言。 less to css online https://lesscss.org/less-preview/ functions https...

Posted by Qz on May 6, 2020

浏览器工作原理与渲染机制总结

“Yeah It’s on. ” 正文浏览器工作原理与实践进程（process）和线程（thread）进程是 CPU 资源分配的最小单位线程是 CPU 调度资源的最小单位一个进程可包含 1 个或多个线程一个进程就是一个程序的运行实例。详细解释就是，启动一个程序的时候，操作系统会为该程序创建一块内存，用来存放代码、运行中的数据和一个...

Posted by Qz on April 21, 2020

Vue 3 核心特性与实践总结

“Yeah It’s on. ” 前序自己写的vue3基本使用 vue api 查询 https://vuejs.org/api/ Reflect https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Reflect 首先我们要了解一下，为什么会新添加这么一...

Posted by Qz on April 13, 2020

Storybook 组件文档与调试实践

“Yeah It’s on. ” storybook目前没有比较好的中文文档，只能啃英文文档，omg 正文手把手教你快速搭建专属的storybook https://storybook.js.org/ Storybook is an open source tool for developing UI components in isolation for Re...

Posted by Qz on April 11, 2020