2019年04月_明月松江

原创 .gitignore失效的解决办法

在vue项目中的vue.config.js下有devServer的配置，在这里可以配置本地服务器的host和port。由于我和同事对vue.config.js的配置不同，所以不想让这个文件被git提交到仓库，不然每次从仓库拉取代码都需要修改vue.config.js里配置。我遇到的问题是，我明明已经在.gitignore文件里写了vue.config.js，但是我修改了vue.config....

2019-04-30 17:40:06 2522 1

原创 js对象数组的筛选和排序

今天在项目中需要mock数据，而且还要实现点击排序和筛选的功能。关于数据的筛选我立马想到用数组的filter方法实现，其中type是外面传入的类型参数：let arrayData = [....这里是mock的数据...];let type = params.type;let data = arrayData.filter(item=> item.type === type)数...

2019-04-29 18:48:37 3774

原创 vue中使用eventBus遇到数据不更新的问题

今天在项目的一个组件需要向兄弟组件传数据，所以想到了使用eventBus。首先，我先建立了一个eventBus.js，代码如下：import Vue from 'vue'const eventBus = new Vue()export default eventBus然后在需要往外传值的组件中引用eventBus.js：import eventBus from '@/assets/j...

2019-04-25 14:16:34 8943 14

原创 javascript的sleep暂停功能

在PHP等语言中有sleep这个方法，可以让程序暂停执行一段时间。那么js中有没有类似sleep的方法呢？答案是有的。利用ES2017里的新特性async/await 可以实行类似的功能。代码如下：function sleep(ms){ return new Promise((resolve)=>{ setTimeout(resolve,ms); })}async fu...

2019-04-15 17:58:43 682

原创 vue项目中onscroll的坑

vue项目中onscroll的坑在项目中需要监听一个组件的scroll事件，以触发到底时加载更多。但是实际操作下来发现scroll事件并没有被监听到。通过查询资料得知，监听的目标元素element的scroll事件不冒泡。解决scroll绑定失败的方法是：scroll直接绑定在window的捕获阶段；window.addEventListener(‘scroll’,methodName，...

2019-04-12 14:18:16 7150 2

原创关于scrollBehavior的用处

在vue项目中，如果前一个页面有滚动条的滚动，当路由跳转后发现滚动条的位置还保持在原来的位置，这个就带来了困扰。查询了资料，发现可以在路由的导航守卫afterEach里面添加：window.scrollTo(0,0);这种方法可以在每次路由跳转后手动使滚动条回到头部位置。如图：其实在vue官网中介绍了scrollBehavior方法，同样可以实现路由跳转之后滚动条滚到顶部。https:...

2019-04-10 16:12:38 16526

原创关于js中replace的使用

项目使用了表情包，后台给我的数据只有字符串，在字符串里包含表情包对应的字符串。在前台解析的时候需要将这些字符串转换成图片输出到页面上。表情包相应的json数据如下：大致的思路就是根据结果返回的表情的字符串值去匹配json里对应的对象，把对象的icon拼接到图片的src里。首先我使用了正则和字符串的match方法，来获取这些特殊的表情字符串组成的数组emojiResult。...

2019-04-08 18:43:20 2193

u010007013的博客