![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
flitrue
牛逼了不起啊,就是了不起啊
展开
-
理解npm包管理机制
推荐文章https://segmentfault.com/q/1010000004114972?_ea=496109https://blog.csdn.net/azl397985856/article/details/103982369/原创 2020-10-17 14:12:49 · 411 阅读 · 0 评论 -
重写audio元素样式
audio { display: block; width: 200px; height: 40px; outline: none; filter: invert(180);}/* 隐藏下载按钮及设置audio样式 */audio::-webkit-media-controls-enclosure { background: rgba(255, 93, 0, .8); border-radius: 4px; overflow: hidden; border: 1p原创 2020-07-06 16:50:41 · 672 阅读 · 0 评论 -
ESLint常用规范
ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。原创 2020-06-19 20:41:43 · 485 阅读 · 0 评论 -
2020: Vue和React生命周期
Vue 生命周期vue2有9个生命周期钩子vue3也有9个生命周期钩子2.x和3.x钩子的对应关系:beforeCreate -> 使用 setup()created -> 使用 setup()beforeMount -> onBeforeMountmounted -> onMountedbeforeUpdate -> onBeforeUpdateupdated -> onUpdatedbeforeDestroy -> onBeforeUnm原创 2020-06-03 11:00:57 · 610 阅读 · 0 评论 -
Pre-commit:如何使用 husky、lint-staged和prettier优化你的项目
在软件开发过程中,代码风格检查(Code Linting)是保障代码规范和一致性的有效手段。过去,Lint 的工作一般在 Code Review 或者 CI 的时候进行,但这样会导致问题的反馈链,浪费不必要的时间。因此,我们需要利用 Git 的 Pre Commit 钩子,将 Lint 过程放到开发者提交代码之前。原创 2020-05-25 14:42:44 · 3754 阅读 · 0 评论 -
什么是高阶函数和纯函数?
高阶函数是一个接收函数作为参数或将函数作为输出返回的函数。纯函数的三个条件:给定输入,无论什么时候调用,无论调用多少次,输出总是确定无疑的;在函数内部不可以改变函数外部对象的状态;纯函数内部的状态在纯函数执行完毕后就被销毁了;...原创 2020-04-07 09:59:40 · 464 阅读 · 0 评论 -
gulp和webpack的区别
基本区别:gulp可以进行js,htm,css,img的压缩打包,是自动化构建工具,可以将多个js文件或是css压缩成一个文件,并且可以压缩为一行,以此来减少文件体积,加快请求速度和减少请求次数;并且gulp有task自定义处理事务,从而构建整个流程,它是基于流的自动化构建工具。webpack是前端构建工具,实现了模块化开发和文件处理。它的思想就是“万物皆为模块”,它能够将各个模块进行按需加载...原创 2020-03-07 21:19:34 · 1812 阅读 · 0 评论 -
如何写出高效的 Vue 代码
- 为什么我们写的代码总是被吐槽?- 为什么我们写的代码总是那么格格不入?- 为什么我们写的代码 bug 总是比别人多?本篇文章内容将涉及如下:- 养成良好的代码书写规范- 如何写出有逼格的 Vue 组件- 理解 Vue 双向绑定原理- 如何保证高效的协同开发原创 2019-12-14 20:47:45 · 846 阅读 · 0 评论 -
如何理解防抖debounce和节流throttle
本人通过阅读网络上防抖和节流多篇相关的文章,并借鉴相关案例进行说明。防抖防抖就像人眨眼睛一样,不可能不停的眨,每隔一定时间眨一下,防止眼睛干涩,如果不停眨眼,别人以为你眼睛有毛病了。再举一个例子,比如两个人对话,A不停的balabala(持续触发),如果A说话的时候有停顿,但是停顿的时间不够长,B就认为A还没说完,当A停顿时间超过足够长(一定间隔)就认为A说完了,然后B开始说(响应)。节流...原创 2019-10-15 13:16:45 · 449 阅读 · 0 评论 -
调整浏览器滚动条样式
我们知道浏览器自带滚动条很丑,有时影响整个页面到美观,尤其在页面内嵌一个滚动列表,显得奇丑无比,下面我们根据如下代码调节滚动条样式...原创 2019-08-13 13:31:01 · 662 阅读 · 1 评论 -
Vue和React的生命周期
Vue 生命周期vue生命周期主要有8个,react生命周期主要有7个,你知道吗?原创 2019-07-10 23:30:40 · 393 阅读 · 0 评论 -
node版本管理器——nvm
nvm是管理node版本的一个工具,具体介绍不再赘述,请到GitHub(https://github.com/creationix/nvm)查看。安装Linux / Maccurl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash 或wget -qO- https...原创 2018-07-25 17:16:24 · 301 阅读 · 0 评论