qq_45129167的博客

axios和vuex

qq_45129167 — Fri, 24 Jun 2022 18:00:56 +0800

promise

qq_45129167 — Fri, 17 Jun 2022 21:35:01 +0800

vueRouter的路由参数

qq_45129167 — Wed, 15 Jun 2022 22:32:44 +0800

vue-router和tabbar

qq_45129167 — Wed, 15 Jun 2022 22:31:04 +0800

路由vue

qq_45129167 — Mon, 13 Jun 2022 17:47:03 +0800

脚手架路由06

qq_45129167 — Thu, 09 Jun 2022 23:30:03 +0800

webpackvuecli05

qq_45129167 — Wed, 08 Jun 2022 22:37:51 +0800

图片处理 url-loader 小于limit 时编译为base64字符串形式大于 file-loader进行加载，添加path路径 hash字符串展示在dist，不希望哈西 name:‘img/[name].[hash:8].[ext]’ 将ES6转化为ES5 babel npm install --SAVE-DEV Babel-core babel-preset-es2015 在webpack里配置vue npm install vue --save runtime-only 不能编译templ

vue04

qq_45129167 — Sun, 05 Jun 2022 23:12:25 +0800

阶段总结vue

qq_45129167 — Sat, 04 Jun 2022 23:25:14 +0800

vue03webpack

qq_45129167 — Fri, 03 Jun 2022 23:37:00 +0800

在脚手架里不受驼峰命名的限制，子传父 mom install npm run serve 父子组件通信案例修改input值，然后父子组件中的值都变成输入的值 props应该在父组件内修改data函数，防止报错对输入框进行监听，当输入框的数值改变后，写在methods里，并通过emit传出去 watch监听也可以父组件访问子组件$children $refs 在子标签添加ref=“aaa” 访问父组件parent访问根组件parent 访问根组件parent访问根组件root slot插槽，组件的复用性

vue02

qq_45129167 — Fri, 03 Jun 2022 06:40:56 +0800

v-model是双向绑定相当于v-bind:value="message"将信息绑定到value v-on:input="message=$event.target.value实时监听输入框的值 v-model和radio结合使用男女二选一，互斥第一种添加key值相同，name=sex 第二种用v-model=sex value=男 v-model和checkbox 布尔值和数组单选框v-model=“isAgree” data:isAgree:false button :disabled="!is

vue笔记01

qq_45129167 — Wed, 01 Jun 2022 22:17:25 +0800

v-if 选择 v-else 剩下选择无条件 v-else-if 除if外选择登录切换变化效果 v-if 添加类名内容 v-else 内容 button用@click切换取反判断 script判断data里类名是否为ture 关于切换效果的bug 切换按钮text内容不变原因是vue会提前渲染虚拟dom input label标签没有变所以会原套原渲染 label修改了内容 input没修过改变方式添加不同的key值 v-if v-show 前者为fasle直接不渲染dom

JS的对象、方法、函数、属性、类的区分

qq_45129167 — Sun, 20 Feb 2022 18:58:52 +0800

JS是一种面向对象的编程，里面所有的都可以看做是对象，JS 中的面向对象，是基于原型的面向对象。JS 中的对象（Object）是依靠构造器（constructor）和原型（prototype）构造出来的。对象就是属性和方法的一个集合，我们可以为一个对象添加不同的属性和方法，属性一般以键值对的形式存在，属性名和属性值。方法则是一些例如提交，点击这种可以触发的事件我们称之为方法也可以自行定义。函数也是一种对象，如果用type of检验会返回function 实际上函数就是func的实例，我们可以认为函数就是一种

面向面试题的前端学习-js篇（自用，持续完善中）

qq_45129167 — Thu, 17 Feb 2022 18:18:51 +0800

前言：初心是记录面试题，慢慢由每个知识点引伸出去，逐渐查缺补漏，构建出更完善的前端知识系统。题目来源：牛客网 gitnub 目录HTTP协议get和postget请求传参长度的误区补充get和post请求在缓存方面的区别get和post的区别作用域和闭包闭包是什么闭包的作用说一下类的创建和继承如何实现一个私有变量，用getName方法可以访问，不能直接访问异步回调如何解决异步回调地狱简单的实现一个promise将原生的ajax封装成promise事件说一下什么是virtual dom说说前端中的事

去除字符串首尾空格

qq_45129167 — Wed, 09 Feb 2022 17:49:42 +0800

trim() trim()：去除字符串前后的空白。代码举例： //去除字符串前后的空格，trim(); let str = ' a b c '; console.log(str); console.log(str.length); console.log(str.trim()); console.log(str.trim().length); 打印结果： ...

数组去重的方法

qq_45129167 — Wed, 09 Feb 2022 17:46:03 +0800

splice()：数组去重代码实现： //创建一个数组 var arr = [1, 2, 3, 2, 2, 1, 3, 4, 2, 5]; //去除数组中重复的数字 //获取数组中的每一个元素 for (var i = 0; i < arr.length; i++) { //console.log(arr[i]); /*获取当前元素后的所有元素*/ for (var j = i + 1; j < arr.length; j++) { //console

js判断类型

qq_45129167 — Wed, 09 Feb 2022 17:43:15 +0800

type of() instance of Object.prototype.toString.call()

==和===以及Object.js的区别

qq_45129167 — Wed, 09 Feb 2022 17:41:06 +0800

符号的强调注意==这个符号，它是判断是否等于，而不是赋值。（1）==这个符号，还可以验证字符串是否相同。例如： console.log('我爱你中国' == '我爱你中国'); // 输出结果为true （2）==这个符号并不严谨，会做隐式转换，将不同的数据类型，转为相同类型进行比较（大部分情况下，都是转换为数字）。例如： console.log('6' == 6); // 打印结果：true。这里的字符串"6"会先转换为数字6，然后再进行比较 console.log(true == '1'); //

11.js的new操作符做了哪些事情？

qq_45129167 — Wed, 09 Feb 2022 17:34:34 +0800

new 一个构造函数的执行流程 new 在执行时，会做下面这四件事：（1）开辟内存空间，在内存中创建一个新的空对象。（2）让 this 指向这个新的对象。（3）执行构造函数里面的代码，给这个新对象添加属性和方法。（4）返回这个新对象（所以构造函数里面不需要 return）。因为 this 指的是 new 一个 Object 之后的对象实例。于是，下面这段代码： // 创建一个函数 function createStudent(name) { var student = new Object

说一下闭包

qq_45129167 — Wed, 09 Feb 2022 11:57:54 +0800

闭包（closure）：指有权访问另一个函数作用域中变量的函数。上面这个概念，出自《JavaScript 高级程序设计（第 3 版）》这本书。上面的概念中指出，闭包是一种函数；当然，你可以把闭包理解成是一种现象。具体解释如下。简单理解就是：如果这个作用域可以访问另外一个函数内部的局部变量，那就产生了闭包（此时，你可以把闭包理解成是一种现象）；而另外那个作用域所在的函数称之为闭包函数。注意，这里强调的是访问局部变量哦。闭包代码举例代码举例： function fn1() { let a = 1