Qz Blog

Talk is cheap,show me the code

fastClick原理分析

“Yeah It’s on. ” click 浏览器兼容性正文移动端，当用户点击屏幕时，会依次触发 touchstart，touchmove(0 次或多次)，touchend，mousemove，mousedown，mouseup，click。 touchmove 。只有当手指在屏幕发生移动的时候才会触发 touchmove 事件。在 touchstart ，touchmo...

Posted by Qz on October 21, 2020

微前端相关

“Yeah It’s on. ” 微前端的核心价值可能是你见过最完善的微前端解决方案解密微前端：”巨石应用”的诞生正文 Techniques, strategies and recipes for building a modern web app with multiple teams using different JavaScript framework...

Posted by Qz on September 27, 2020

element源码相关

“Yeah It’s on. ” 组件 utils工具函数 on on设计成了一个自执行函数，这样可以通过执行，if-else判断，最终返回一个函数 /* istanbul ignore next */ export const on = (function() { if (!isServer && document.addEventListener)...

Posted by Qz on July 15, 2020

webrtc音视频相关

“Yeah It’s on. ” 基础 MediaStream https://developer.mozilla.org/zh-CN/docs/Web/API/MediaStream MediaStream 接口是一个媒体内容的流.。一个流包含几个轨道，比如视频和音频轨道。 new MediaStream() new MediaStream(stream) new Me...

Posted by Qz on June 12, 2020

ts相关

“Yeah It’s on. ” 正文深入理解 TypeScript 进阶 TypeScript https://mkosir.github.io/typescript-style-guide/ https://mkosir.github.io/typescript-style-guide/#introduction interface 在面向对象语言中，接口是一个...

Posted by Qz on May 18, 2020

seo相关

“Yeah It’s on. ” 正文蜘蛛spider在访问一个网站时，会首先会检查该网站的根域下是否有一个叫做 robots.txt的纯文本文件，这个文件用于指定spider在您网站上的抓取范围。早期robots协议是防止网站内的隐私，防止抓取用户不想让搜索引擎曝光的页面。搜索引擎爬虫工作原理 https://nextjs.org/learn-pages-router...

Posted by Qz on May 7, 2020

css扩展语言less和sass和scss相关

“Yeah It’s on. ” less https://less.bootcss.com/#%E6%A6%82%E8%A7%88 Less （Leaner Style Sheets 的缩写）是一门向后兼容的 CSS 扩展语言。 less to css online https://lesscss.org/less-preview/ functions https...

Posted by Qz on May 6, 2020

浏览器原理

“Yeah It’s on. ” 正文浏览器工作原理与实践进程（process）和线程（thread）进程是 CPU 资源分配的最小单位线程是 CPU 调度资源的最小单位一个进程可包含 1 个或多个线程一个进程就是一个程序的运行实例。详细解释就是，启动一个程序的时候，操作系统会为该程序创建一块内存，用来存放代码、运行中的数据和一个...

Posted by Qz on April 21, 2020

vue3相关

“Yeah It’s on. ” 前序自己写的vue3基本使用 vue api 查询 https://vuejs.org/api/ Reflect https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Reflect 首先我们要了解一下，为什么会新添加这么一...

Posted by Qz on April 13, 2020

storybook相关

“Yeah It’s on. ” storybook目前没有比较好的中文文档，只能啃英文文档，omg 正文手把手教你快速搭建专属的storybook https://storybook.js.org/ Storybook is an open source tool for developing UI components in isolation for Re...

Posted by Qz on April 11, 2020

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

♫ ♪