Qz Blog

Talk is cheap,show me the code

Nginx 配置与部署实践总结

“Yeah It’s on. ” https://juejin.im/post/5bacbd395188255c8d0fd4b2 https://juejin.im/post/5ea931866fb9a043815146fb 快速掌握 Nginx 2 大核心用法 “Nginx是一款轻量级的HTTP服务器，采用事件驱动的异步非阻塞处理方式框架，这让其具有极好的IO性能...

Posted by Qz on April 8, 2020

前端真实面试经历与复盘总结

“Yeah It’s on. ” 更新说明：本篇是真实面试复盘，记录的题目和技术栈以当时为准（如 Webpack 5 联邦模块、Redux/Mobx、Proxy、层叠上下文、算法题等）。基础原理和算法思路长期有效，但部分技术选型和版本细节已演进，阅读时建议结合本站已更新的 React、Vue、TypeScript、构建工具、性能优化等文章对照最新实践。大厂字节跳动 ...

Posted by Qz on March 29, 2020

前端面试：CSS 高频问题总结

“Yeah It’s on. ” 更新说明：BFC、层叠上下文、盒模型、百分比参照物、经典布局仍是高频考点。当前面试还会问现代 CSS 能力：Flex/Grid、gap、aspect-ratio、Container Queries、:has()、@layer、逻辑属性，以及移动端动态视口单位 svh/lvh/dvh 和安全区 env(safe-area-inset-*)。建议...

Posted by Qz on February 4, 2020

网络基础知识总结

“Yeah It’s on. ” 当前网络实践重点网络知识不只需要理解 OSI/TCP/IP 分层，还要结合现代 Web 的性能、安全和可观测性来看： HTTP/2 解决了 HTTP/1.1 多连接和队头阻塞的一部分问题，但 TCP 层队头阻塞仍然存在。 HTTP/3 基于 QUIC/UDP，并集成 TLS 1.3，弱网和移动网络切换场景下体验更好。 HTTPS...

Posted by Qz on January 19, 2020

Lerna Monorepo 管理实践总结

“Yeah It’s on. ” 前言 lerna 团队已经停止维护了现在请用 pnpm 代替正文 https://github.com/lerna/lerna/ https://www.jianshu.com/p/8b7e6025354b https://blog.realign.pro/posts/tech/notes/automation/lerna-gra...

Posted by Qz on January 17, 2020

前端算法题与数据结构总结

“Yeah It’s on. ” 记录一下学习算法过程中沉淀下来的东西正文我在leetcode的学习递归 https://www.cnblogs.com/huan-guo/p/8489905.html 关于递归的概念，我们都不陌生。简单的来说递归就是一个函数直接或间接地调用自身，是为直接或间接递归。一般来说，递归需要有边界条件、递归前进段和递归返回段。当边界条件不满...

Posted by Qz on October 11, 2019

Vue CLI 配置、升级与工程实践总结

“Yeah It’s on. ” 正文在这里记录一下，使用vue-cli3过程中一些重要的知识点。更新说明：Vue CLI 是基于 Webpack 的 Vue 官方脚手架，目前更适合维护历史项目。新项目建议优先使用 create-vue 创建基于 Vite 的项目；如果项目仍依赖大量 Webpack 配置、Vue CLI 插件或历史构建链路，再继续维护 Vue CLI...

Posted by Qz on October 9, 2019

HTML 基础语法与语义化总结

“Yeah It’s on. ” 正文 MutationObserver https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver MutationObserver接口提供了监视对DOM树所做更改的能力。它被设计为旧的Mutation Events功能的替代品，该功能是DOM3 Events规范的一部分...

Posted by Qz on October 9, 2019

插件化思维

“Yeah It’s on. ” 正文所谓插件是一种能允许非核心代码在运行时修改应用程序的处理方式。插件系数是一个由实现了插件化的核心模块，和其配套的插件模块组成的一种应用组织形式，其中核心模块能独立运行并实现某种特定的功能，插件模块需要在核心模块上运行，并能在应用程序运行时修改程序的处理方式，从而增强或改变程序的处理结果。精读《插件化思维》 Bet...

Posted by Qz on October 8, 2019

ES6 核心语法与实践总结

“Yeah It’s on. ” 正文 rest参数网页链接 Rest操作符和Spread操作都是用三个点（…）表示，但作用整好相反。 Rest操作符一般用在函数参数的声明中，而Spread用在函数的调用中。 'use strict'; function func(...args){ console.log(args);//[1,2,3,4] ...

Posted by Qz on September 29, 2019