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. ” 大厂字节跳动宇宙条，面试要求极高，考察算法，会一直追问知道你答不出来为止商业化一面第一次面大厂算法能力不足挂了基础 css的position？ css3新增加的position？absolute根据什么来进行布局？absolute根据父节点fixed布局可以吗？ z-index是谁大就排在前面吗？...

Posted by Qz on March 29, 2020

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

“Yeah It’s on. ” 页面布局类经典三栏布局代码地址出现的问题：当屏幕width过小时，中间部分的文字会跑到左边(例如：当采取float解决方案时) 这里是因为元素被浮动元素覆盖(但是文本信息不会被浮动元素所覆盖)，想要避免，可以将中间部分改为BFC 特性当屏幕width过小时,中间部分挤压变高，如果是flexbox解决方案，左右部分也会跟着...

Posted by Qz on February 4, 2020

网络基础知识总结

“Yeah It’s on. ” 网络协议 https://mp.weixin.qq.com/s/6DBhbz7eAETXVbPHmOKHww 层级 https://cloud.tencent.com/developer/article/2183899 OSI 体系结构应用层表示层会话层传输层网络层数据链路层物理层 TCP/...

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过程中一些重要的知识点环境变量和模式 https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F 具体的一个例子： https://github.com/wsdo/vuejs-best-practice 处理静态资源 ...

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