- 博客(35)
- 收藏
- 关注
RSS订阅原创 前端面试题3：Object.assign的使用
如果只是想将两个或多个对象的属性合并到一起，不改变原有对象的属性，可以用一个空的对象作为target对象。是后面的属性覆盖前面的还是前面的属性覆盖后面的呢？简单来说，就是Object.assign()是对象的静态方法，可以用来复制对象的可枚举属性到目标对象，利用这个特性可以实现。没有同名的属性会直接复制到目标对象上，同名的属性后面的属性值会覆盖前面的同名属性值。1、Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象，继承属性和不可枚举属性是不能拷贝的。3、目标对象自身也会改变。
2023-04-22 15:08:52
190
原创 前端vue面试题2：为什么data属性是一个函数而不是一个对象
上面讲到组件data必须是一个函数，不知道大家有没有思考过这是为什么呢？在我们定义好一个组件的时候，vue最终都会通过Vue.extend()构成组件实例这里我们模仿组件构造函数，定义data属性，采用对象的形式count : 0创建两个组件实例修改componentA组件data属性的值，componentB中的值也发生了改变产生这样的原因这是两者共用了同一个内存地址，componentA修改的内容，同样对componentB产生了影响。
2023-04-22 14:46:30
140
原创 typescript学习day2，TS中类型声明（typescript）
TS中类型声明（typescript），字面量类型，any，unknown，void，never类型
2023-01-14 09:00:00
250
原创 .sync的使用（包括讲解props属性和$emit方法以及组件间通信传值）
vue组件间通信，父传子，子传父，同级传。.sync的使用，$emit和props全局事件总线的介绍
2023-01-10 13:59:14
2330
原创 HTTP学习
就是HyperTextTransferProtocol，超文本传输协议HTML是超文本标记语言浏览器向服务器发送请求时，请求本身就是信息，叫请求报文服务器向浏览器发送响应时传输的信息，叫响应报文定义服务器对请求的处理结果,是服务器返回的。......
2022-07-28 10:18:30
135
原创 vue中的计算属性
计算属性:1.定义:要用的属性不存在，要通过已有属性计算得来。2.原理:底层借助了0bjcet.defineproperty方法提供的getter和setter.3.get函数什么时候执行?(1).初次读取时会执行一次。(2).当依赖的数据发生改变时会被再次调用。4.优势:与methods实现相比，内部有缓存机制（复用），效率更高，调试方便。5.备注:1.计算属性最终会出现在vm上，直接读取使用即可。2.如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发
2022-05-16 17:45:54
334
原创 vue中的事件处理
1.事件的基本使用 基本知识：1.使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名 2.事件的回调需要配置在methods对象中，最终会在vm上 3.method是中配置的函数，不再用箭头函数，否则this就不是vm了 4.methods中配置的函数，都是被vue所管理的函数 ，this的指向是 vm 或 组件实例对象 5.@click="d...
2022-05-15 23:02:31
270
原创 vue中的数据代理
数据代理是什么：通过一个对象代理，对另一个对象中属性的操作简单就是说：可以通过 对象b 对 对象a 中的属性进行操作这里我学到的数据代理是用Object.defineProperty这个方法进行操作 let obj = {x:100}; let obj2 = {y:200}; Object.defineProperty(obj2,'x',{ get(){ return obj.x; //这里添加的obj2的
2022-05-14 18:16:10
1791
原创 Object.defineProperty方法
这个方法可以给对象添加新的属性这个方法接受3个参数Object.defineProperty(1,2,3) 1:要给哪个对象添加属性 2：添加的属性名 3：配置项，里面可以有很多参数配置项中有很多参数，常见的有如下：1.value：添加的属性对应的值，默认为undefined2.enumerable： 表示能否通过for in循环访问属性，默认值为false3. writable： 表示能否修改属性的值。默认值为false。4.configurable:
2022-05-13 10:16:55
102
原创 控制台中没有vue
vue有两个文件，一个开发版本（体积大），一个生产版本（体积小）一般情况下只有用的是min版本的才会出现这种情况，但是这次使用不知道怎么使用开发版本的也没有了vuevue的图标是亮着的，但是控制台就是没有vue于是我在代码中加了一句，发现可以了Vue.config.devtools = true;...
2022-05-12 19:12:08
914
原创 vue中的数据绑定
vue中有2种数据绑定的方式：1.单向绑定(v-bind): 数据只能从data流向页面2.双向绑定（v-model）：数据不仅能从data流向页面，还可以从页面流向data注意：1.双向绑定一般都应用在表单类元素上（输入类元素，有value值）2.v-model:value 可以简写为 v-model，因为v-model默认收集的就是value值 单向数据绑定：<input type="text" v-bind:value="name"> <br/>
2022-05-12 18:51:57
3729
原创 vue模板语法
vue模板有两大类：1.插值语法功能：用于解析标签体内容写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的全部属性2.指令语法功能：用于解析标签（包括：标签属性，标签体内容，绑定事件。。。。）写法：v-bind:href=“xxx” 或简写为 :href=“xxx” ,xxx时js表达式，且可以直接读取到data中的全部属性注意：vue有很多指令，且都是v-xxx，这里用v-bind举例<!-- 准备一个容器 --> <div class="r
2022-05-12 16:59:14
101
原创 for of和for in的区别
1.遍历数组for of 遍历得到数组的每个值 ，for in 遍历得到数组的索引号 let arr = ['张','李','孙','赵']; for(let k of arr) { console.log(k); // 张 李 孙 赵 } for(let k in arr) { console.log(k); //0 1 2 3 }2.遍历对象for in可以遍历对象，for of
2022-05-07 12:44:01
301
原创 提交表单console.log测试输出，显示一下然后消失
今天做了一个表格案例，提交表格时在控制台打印的时候闪一下就消失了。经过一些时间的研究，发现form上action属性没有设置东西于是我添加了一个#就变好了
2022-03-21 10:39:38
645
原创 POST与GET选择
与POST相比，GET更简单也更快，并且在大部分情况下都能用。然而，在以下情况下，请使用POST请求：1.不愿使用缓存文件（更新服务器的文件或数据库）2.向服务器发送大量数据（POST没有数据限制）3.发送包含未知字符的用户输入时，POST比GET更稳定也更可靠...
2022-01-04 14:00:27
1076
原创 所有状态码
100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到，但返回信息为空205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件206——服务器已经完成了部分用户的GET请求300——请求的资源可在多处得到301——删除请求数据302——在其他地址发现了请求数据303——建议客户访问其他URL或访问方式304——客户
2022-01-04 11:34:57
88
原创 es6新增的let,const与var的区别
let与var的区别let声明的变量只在所在的代码块(作用域)内有效， var声明的变量在全局范围内有效let不存在变量提升暂时性死区，只要块级作用域内存在let命令，它所声明的变量就绑定这个区域，不再受外部的影响(阮一峰的es6)不允许重复声明...
2021-11-22 20:31:00
292
原创 =，==，===的区别
=一个=是赋值操作==两个等号多用来判断两者相等，在进行比较时会转换为相同的类型举例 1 == true两边类型不同，"“会先进行类型转换，将true转换为，即 1 == 1；此时，”" 左右两边的类型都为数值型，返回true===1===true 两侧不完全相等，结果为false“1” === 1 左侧为字符型，右侧为数值型，左右两侧类型不同，结果还是false；1 === 2 左侧为数值型，右侧为数值型，左右两侧类型相同，但数值大小不同，结果为false；...
2021-10-30 17:34:50
168
原创 迭代器的原理
迭代器迭代器（Iterator）是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Itertor接口，就可以完成遍历操作。1）ES6创造了一种新的遍历命令for…of循环，Iterator接口主要供for…of消费2）原生具备Iterator接口的数据（可用 for of 遍历）a) Arrayb) Argumentsc) Setd) Mape) Stringf) TypedArrayg) NodeList...
2021-10-28 09:32:14
75
原创 js中的七种数据类型
js中的七种数据类型USONByou are so niubiU =》 undefined 没有初始化、定义的值S =》 String 字符串 or Symbol(es6中的，这种类型的对象永不相等)O =》 Object 对象N =》 Number 数据类型 or Null 不存在的对象B =》 Boolean 布尔型Symbol //创建Symbol let s1 = Symbol('尚硅谷'); let s2 = Symbol('尚硅谷');
2021-10-27 22:08:05
113
原创 前端开发中的鼠标事件
1.鼠标按下松开mousedown 鼠标按下mouseup 鼠标松开2.鼠标经过离开mouseover 鼠标经过mouseente 鼠标经过mouseout 鼠标离开mouseleave鼠标离开3.鼠标移动mousemove4.聚焦失焦focus 聚焦blur 失去焦点
2021-08-11 12:41:39
270
原创 前端开发中常见的鼠标事件
1.onclick鼠标点击左键触发2.onmouseover鼠标经过触发3.onmouseout鼠标离开触发4.onfocus获得鼠标焦点触发5.onblur失去鼠标焦点触发6.onmousemove鼠标移动触发7.onmouseup 鼠标弹起触发8.onmousedown鼠标按下触发...
2021-07-23 21:34:00
2282
原创 前端开发中获取数组元素索引号
两种形式1.indexOf 从正方向开始查找2.lastindexOf 从反方向开始查找代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev
2021-07-23 15:22:12
1447
原创 前端开发中的数组创建
创建数组有两种方式1.利用数组字面量var arr = [1,2,3];2.利用new Array()var arr1 = new Array(); //创建了一个空数组var arr2 = new Array(2); //2表示数组长度为2，里面有2个空的数组元素var arr3 = new Array(3,4); //等价于[2,3] 这样写表示有2个数组元素，为2和3...
2021-07-22 11:33:50
887
原创 JS 开发中的 Math常用方法和属性
Math 对象不是构造函数，它是具有数学常数和函数的属性和方法。跟数学相关的运算可以使用Math中的成员。举例//圆周率Math.PI向下取整Math.floor()向上取整Math.ceil()四舍五入 （注意 -3.5 取 -3）Math.round()绝对值Math.abs()求最大值和最小值Math.max()/Math.min()...
2021-07-20 16:23:16
103
原创 bootstrap栅格系统——选项参数
定义栅格系统用于一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中超小屏幕<768px 类前缀 .col-xs-小屏>=768px .col-sm-中等屏幕>=992px .col-md-大显示器>=1200px .col-lg-每一列必有12等份，所有子元素平分这12份...
2021-07-16 19:17:06
1057
2
原创 前端开发中的em
1.定义em是父元素字体大小2.使用当要使用em，如果父元素字体大小为12px这时候如果设置子元素盒子宽度为10em，那么宽度就为120px
2021-07-15 17:24:55
523
原创 前端怎么做指向箭头
步骤一给div盒子设置宽度，高度，再设置上边框和右边框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale
2021-07-15 17:16:32
1785
原创 前端开发中的背景渐变
1.目的实现盒子背景的渐变，使盒子变得更好看2.语法格式background: linear-gradient(起始方向，颜色1，颜色2)；是从起始方向开始，从颜色1逐渐变到颜色2注意：这个样式对浏览器有限制，必须添加浏览器私有前缀例：background: -webkit-linear-gradient(left top, red, blue);3.代码演示<!DOCTYPE html><html lang="en"><head> <
2021-07-15 16:23:35
2669
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人