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