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. ” 适用范围这篇主要记录的是 Element UI（Vue 2 生态）的源码阅读笔记。Element UI 的很多设计仍然值得参考，比如工具函数封装、自定义指令、组件间通信、文档构建等；但新项目如果基于 Vue 3，更推荐优先参考 Element Plus 的实现。阅读这类组件库源码时，可以优先关注几条主线：基础工具函数：事件绑定、...

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相关 Myblog

title: “SEO 基础与前端优化实践总结” description: “围绕「SEO 基础与前端优化实践总结」整理核心知识点、实践经验、常见问题和参考资料，便于持续查阅。” date: 2020-05-07 10:21:00 author: “Qz” header-img: “img/post-bg-2015.jpg” catalog: true tags...

Posted by Qz Blog on May 7, 2020

Less、Sass 与 SCSS 语法实践总结

“Yeah It’s on. ” 当前定位 Less、Sass、SCSS 仍然适合大型历史项目和需要复杂样式抽象的组件库，但现代 CSS 已经补齐了很多过去依赖预处理器的能力，例如 CSS 变量、原生嵌套、@layer、color-mix()、Container Queries 等。新项目选型时不一定要默认引入预处理器。实践建议：设计 Token 优先使用 CSS...

Posted by Qz on May 6, 2020

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

“Yeah It’s on. ” 正文浏览器工作原理与实践阅读重点浏览器原理类文章很容易停留在“进程、线程、渲染流水线”的概念层面，工程实践中更建议把它和性能优化、稳定性、调试工具结合起来理解：导航阶段：DNS、TCP/TLS、HTTP 缓存、重定向、Service Worker 都会影响首屏。渲染阶段：HTML 解析、CSSOM、布局、绘制、合成决定...

Posted by Qz on April 21, 2020

Vue 3 核心特性与实践总结

“Yeah It’s on. ” 前序自己写的vue3基本使用 vue api 查询 https://vuejs.org/api/ 当前实践重点 Vue 3 经过多个版本迭代后，Composition API、<script setup>、Pinia、Vite、TypeScript 已经成为主流组合。维护 Vue 3 项目时，建议把关注点从“Vue 2 到 ...

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