Qz Blog

Talk is cheap,show me the code

webpack中的plugin

“Yeah It’s on. ” 前文 https://www.webpackjs.com/concepts/plugins/#%E5%89%96%E6%9E%90 插件是 webpack 的支柱功能。webpack 自身也是构建于，你在 webpack 配置中用到的相同的插件系统之上！插件目的在于解决 loader 无法实现的其他事。剖析 webpack 插件是...

Posted by Qz on May 19, 2018

async和await相关

“Yeah It’s on. ” 正文网页链接 http://es6.ruanyifeng.com/#docs/async ES2017 标准 (ES8) 引入了 async 函数，使得异步操作变得更加方便。 async 函数是什么？一句话，它就是 Generator 函数的语法糖。把异步写成同步的形式 const fs = require('fs'); cons...

Posted by Qz on April 18, 2018

权限设计相关

“Yeah It’s on. ” 正文网页链接对于单页面应用来说，前端权限控制应该是从两个方面入手根据用户拥有的权限id的集合决定用户能访问那些前端路由根据用户拥有的权限id的集合决定用户能看到那些按钮或者模块。完美的方案在vue-router2.2之后的版本有个新的api叫addRouters，可以动态的添加路由。页面加载时的我们可以先初始化一个空路...

Posted by Qz on April 16, 2018

PostCSS相关

“Yeah It’s on. ” 正文网页链接 Some things you may think about PostCSS 一个后处理器本身是一个 Node.js 模块，可将 CSS 解析为抽象语法树 (AST)；通过任意数量的“插件”函数传递该 AST；然后将该 AST 转换回字符串 https://segmentfault.com/a/1190000003909...

Posted by Qz on April 14, 2018

svg相关

“Yeah It’s on. ” 正文网页链接 SVG（Scalable Vector Graphics）是一种基于 XML 的图形格式，用于描述二维矢量图形。它是一种开放标准，由 W3C（World Wide Web Consortium）制定和维护。与位图图形（如 JPEG、PNG）不同，SVG 使用数学公式和几何描述来定义图形，因此它是矢量图形，可以无损地缩放和变换而...

Posted by Qz on April 11, 2018

this到底指向哪里

“Yeah It’s on. ” 正文网页链接 this到底是谁 this既不是自身也不是当前函数的作用域。我们可以通过代码来测试。判断是不是自身 function fn(){ console.log(this.name) } fn.name = 'xxx' fn() //undefined 判断是不是作用域 function foo() { var ...

Posted by Qz on April 11, 2018

SSR相关

“Yeah It’s on. ” https://github.com/yacan8/blog/issues/30 与传统 SPA (单页应用程序 (Single-Page Application)) 相比，服务器端渲染 (SSR) 的优势主要在于：更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。请注意，截至目前，Google 和 Bing 可以很好...

Posted by Qz on April 10, 2018

Source Map详解

“Yeah It’s on. ” 正文网页链接从源码转换讲起 JavaScript脚本正变得越来越复杂。大部分源码（尤其是各种函数库和框架）都要经过转换，才能投入生产环境。常见的源码转换，主要是以下三种情况：压缩，减小体积。比如jQuery 1.9的源码，压缩前是252KB，压缩后是32KB。多个文件合并，减少HTTP请求数。其他语言编译成JavaS...

Posted by Qz on March 31, 2018

js重要基础

“Yeah It’s on. ” 正文基础 with关键字网页链接 with语句的作用是将代码的作用域设置到一个特定的作用域中基本语法如下： with (expression) statement; 使用with关键字的目的是为了简化多次编写访问同一对象的工作，比如下面的例子： var qs = location.search.substring(1); v...

Posted by Qz on March 27, 2018

webpack常用的loader

“Yeah It’s on. ” 正文网页链接 Loaders是webpack提供的最激动人心的功能之一了。通过使用不同的loader，webpack有能力调用外部的脚本或工具，实现对不同格式的文件的处理，比如说分析转换scss为css，或者把下一代的JS文件（ES6，ES7)转换为现代浏览器兼容的JS文件，对React的开发而言，合适的Loaders可以把React的中用到的...

Posted by Qz on March 21, 2018

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

♫ ♪