js
文章平均质量分 53
浅浅呐
这个作者很懒,什么都没留下…
展开
-
vue的单页面和多页面优缺点总结
单页面应用是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中,内容较多时首页加载速度比较慢多页面是指一个应用中有多个页面,页面跳转时是整页刷新参考文章:https://www.jianshu.com/p/c83de3a57920...原创 2021-03-22 15:27:11 · 1070 阅读 · 0 评论 -
js的数组方法总结
push()在数组的末尾添加一个或者多个元素,返回新的数组长度,原数组改变let arr = ['A', 'B', 'C', 'D', 'E']let count = arr.push('F')console.log(count); // 6console.log(arr); // ["A", "B", "C", "D", "E", "F"]pop()删除并返回数组的最后一个元素,原数组改变let arr = ['A', 'B', 'C', 'D', 'E']let count = ar原创 2021-03-19 17:08:21 · 185 阅读 · 0 评论 -
vue的diff算法
1.当数据发生变化时,vue是怎么更新节点的?渲染真实dom的开销很大,比如我们修改了某个数据,如果直接渲染到真实dom会引起整个dom树的重绘和重排,有没有可能我们只更新我们修改的那一小块dom而不更新整个dom呢?diff算法可以帮助我们。我们根据真实dom生成一个虚拟dom,当虚拟dom某个节点的数据改变后会生成一个新的Vnode,然后Vnode和oldVnode做对比,发现有不一样的地方就直接修改在真实的DOM上,然后使oldVnode的值为Vnode。diff的过程就是调用名为patch的函转载 2020-11-19 23:37:57 · 138 阅读 · 0 评论 -
使用window.location.href跳转页面不刷新的问题
window.location.href = 'http://xxx’通常这样写都是可以跳转到目的url的,但是若当前的url和跳转的url是一个的话,页面可能就不会跳转,不会刷新举个例子,a页面和b页面是通过动态组件展示的,那么a和b的链接其实对应的就是一个,比如都是https://www.baidu.com,此时有个需求就是你想从b页面跳转到a页面,你用了window.location.href,这个时候页面其实是不会被刷新的解决方式:用完window.location.href 后再用window原创 2020-09-11 16:31:16 · 7042 阅读 · 0 评论 -
字段分割展示,将一句话通过一个符号分割展示成多行
比如服务端返回的数据是str = “这是一句话,需要两行展示”let str = "这是一句话,需要两行展示"let arr = str. split(',')然后遍历得到的arr中的item即可原创 2020-08-29 13:49:11 · 481 阅读 · 0 评论 -
js截取路径后挂载的参数
function getQueryString(name) { var queryObj = {}; var search = location.search.slice(1).split('&'); console.log(search); search.forEach((value, index, array) => { var t = value.split('='); queryObj[t[0]]原创 2020-07-29 17:30:09 · 229 阅读 · 0 评论 -
正则格式化金额
let money = 200000000let newMoney = money.toString().replace(/(\d)(?=(?:\d{3})+$)/g, "$1,")console.log(newMoney); //200,000,000原创 2020-07-23 09:54:54 · 403 阅读 · 0 评论 -
js中在一个字符串中查找另一个字符串或字符
1.indexOf方法let str ='问题跟进username,我们都有一个家名字叫中国,哈哈哈哈哈哈哈'let user='username'console.log(str.indexOf(user)) // 42.search方法let str ='问题跟进username,我们都有一个家名字叫中国,哈哈哈哈哈哈哈'let user='username'console.log(str.search(user)) // 43.正则test方法let str = '问题原创 2020-06-01 10:24:30 · 1662 阅读 · 0 评论 -
vue中动态控制class
1.直接绑定对象(一)<div id="app"> <p class="static" :class="{red: isRed, blue:isBlue}">昨天再好也回不去,明天再难也要抬脚继续~</p></div><script> var watchExampleVM = new Vue({ el: '#app', data: { isRed: true,原创 2020-05-12 14:52:21 · 1994 阅读 · 0 评论 -
v-if和v-else踩坑日记
v-if和v-else感觉已经非常非常… 熟悉了,但是最近做项目的时候还是踩坑了,半天没反应过来产生bug的原因,真的是越简单的东西越容易被忽视啊让我来描述一下我这低级的bug协议有两种方式展示,一种是服务端将pdf的链接下发到前端,由前端进行展示,一种是服务端下发html字符串,前端进行解析渲染,然后在服务端返回的是pdf的链接的时候,我这边先展示了一大串html字符串,后来才展示pdf,我...原创 2020-04-29 15:34:51 · 740 阅读 · 0 评论 -
js中数组和字符串的相互转化
1.字符串转化为数组(split) <script> let str = 'aeroengiea' console.log(str.split(""))// ["a", "e", "r", "o", "e", "n", "g", "i", "e", "a"] console.log(str.split("a")) // ["", ...原创 2020-03-16 19:47:33 · 142 阅读 · 0 评论 -
关于Object.defineProperty()的用法
Object.defineProperty(obj, prop, descriptor)参数说明obj:必需。目标对象prop:必需。需定义或修改的属性的名字descriptor:必需。目标属性所拥有的特性1.只对对象属性的value起作用,value有值则为vulue的值,否则则为undefinedvar obj = {}// 第一种情况:不设置value属性Object.def...原创 2020-02-21 16:30:08 · 201 阅读 · 0 评论 -
js中date日期
日期对象的创建当前日期为2020/02/11//日期对象的创建//当前日期var oDate = new Date(); //2020/2/11console.log(oDate); //Tue Feb 11 2020 16:56:08 GMT+0800 //指定日期var oDate1 = new Date("2019-10-3");console.log(oDate1); /...原创 2020-02-11 23:08:59 · 181 阅读 · 0 评论 -
js中的传值和传址
基本数据类型是传值,存放在栈中引用数据类型(数组,对象和函数)是传址,值存放在堆中,栈中存放的是地址var a = 10;var b = a;a = 20;console.log(a, b); //20 10var c = [10];var d = c;c.push(20);console.log(c, d); //[10, 20][(10, 20)];var a = ...原创 2020-02-07 22:02:49 · 1203 阅读 · 0 评论