vue
关注
分享
扫一扫
文章平均质量分 64
浅浅呐
这个作者很懒，什么都没留下…
展开
-
ts学习总结
ts学习总结ts最重要的特性：类型系统、适用于任何规模数值let num: number = 1但是 ES6 中的二进制和八进制表示法，它们会被编译为十进制数字字符串let name: string = 'wujuan'布尔值let isDone: boolean = false使用构造函数 Boolean 创造的对象不是布尔值let createdByNewBoolean: boolean = new Boolean(1) 则会报错, 事实上 new Boolean() 返回的是一原创 2021-07-06 20:30:07 · 502 阅读 · 0 评论 -
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 评论 -
props传值强校验validator
父组件给子组件通常通过props传值，如果需要做一些强校验则可以使用validator如父组件传入一个propType参数，规定只能传入’text’, 'number’或者’letter’其中一种就可以这么写：props: { propType: { type: String, default: 'text', validator() { return ['text', 'number','letter'].indexOf(propType) > -1 } }}原创 2020-10-08 20:58:21 · 2749 阅读 · 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 评论 -
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-once的使用
通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。写几行代码对比下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U原创 2020-05-11 21:02:19 · 4927 阅读 · 1 评论 -
这些git命令也太好用了叭～
总结一波很少人知道但是很好用的git命令情形一： 你已经执行了git add .和git commit -m ‘xxx’,但是你突然发现你改的一些东西有点问题，但是你又不想放弃修改，这时候可以使用git reset HEAD^情形二： 你在一个分支改东西改到一半，突然另一个分支的版本出现了特别紧急的问题，只能先放下手中一半的工作，去另一个分支，但是因为你本地有修改，切换分支就会报错， 你不想放...原创 2020-04-30 16:05:24 · 186 阅读 · 0 评论 -
v-if和v-else踩坑日记
v-if和v-else感觉已经非常非常… 熟悉了，但是最近做项目的时候还是踩坑了，半天没反应过来产生bug的原因，真的是越简单的东西越容易被忽视啊让我来描述一下我这低级的bug协议有两种方式展示，一种是服务端将pdf的链接下发到前端，由前端进行展示，一种是服务端下发html字符串，前端进行解析渲染，然后在服务端返回的是pdf的链接的时候，我这边先展示了一大串html字符串，后来才展示pdf，我...原创 2020-04-29 15:34:51 · 740 阅读 · 0 评论