Qz Blog

Talk is cheap,show me the code

JavaScript 装饰器 Decorator 语法与实践总结

“Yeah It’s on. ” 正文网页链接 Exploring EcmaScript Decorators https://www.typescriptlang.org/docs/handbook/decorators.html#decorators 装饰器对类的行为的改变，是代码编译时发生的，而不是在运行时。这意味着，装饰器能在编译阶段运行代码。也就是说，装饰器本质...

Posted by Qz on March 11, 2018

基金投资基础与理财记录

“Yeah It’s on. ” 股票、债券和基金股票、债券和基金，稍微展开讲讲这几者之间的区别，以便更好的理解股票股票，代表的就是一个公司的股份。拥有了一个公司的股票，其实就相当于你拥有了一部分公司的股份。比如你和张三合伙开了一个公司，一共投资100元，你投入70元，张三投入30元。那么你就拥有这个公司70%的股份。如果把公司的股份划分为100份，那么每份的价格就...

Posted by Qz on March 11, 2018

移动端 H5 适配与开发实践总结

“Yeah It’s on. ” 正文总结移动端H5开发常用技巧当前移动端适配重点移动端 H5 适配已经从早期 rem + flexible 逐步转向更原生的 viewport、动态视口单位和安全区适配。阅读旧方案时要区分“历史兼容方案”和“当前推荐方案”。实践建议：页面整体布局优先使用 Flex/Grid + 百分比/viewport 单位，不要所有尺寸...

Posted by Qz on March 6, 2018

jQuery API 与源码实践总结

“Yeah It’s on. ” 更新说明：jQuery 在现代前端工程中已基本退出主流应用开发。它诞生的核心价值——抹平浏览器 DOM/事件/Ajax 差异、简化选择器操作——如今大多已被原生标准取代：querySelector / querySelectorAll、classList、fetch、addEventListener、Element.closest 等原生 A...

Posted by Qz on March 5, 2018

前端面试知识体系总结

“Yeah It’s on. ” 前端工程师手册前端面试基础 20道大厂面试题等你查收更新说明：本篇偏基础知识体系，长期有效的部分（浏览器渲染、重排重绘、事件循环、缓存、网络）建议重点掌握。当前面试还会额外关注：TypeScript、React 19 / Vue 3 新特性、构建工具（Vite/Webpack/Rspack）、Core Web Vitals（LCP/...

Posted by Qz on February 25, 2018

设计模式与前端实践总结

“Yeah It’s on. ” 学习记录自己的总结 https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/24338fdc22dc4023bea1b1263d7404d5~tplv-k3u1fbpfcp-watermark.image 开放封闭原则网页链接开放封闭原则（OCP，Open Closed Princip...

Posted by Qz on February 2, 2018

JavaScript 函数式编程基础总结

“Yeah It’s on. ” 正文函数式编程与命令式编程最大的不同其实在于：函数式编程关心数据的映射，命令式编程关心解决问题的步骤这里的映射就是数学上「函数」的概念——一种东西和另一种东西之间的对应关系。 https://juejin.im/post/6844903936378273799 网页链接与面向对象编程（Object-oriented p...

Posted by Qz on January 27, 2018

React 核心原理与渲染机制总结

本文聚焦 React 如何完成一次更新。设计思想已拆到 React 设计哲学与数据流，组件 API 与 Hooks 见 React 组件与 Hooks 实践总结。一、一次更新经历什么可以把一次 React 更新概括为三个阶段：触发（Trigger）：首次挂载，或 state、props、Context、外部订阅发生变化。渲染（Render）：React 调用组...

Posted by Qz on January 21, 2018

React 设计哲学与数据流

本文整理 React 的设计思想，内容受 Sebastian Markbåge 的 “Why React” 启发。具体渲染流程、事件、调度与 SSR 见 React 核心原理与渲染机制总结。一、UI 是数据的变换 React 将 UI 看作输入数据到界面描述的映射： function NameBox(name) { return { fontWeight: 'bo...

Posted by Qz on January 20, 2018

React 状态管理与 Redux 实践总结

“Yeah It’s on. ” Redux 网页链接 Redux 是 JavaScript 状态容器，提供可预测化的状态管理。可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。 Redux 除了和 React 一起用外，还支持其它界面库。它体小精悍（只有2kB）且没有任何依赖。更新说明：早期 Redux 需要手写 acti...

Posted by Qz on January 18, 2018