添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
methods: { reverseMessage: function () { this.message = this.message.split('').reverse().join('')
1、splite(' ')可以将字符串按某个字符或者其他分割。返回数组。
2、reverse()该方法会改变原来的数组,而不会创建新的数组。此函数可以将数组倒序排列。
3、join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。指定分隔方法join(' ');

Java自学的网站(Java全栈工程师 | 以实例驱动学习 | how2j.cn)

在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。 因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做,我们不清楚。 于是我开始先去搜索,发现vue2.0的生命周期没啥文章。大多是1.0的版本介绍。最后还是找到一篇不错的(会放在最后) vue生命周期简介 咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。 生命周期探究 对于执行顺序和什么时候执行,看上面两个图基本 message.split(’’).reverse().join(’’) split()方法:把字符串分割成字符串组 reverse()方法:颠倒数组元素的顺序 join()方法:把数组的所有元素放入一个字符串 今天使用节流函数的时候遇见了一个问题,搞了半天才找到原因,所以在这里做个总结。 节流函数 浏览器的一些事件,如:resize,scroll,mousemove等。这些事件触发频率太过频繁,绑定在这些事件上的回调函数会不停的被调用,加重浏览器的负担,导致用户体验非常糟糕。所以先贤们发明了节流函数,简单版本如下: function throttle (f, wait = 200) { let last = 0 return function (...args) { let now = Date.now() if (now - last > wait) { last = now 只作用于数组,跟在split('')后才能起作用,在一个字符串后面不起作用,如message.reverse() 3、join('') 把数组的所有元素放入一个字符串 所以,message.split('').reverse().join('') 意思是把字符串翻转重组成字符串 hello→olleh Java自学的网站(Java全栈工程师 | 以实例驱动学习 | how2j.cn)Html<div id="app-5"> <p>{{ message }}</p> <button v-on:click="reverseMessage">逆转消息</button> </div>Vue.jsvar app5 = new ... 在后端有许多的封装方法来截取字符串或者对字符串的操作,同样前端也有相应的方法。有一个data数据为ipaddrdata() {return {ipaddr: "192.168.100.110",};},1、现在需要切割成一个数组,得到四个ip值,只需要通过计算属性就可以实现computed:{ipaddrArray:function(){return this.ipaddr.split('.')}... width="180"> <template slot-scope="scope"> <div v-for="item in companyCut(scope.row.role_name)" :key='item'>