- 博客(10)
- 收藏
- 关注
原创 vscode提效小妙招
命令行打开vscode打开vscode,输入command+shift+p输入shell command ,选择Shell Command: Install ‘code’ command in PATH运行在命令行工具中输入 「code .」就会打开vscode
2021-07-15 17:57:27
131
原创 Vite总结
概要Vite是一个基于浏览器原生ES imports的开发服务器。开发环境利用了浏览器原生支持模块化特性,浏览器解析imports,服务端按需编译返回内容,跳过打包过程。生产环境内置rollup实现打包构建。其特点如下:快速冷启动瞬间热更新真正的按需加载和按需编译使用Vite默认搭配vue使用,但是也可以搭配react等其他框架。注意:开发环境下需要使用支持 native ES module imports的浏览器。// 默认使用Vue框架npm init vite-app <p
2021-06-29 16:17:19
2026
原创 KOA源码学习
1. 简介https://segmentfault.com/a/1190000019603834https://zhuanlan.zhihu.com/p/53609310Koa基于Node.js平台的web开发框架,特点是轻量可扩展性强并且通过使用async处理异步让代码更加清晰且错误处理更加容易。封装node http模块启动web服务利用中间件处理req并返回res统一错误处理1.1 优点拥抱async、await完美解决回掉地域使用中间件完成对http请求处理,代码逻辑清晰包
2021-03-25 12:18:57
170
原创 Babel
背景ES6为Javascript添加了诸多强大的语法但是由于浏览器版本更新较慢这些语法再很多浏览器上是不支持的。nodeJs的流行使编译这个词在前端领域不在那么陌生。基于以上两点Babel诞生了,Babel借助进NodeJs操作文件的能力将ES6版本的Js语法转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。工具包Babel将ES6代码转化为AST(抽象语法树),然后经过一系列的插件转化为新的AST最终再将AST转化为目标代码Babel是一个工具
2020-10-17 18:11:53
286
原创 Eslint
同类工具对比相对其他语言来说Lint工具在JavaScript显得尤为必要,主要有以下几个原因:JavaScript被设计的过于灵活写法太多导致个人代码风格不一致;JavaScript设计缺陷较多比如和=,比较容易造成错误。ESLint诞生之前已经有几款JavaScript校验工具JSLint、JSHint、JSCS,目前ESLint是使用最广泛的JavaScript校验工具。四款工具对比如下Eslint最大的特点就是可扩展性,对于本来不支持的语法可以通过自定义解析器或者开发插件达到想要的功能
2020-10-17 18:04:02
406
原创 ES Module与commonJs
模块: 将一个复杂的程序在开发阶段拆分成一个个独立的单元,在运行时再组合在一起,同时各个单元内的数据是私有的可暴露出api供其他单元调用。在前端发展历史中经历了多个模块化方案,起出比较自执行函数和对象命名空间到amd、cmd等模块化库。如今最常用的模块化规范是commonJs规范和es6模块化。commonJscommonJs每个文件都是单独的模块,模块内部的变量、函数、类等都是私有的,因此不会有变量污染。模块定义: math.jsexports.add = function(a, b){ re
2020-10-17 17:55:59
1773
原创 前端常用工具网站
前端同学日常工作中需要借助各种工具,这里列举下我们经常使用可以提高工作效率的网站。代码托管https://github.com/不解释,世界最大的同性交友平台http://npm.sankuai.com/前端包管理平台开发https://unbug.github.io/codelf/变量命名申请https://form-validate.github.io/form-validate/validate/video.html常用正则https://caniuse.com/css兼容性查
2020-09-24 16:39:04
234
原创 一文读懂Blob
1.介绍提起Blob大部分前端同学可能比较生疏,Blob全称binary large object即二进制大对象,顾名思义Blob用于存储二进制数据。在前端领域中Blob赋予了我们直接操作二进制数据的能力,Blob不一定是JavaScript原生格式的数据。Blob最主要的两个特点:数据量大,一般用来表示文件如图片、视频等;不透明,对Blob只能做切割操作,不支持单字节读写;下面介绍下Blob的方法和属性以及Blob在前端领域的使用场景。2.基本使用方法2.1 创建现代浏览器可以通过Blo
2020-09-22 11:12:14
2634
原创 css性能优化
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器很多前端同学认为css编码很简单,不愿意把精力放在css学习上。新的改变我们对Markd
2020-09-21 10:10:37
171
原创 使用stylelint格式css代码
前言说道代码格式化前端同学们一般都知道使用eslint和prettier格式化js代码,但css大部分同学平时工作中不太重视导致团队css代码较乱。一套好的css代码不仅可以提高代码可维护性还能提高页面的渲染性能。...
2020-09-11 16:12:53
2037
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人