Qz Blog

Talk is cheap,show me the code

React Router 路由实践总结

“Yeah It’s on. ” 正文更新说明：早期内容主要基于 React Router v4/v5，后文已补充 v6 的 Routes、Outlet、RouterProvider 等写法。React Router v7 在 v6 基础上平滑演进，核心迁移成本较低，新项目建议优先使用 Data Router 写法，例如 createBrowserRouter + Rou...

Posted by Qz on January 15, 2018

React 性能优化与工程问题排查

本文从原 React 综合笔记中拆出。它不是一份“所有地方都加缓存”的清单，而是一套从定位问题到验证收益的排查顺序。一、先理解重新渲染组件通常会在以下情况下重新渲染：自己的 state 更新；父组件重新渲染；读取的 Context 值变化；外部状态订阅通知组件更新。重新渲染是 React 的正常工作方式，并不等于真实 DOM 一定被修改。Re...

Posted by Qz on January 13, 2018

前端开发常用网站与资源收藏

“Yeah It’s on. ” 学习 node学习 https://yunnysunny.gitbooks.io/nodebook/content/ 前端大牛blog http://www.zhangxinxu.com/ 印记中文(翻译的文档) https://www.docschina.org/ vue SSR https://ssr.vuejs.org/zh/...

Posted by Qz on January 11, 2018

React 组件与 Hooks 实践总结

本文最初是一篇持续追加的 React 笔记，后来逐渐混入了类型、性能、动画、SSR 和排障等内容。此次更新将它收敛为“组件与 Hooks”主线，其余内容拆到独立文章中。阅读导航本文：组件模型、表单、常用 Hooks 与组件组合 React 性能优化与工程问题排查 React 设计哲学与数据流 React 核心原理与渲染机制总结一、React 的组件模型...

Posted by Qz on January 11, 2018

MongoDB 基础与使用总结

“Yeah It’s on. ” 正文网页链接 NoSQL 简介 NoSQL(NoSQL = Not Only SQL )，意即”不仅仅是SQL”。在现代的计算系统上每天网络上都会产生庞大的数据量。这些数据有很大一部分是由关系数据库管理系统（RDMBS）来处理。 NoSQL 是一项全新的数据库革命性运动，早期就有人提出，发展至2009年趋势越发高涨。NoSQL的拥护者们提...

Posted by Qz on January 5, 2018

Vue 响应式原理与渲染机制总结

“Yeah It’s on. ” 正文这里存放vue全家桶相关的原理分析响应式原理网页链接现在是时候深入一下了Vue 的一个最明显的特性就是其不太引人注意的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以回避一些常见的问题。如何追踪变化当你把一个普...

Posted by Qz on December 22, 2017

JavaScript 实用代码片段总结

“Yeah It’s on. ” 正文 https://mp.weixin.qq.com/s/MMUQWlDOqpLLWDy9F-RZ7A https://www.30secondsofcode.org/list Object 对象浅复制 function extend(dst, obj) { for (var i in obj) { ...

Posted by Qz on December 17, 2017

DOM Property 与 Attribute 区别总结

“Yeah It’s on. ” 正文网页链接 property 和 attribute非常容易混淆，两个单词的中文翻译也都非常相近（property：属性，attribute：特性），但实际上，二者是不同的东西，属于不同的范畴。 property是DOM中的属性，是JavaScript里的对象； Attribute就是dom节点自带的属性，例如html中常用的i...

Posted by Qz on December 17, 2017

Webpack 核心概念、配置与优化总结

“Yeah It’s on. ” 基础网页链接 webpack从入门到工程实践 https://webpack.toobug.net/zh-cn/ 深入理解 webpack 文件打包机制 Webpack设计理念当前定位 Webpack 仍然是大型前端工程中非常重要的构建工具，尤其适合历史包袱较多、Loader/Plugin 生态依赖深、需要高度定制构建链路的项目。...

Posted by Qz on December 12, 2017

Promise 异步编程实践总结

“Yeah It’s on. ” 正文网页链接 Promise 对象用于一个异步操作的最终完成（或失败）及其结果值的表示。 (简单点说就是处理异步请求。我们经常会做些承诺，如果我赢了你就嫁给我，如果输了我就嫁给你之类的诺言。这就是promise的中文含义：诺言，一个成功，一个失败。) 语法 new Promise( function(resolve, reject) {…...

Posted by Qz on November 28, 2017