Qz Blog

Talk is cheap,show me the code

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 August 2, 2019

面试之js和ts

“Yeah It’s on. ” 2 年前端 7～9 月面试经历总结 ES5相关 javaScript中有基本数据类型 undefined null boolean number string object 从Chrome源码看JS Object的实现（选看） https://zhuanlan.zhihu.com/p/26169639 执行...

Posted by Qz on August 2, 2019

搞一个基于原生小程序的框架

“Yeah It’s on. ” 正文框架设计整体思路是用gulp复制src文件夹中的文件到dist文件夹，在个过程中完成编译，处理相关文件。如处理js文件，用babel将es6语法转成es5；处理less文件，将less文件转wxss；处理图片文件进行压缩等。核心的三条命令 npm run dev (进行开发环境打包，并监听文件) npm run watch ...

Posted by Qz on April 29, 2019

gulp相关

“Yeah It’s on. ” 最近在做一个基于原生小程序的框架，一开始选择的打包工具是webpack，但在使用的过程中发现webpack必须指定入口文件，且无法做到复制一个文件夹，并对它里面的文件进行处理，查看官方组件cli模板，其采用打包工具glup，所以现在也换到gulp。由于，基本上对gulp只有简单的认知，写起来非常地苦逼。 gulp中文文档太旧，如果使用...

Posted by Qz on April 22, 2019

babel7相关

“Yeah It’s on. ” 前序 https://juejin.cn/post/6956224866312060942 Babel 7 相关 babel 6 存在的问题 es 的标准每年都在变，现在的 stage-0 可能很快就 stage-2 了，那 preset 怎么维护，要不要跟着变，用户怎么知道这个 stage-x 都支持什么特性？只能转成 es5...

Posted by Qz on April 16, 2019

AST相关

“Yeah It’s on. ” Parser API 正文在线AST转换器 https://segmentfault.com/a/1190000016231512 通过抽象语法树解析，我们可以像童年时拆解玩具一样，透视Javascript这台机器的运转，并且重新按着你的意愿来组装。 function add(a, b) { return a + b } 首...

Posted by Qz on April 6, 2019

构建ui组件库

“Yeah It’s on. ” 今天是3月22号,闲得蛋疼，逛了逛掘金，发现有关vue组件库，猛然想起自己一直想要做个ui组件库，这就开始了折腾之旅正文 ue cli3 库模式搭建组件库并发布到 npm 用vue-cli3从0打造一个完整的UI库 vue-cli 3.0 构建目标：库自己的组件库 https://github.com/rte-design/...

Posted by Qz on March 22, 2019

面试之css

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

Posted by Qz on March 13, 2019

网络知识相关

“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, 2019

js模块化

“Yeah It’s on. ” 正文网页链接 JavaScript 模块 AMD Asynchromous Module Definition - 异步模块定义 AMD是RequireJS在推广过程中对模块定义的规范化产出，AMD是异步加载模块，推崇依赖前置。 define('module1', ['jquery'], ($) => { //do somet...

Posted by Qz on January 3, 2019

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

♫ ♪