![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
就是那只会飞的帅猪
这个作者很懒,什么都没留下…
展开
-
使用MUI遇到的坑: nable to preventDefault inside passive event listener
在使用mui的scroll组件的时候,需要导入mui的js文件,执行以下代码初始化组件://导入mui的js文件import mui from '../../lib/mui/js/mui.min.js'//初始化滑动控件mui('.mui-scroll-wrapper').scroll({ deceleration: 0.0005 });但是,当加入这几行代码之后,在浏览器对页面进...原创 2019-12-21 09:33:52 · 818 阅读 · 3 评论 -
foreach 和 map 的区别
相同两个都是遍历数组然后对数组元素进行回调操作的方法.匿名函数中的this都是指向windows执行速度都没有for循环快不同foreach没有返回值,不可以链式调用,不能改变数组,但是理论上可以通过回调函数改变数组map返回的是一个数组,也就是原来的数组,同样不会改变数组map方法可以链式调用没有办法跳出foreach循环,除非抛出异常...原创 2019-12-18 14:22:49 · 110 阅读 · 0 评论 -
JS防抖和节流
在页面中,如果高频率地触发某些事件,特别是回调函数中有一些耗时的操作的时候,就会多次调用回调函数,容易造成页面假死.要解决这类问题,就要用到防抖和节流.防抖防抖的原理很简单,可以理解为延迟执行回调函数,然后在这个延迟的期间,如果不再次触发对应事件,才会进行对应的操作,如果触发了对应的事件,就重新计时,这样就实现了防止过频调用回调函数的效果,实现代码如下:function debounce(f...原创 2019-12-13 22:05:48 · 114 阅读 · 0 评论 -
VUE编程式的导航
除了通过router-link创建a标签来实现路由导航之外,还可以使用编程的方式router.push(path)在 Vue 实例内部,你可以通过 $router 访问路由实例。因此你可以调用 this.$router.push\调用这个方法会向hostory栈添加一个新的方法,当用户点击回退按钮的时候会返回上一个访问的路由页面.其实采用用声明式导航的时候(router-link标签),...原创 2019-12-07 10:05:17 · 128 阅读 · 0 评论 -
用iview标签切换vue路由组件
iview中有效果不错的标签组件,于是就有了把iview中的标签,作为vue路由链接的做法最开始,打算把router-link的tag指定为iview的Tag.结果发现这是不可行的,于是改变思路,最终实现代码如下:<Tabs class="switchTab" value="all" @on-tab-remove="tabRemove" v-model="acti...原创 2019-12-07 09:50:30 · 621 阅读 · 0 评论 -
回调地狱、promise
当异步操作依赖于上一个异步操作的时候,需要进行异步操作的嵌套,否则无法保证回调的顺序执行。但是采用回调嵌套,会形成回调地狱。为了解决回调地狱的问题,在ES6中新增了promise API//新建一个承诺容器var pi = new Promise(function(resolve,reject){ fs.readFile('./data/123.txt', 'utf8', function...原创 2019-11-21 11:31:03 · 70 阅读 · 0 评论 -
给mac下的WebStorm配置autoprefixer
autoprefixer是什么autoprefixer安装autoprefixer如果没有npm,先安排然后:npm install autoprefixer -g下一步安装postcss-clinpm install postcss-cli -g在WebStorm中配置新建一个External Tool,取个名字,填入:program:/usr/local/bin/po...原创 2019-11-05 11:25:35 · 299 阅读 · 1 评论 -
模仿豆瓣首页练习-笔记
块盒上方莫名的空白豆瓣首页的顶部由logo、搜索框、以及一些列导航图标组成。要达到的是下面这种效果:于是想到用几个行块盒来做,然后定高,排好就行了,没想到在放置搜索框的时候出了问题、实际效果如下:先忽略整体的上下留白,这一步的目的是让三个行块盒对齐,外围div的高度定为30px,然后里面每一个div的高度也设定为30px,但是可以发现,搜索框上方有一段不应该出现的空白(margin-top已...原创 2019-11-05 11:05:22 · 334 阅读 · 0 评论 -
JavaScript的new关键字,到底做了什么
看到js高程第六章的时候,有一段示例代码是这样子的:function Person(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; return o;}var friend...原创 2019-10-19 00:09:27 · 277 阅读 · 0 评论