前端
夏风0511
一个喜欢设计的前端工程师!!!
展开
-
npm中-S -D的区别
在开发的时候我们会用到npm来安装各种各样的依赖包,这些包有的是用来辅助我们开发的,有的则是在上线时也需要用到的,那安装包的时候到底是该用 -s 还是用 -d 呢,这里来解释一下npm install xxx -S,也就是 npm install module_name --save 写入dependenciesnpm install xxx -D,也就是 npm install modul...原创 2019-08-08 12:02:08 · 755 阅读 · 0 评论 -
webpcak4.0 的踩坑记
记录webpack4.0的一些坑原创 2019-08-06 14:34:46 · 185 阅读 · 0 评论 -
webpack中一些loader的配置
因为总说记不住loader的配置,方想整理处理,方便以后Ctrl+c,Ctrl+v,哈哈哈注意:use表示使用哪些模块来处理test所匹配到的文件;use中相关loader模块的调用顺序是从后向前调用的;1.使用webpack打包css文件运行cnpm i style-loader css-loader --save-dev修改webpack.config.js这个配置文件:modul...原创 2019-08-13 14:13:57 · 178 阅读 · 0 评论 -
webstorm 常用快捷键和插件汇总
webstorm常用快捷键Ctrl+Alt+i:格式化代码=================================== 未完待续 ====================================原创 2019-08-14 18:44:16 · 701 阅读 · 0 评论 -
ES6中的Promise介绍
用ES6的Promise解决回调地狱的问题。原创 2019-08-12 10:41:13 · 250 阅读 · 0 评论 -
JavaScript中getBoundingClientRect()方法详解
getBoundingClientRect()这个方法返回一个矩形对象,包含四个属性,分别为top,bottom,left,right。分别表示元素各边与页面上边和左边的距离例子var box=document.getElementById('box'); 获取元素alert(box.getBoundingClientRect().top); 元素上边距...原创 2019-08-27 09:59:50 · 386 阅读 · 0 评论 -
vue动画—通过钩子函数实现半场动画
注意点起始位置设置了一个(0,0)在第一遍执行时,是没有作用的。在一次入场动画执行完成之后,在最终位置停下来并不在起始位置,通过这里的位置的设置可以将入场动画结束时的位置调到这里理解enter()函数的el的指代对象和done()指代的回调函数理解this.show = !this.show,这句话有两个作用。一是:控制显示和隐藏,二是:false —> true为半场动画...原创 2019-08-27 10:46:40 · 287 阅读 · 2 评论 -
Vue生命周期中mounted和created的区别
一、什么是VUE生命周期?每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期,也可以理解为Vue中实例或者组件从创建到消灭中间经过的一系列过程,虽然不太严谨。以下为官方的一张生命周期图:生命周期里的所有钩子函数:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestr...原创 2019-08-28 11:08:29 · 634 阅读 · 0 评论