Qz Blog

Talk is cheap,show me the code

Vuex 状态管理实践总结

“Yeah It’s on. ” 正文网页链接当我们用 Vue.js 开发一个中到大型的单页应用时，经常会遇到如下问题：如何让多个 Vue 组件共享状态 Vue 组件间如何通讯通常，在项目不是很复杂的时候，我们会利用全局事件总线（global event bus）解决，但是随着复杂度的提升，这些代码将变的难以维护。因此，我们需要一种更加好用的解决方案，于是，Vue...

Posted by Qz on November 12, 2017

深入理解 z-index 与层叠上下文

“Yeah It’s on. ” 正文网页链接堆叠顺序 z-index看上去很简单，z-index值大的元素在z-index值小的元素前面，对吧？但其实这只是z-index的一部分用法。 HTML中的每一元素都是在其他元素的前面或者后面。这是众所周知的堆叠顺序（Stacking Order），这条规则在w3c规范里面说的很清楚，大部分程序猿并不真正理解。如果没有涉及z...

Posted by Qz on October 19, 2017

Canvas 基础与常见应用总结

“Yeah It’s on. ” canvas 对比 svg Canvas 相比 SVG 在性能上有一些优势的原因：绘图方式：Canvas 使用基于像素的绘图方式，而 SVG 使用基于矢量的绘图方式。在 Canvas 中，图形被转换为像素，并直接绘制在画布上。而在 SVG 中，图形是通过数学公式和几何描述来定义的，需要在每次渲染时重新计算和绘制。这使得 Canvas 在...

Posted by Qz on September 25, 2017

ESLint 配置与规则实践总结

“Yeah It’s on. ” 正文网页链接自己配置的eslint规则 ESLint - 守住优雅的护城河是一个开源的 JavaScript 的 linting 工具，使用 espree 将 JavaScript 代码解析成抽象语法树 (AST)，然后通过AST 来分析我们代码，从而给予我们两种提示： ESLint是一个用来识别 ECMAScript 并且按...

Posted by Qz on September 25, 2017

前端调试工具与问题排查总结

“Yeah It’s on. ” web调试调试技巧手机调试模式下鼠标小圆点消失网页链接 ctrl+shift+c会toggle选择dom的状态，此时光标会变为非模拟touch 最终解决方案 HDMI线下部分显卡驱动的造成的,更改设置以Intel核显为例，在显卡控制面板里选择「显示-量化范围」（在nvidia那边叫动态范围），里面有三项：默认范围 ...

Posted by Qz on September 19, 2017

深入理解 line-height、vertical-align 与内联布局机制

“Yeah It’s on. ” 正文网页链接 CSS:line-height:150%与line-height:1.5的真正区别是什么？ http://www.zhangxinxu.com/wordpress/ “行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离...

Posted by Qz on September 18, 2017

Axios 使用与请求封装总结

“Yeah It’s on. ” 正文网页链接 github地址 https://ykloveyxk.github.io/2017/02/25/axios%E5%85%A8%E6%94%BB%E7%95%A5/ axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttp...

Posted by Qz on August 24, 2017

正则表达式常用语法总结

“Yeah It’s on. ” 正文网页链接 test test() 方法用于检测一个字符串是否匹配某个模式. RegExpObject.test(string) string 必需。要检测的字符串。返回值如果字符串 string 中含有与 RegExpObject 匹配的文本，则返回 true，否则返回 false。 var str = "Visit W3Sc...

Posted by Qz on August 21, 2017

Node.js 基础与常用实践总结

“Yeah It’s on. ” nodejs 面试篇科普 nodejs提供那么多模块，以及能在各个平台上跑的飞起，不是因为js很牛逼，而是因为底层依赖了一些你不知道的技术。最大的两个依赖便是v8和libuv Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻...

Posted by Qz on July 26, 2017

Vue 基础知识与开发实践总结

“Yeah It’s on. ” 正文生命周期网页链接 Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。 Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完...

Posted by Qz on July 24, 2017