- 博客(58)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 在vscode拉取代码时would clobber existing tag
在vscode拉取代码时would clobber existing tag
2022-07-07 10:18:28
265
原创 call()、apply()、bind()用法跟区别
目录call()apply()bind()名词解释来源MDN call() call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。首先需要搞明白，this的概念与其他语言相比，函数的this关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别。在绝大多数情况下，函数的调用方式决定了this的值（运行时绑定）。this不能在执行期间被赋值，并且在每次函数被调用时this的.......
2022-04-15 18:36:02
631
原创 浅谈vue子父组件之间的传值
1.为什么要通过子组件向父组件传值或者父组件向子组件传值？ 官方的说法：早些时候，我们提到了创建一个博文组件的事情。问题是如果你不能向这个组件传递某一篇博文的标题或内容之类的我们想展示的数据的话，它是没有办法使用的。这也正是 prop 的由来。 我的理解：状态管理，类似于vuex,子组件通过自定义事件向父组件传值，触发父组件dom元素进行更新，父向子传值也是一样2.怎么使用，props该放在那个位置porps:父组件通过props属性向子组件传递数据，定义组件的时...
2021-08-03 16:40:08
139
原创 每行文字对齐
<spanstyle="font-size:15px;margin-left:13px;display:inline-block;">{{companyName}}</span> 设置display:inline-block;属性
2021-07-28 14:44:27
126
原创 git忽略文件不生效
原因：文件之前通过git提交过，此时文件被git跟踪，鼠标放在vscode更改文件上会显示(跟踪或者未跟踪)解决方法：1.备份需要忽略的文件2.需要在本地通过手动或者git删除已经被git跟踪的文件（未跟踪的文件不需要执行），3。然后设置忽略文件（文件路径需要写对），4.将备份文件或或者远程下载删掉的文件放在原来项目的位置，此时忽略文件生效，更改此文件内容，git不会给出任何提示，操作成功...
2021-07-26 17:22:15
757
原创 部分表单验证
(this.$refs.ruleFormasany).validateField('orgTypes')常用于自定义表单验证中不生效的清空，在某一项值改变的方法中放入，值一旦改变，可以立即触发
2021-07-14 15:24:19
108
原创 Error in v-on handler: “TypeError: Cannot read property ‘resetFields‘ of undefined“
解决方法：对话是一个虚拟dom,visible!==true之前，dom未挂载在根节点上，此时refs的resetfileds方法无法使用，让对话框完全开启后再使用resetfileds方法
2021-06-10 14:15:19
431
原创 ant design vue 点击事件
使用组件中内置的方法时，需要遵循组件用法发,如@search='search' ，后面如果带括号，虽然方法可以被调用，方法里面的组件渲染可能会出现问题
2021-06-10 10:09:46
2183
原创 解决git clone后无法找到文件的问题（通过指定地址）
今天从github上clone了代码，最后出来形如：但是话说我的东西下载到哪里去了呢？？？？摸不着头脑，然后百度之，发现一般会放在命令行对应的路径下，也就是win + R > cmd 查看命令行地址：然后去此路径下寻找之，果然在这里。那么，如何才能clone到自己指定的路径下呢？百度之得如下说法：git clone https://github.com/jquery/jquery.git e:/myJQuery/以上命令行的结尾，指定你想要的目录。...
2021-02-24 14:31:47
2245
1
原创 Vuex mutation
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的事件类型 (type)和 一个回调函数 (handler)。改变count的状态const store = new Vuex.Store({ state: { count: 1 }, mutations: { increment (state) { // 变更状态 state....
2021-02-22 11:14:40
125
原创 Vuex getter
作为state派生的属性computed: { doneTodosCount () { return this.$store.state.todos.filter(todo => todo.done).length }}如果有多个组件需要用到此属性，我们要么复制这个函数，或者抽取到一个共享函数然后在多处导入它——无论哪种方式都不是很理想。这时就可以使用getter1.Getter 接受 state 作为其第一个参数：const store = n...
2021-02-22 10:42:51
166
原创 vuex
vuex就是用来管理数据的，应用于中大型系统，单向数据流当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：多个视图依赖于同一状态。 来自不同视图的行为需要变更同一状态。对于问题一，传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。对于问题二，我们经常会采用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝。以上的这些模式非常脆弱，通常会导致无法维护的代码。因此，我们为什么不把组件的共享状态抽取出来，以一个全局单例模式管理呢？在这种模
2021-02-20 17:36:44
138
1
原创 vue路由理解
我的理解就是不同组件之间的会话，或者叫做通信在vue中，路由通常定义了路径和需要展示的组件，即当地址栏发生变化时，会展示相应的组件const router = new VueRouter({ routes: [ { path: '/user/:id', component: User, children: [ { // 当 /user/:id/profile 匹配成功， // UserProfile 会被渲染在 Use
2021-02-20 16:48:20
204
1
原创 typescript易忘点
1.三斜杠指令/// <reference path="..." />指令是三斜线指令中最常见的一种。 它用于声明文件间的 依赖。三斜线引用告诉编译器在编译过程中要引入的额外的文件2.成员修饰符 public|| private ||protect在TypeScript里，成员都默认为 public当成员被标记成 private时，它就不能在声明它的类的外部访问protected修饰符与 private修饰符的行为很相似，但有一点不同， protected成员在派生类中仍
2021-02-20 14:51:08
105
原创 优先级
JavaScript 运算符优先级 运算符 说明 结合性 1 []、.、() 字段访问、数组索引、函数调用和表达式分组 从左向右 2 ++ -- -~!delete new typeof void 一元运算符、返回数据类型、对象创建、未定 义的值 从右向左 3 *、/、% 相乘、相除、求余数 从左向右 4 +、- 相加、相减、字符串串联 从左向右 5 <<、>>
2021-02-19 17:38:06
154
原创 给对象进行类型注解
给对象进行类型注解 使用接口作为对象的 类型注解（用来约束对象的结构） ts对象是结构化的，在使用对象前，可以根据需求，提前设计好对象的结构 //对象的类型注解 let person: { name:string; //使用分号分隔，分号也可以省略 age: number; } //对象 person={ name:'john', age: 18, } 2.给对象的方法添加类型注解let person: {sayHi:(name:s..
2021-02-19 17:35:16
586
原创 数组对象在ts中的用法
数组对象在TS中的用法 length长度 let songs:string[]=['red','blue','pink'] console.log(songs.length) push**push()** 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长 3.**forEach()** 方法对数组的每个元素执行一次给定的函数,会运行5次，而且中间无法停止。 let songs: string[]=['red','green','pink'] songs.forEac
2021-02-19 17:34:26
6609
原创 对象的取值与存值
对象取值和存值1. 拿到对象中属性或者方法并使用interface IUser {name:stringheight:numbersing:()=>void}//创建对象let jay:IUser = {name:'周杰伦'，height: 175,sing:function(){console.log('小小菜鸡')}}//访问对象的属性console.log(jay.name)//访问对象的方法（对象名+方法名（））ja.
2021-02-19 17:33:24
441
原创 函数
函数使用1.函数参数function 函数名（形参：形参类型）{}函数名（实参）2.当有多个参数时，用逗号隔开，形参&&实参一一对应（包括类型）function 函数名（形参：形参类型，形参：形参类型）{}函数名（实参，实参）3.函数的返回值将函数内部计算的结果返回，可以将该结果继续参与其他的计算一个函数如果没有返回值，那么这个函数默认返回类型为void(即为空)在函数名后加:number可以指定返回值类型第一步：指定函数...
2021-02-19 17:31:55
65
原创 接口（优化类型注解）
接口（优化类型注解，为对象的类型注解命名）1.使用interface关键字，直接成为了一个模块interface IUser {name:stringage:number}在对象中使用(直接在对象名后加:IUser即可)let p1: IUser = {name: 'jack',age:18}...
2021-02-19 17:31:03
76
原创 变量
1.声明变量并指定类型(分号可写可不写)let age:number;2.对变量进行赋值age = 203.类型注解是一种为变量添加类型约束的方式age:number3.undefined && nullundefined 声明未赋值null 声明并赋值 值为空...
2021-02-19 17:29:51
85
原创 for..of vs. for..in 语句
for..of和for..in均可迭代一个列表；但是用于迭代的值却不同，for..in迭代的是对象的键的列表，而for..of则迭代对象的键对应的值。下面的例子展示了两者之间的区别：let list = [4, 5, 6];for (let i in list) { console.log(i); // "0", "1", "2",}for (let i of list) { console.log(i); // "4", "5", "6"}...
2021-02-18 09:52:22
86
原创 迭代器与生成器
1.迭代器 迭代器 API 使用 next()方法在可迭代对象中遍历数据，对象等，next()方法返回的迭代器对象 IteratorResult 包含两个属性： done 和 value。let arr = ['foo'];let iter = arr[Symbol.iterator]();console.log(iter.next()); // { done: false, value: 'foo' }console.log(iter.next()); // { done: t...
2021-02-04 17:39:16
115
原创 面对默认导入失败的情况
在使用import导入时，有时会发生找不到文件名的情况，这时需要新建一个文件夹，将要导入的模块放进去，然后新建一个index.ts文件，里面重新定义导入导出
2021-02-02 15:48:52
128
原创 ‘show‘ does not exist on type ‘Vue | Element | Vue[] | Element[]‘. Property ‘show‘ do
解决方法：将类型进行转换（this.$refs.modal.show as any).show() 补充：1.refref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：<!-- `vm.$refs.p` will be the DOM node --><p ref="p">hello</p>...
2021-02-02 11:18:50
542
原创 双向数据绑定v-model与v-decorator
数据绑定1.单向数据绑定 将数据写在html结构中，然后进行渲染，一旦HTML代码生成好后，就没有办法再进行改变了，如果有新的数据出现，那就必须要先把之前的HTML代码删掉，然后重新把新的数据和模板一起整合形成新的HTML代码，再插入到文档流中2.双向数据绑定 数据模型和视图之间的双向绑定。当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化；可以这样说用户在视图上的修改会自动同步到数据模型中去，数据模型也是同样的变化。双向数据绑定的优点：...
2021-02-02 11:10:04
2693
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人