Qz Blog

Talk is cheap,show me the code

Promise相关

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

Posted by Qz on November 28, 2017

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

background

“Yeah It’s on. ” 正文网页链接 background-size background-size 属性规定背景图像的尺寸。 background-size: length|percentage|cover|contain; length 设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 ...

Posted by Qz on September 26, 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

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

Posted by Qz on September 18, 2017

vertical-align的一些理解

“Yeah It’s on. ” 正文网页链接 vertical-align “垂直的”+“对齐”的意思长度通过距离升高（正值）或降低（负值）元素。’0cm’等同于’baseline’ 百分值 – %通过距离（相对于1line-height1值的百分大小）升高（正值）或降低（负值）元素。’0%’等同于’baseline’ baseline 默认。元素的基线与...

Posted by Qz on September 18, 2017

vue-router相关

“Yeah It’s on. ” 正文基础模式 hash模式：可以改变URL，但不会触发页面重新加载（hash的改变会记录在window.hisotry中）因此并不算是一次http请求，所以这种模式不利于SEO优化只能修改#后面的部分，因此只能跳转与当前URL同文档的URL 只能通过字符串改变URL 通过window.onhashchange监听h...

Posted by Qz on August 30, 2017

欢迎来到渣臻的Blog(｡・`ω´･)

♫ ♪