- 博客(34)
- 收藏
- 关注
RSS订阅
1原创 js数据代理方法
在js中我们可以调用Object.defineProperty()给对象绑定属性，当读取绑定的属性是，get函数就会被调用，当修改绑定的属性时，set函数会被调用，这样就形成了数据代理。当在控制台中读/写person时。
2022-10-10 11:09:14
586
原创 泛型的基本使用
unknown除了与any以外，与其他任何类型组成的联合类型最后都是unknown类型。表示任何值，与any类似但更安全，因为对unknown未知值做任何事都是不合法的。- 返回一个新的lterator对象，包含了Map对象中每个元素的值。泛型可以理解为广泛的类型，通常用于类和函数，使用的时候再指定类型。他会将一个类型的所有属性值都映射到另一个类型上并创造一个新的类型。unknown与其他任何类型组成的交叉类型最后都是其他类型。-返回键对应的值，如果不存在，则返回undefined。
2022-09-12 08:25:22
199
原创 TypeScript函数和类的基本使用
函数是JavaScript应用程序的基础，在TypeScript中虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。1.匿名函数2.有名函数 | 命名函数 | 普通函数3.箭头函数4.接口类型。
2022-09-08 19:47:42
350
原创 TypeScript接口
借口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法。当出现使用type和interface声明同名的数据时;readonly与const的区别:做为变量使用的话用const，若做为属性则使用readonly。参数列表里的每个参数都需要名字和类型。type可以声明基本数据类型，联合类型，数组等;为了使用接口表示函数类型，需要给接口定义一个调用签名。定义:索引签名用于描述那些"道过索引得到"的类型。
2022-09-08 08:29:21
266
原创 TypeScript基础
ts是js的一个超集，支持ES6标准由微软开发的自由和开源的编程语言目标是开发大型应用，可以编译成纯js运行在任何浏览器上本质上向这个语言添加了可选的静态类型和基于类的面向对象编程TS优势更早的发现错误任何位置都有代码提示，增加开发效率类型系统提升了代码的可维护性，重构更容易·使用最新的ECMAScript语法，最新TS类型推断机制，降低成本开发环境搭建1.安装vSCode2.安装Node.js:使用命令node -v来检查nodejs版本3.安装TypeScript编译器:4.
2022-09-08 08:26:14
156
原创 symbol的使用、迭代器、生成器
迭代器也称遍历器（lterator）就是一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署lterator接口，就可以完成遍历操作。如何使用迭代器1、ES6创造了一种新的遍历命令 for...of循环，lterator接口主要供 for...of消费2、原生具备iterator接口的数据(可用for of遍历) a) Arraye) String对象的成员可以遍历，是因为该对象实现了lterator接口。比如数组对象:}
2022-09-03 12:16:37
298
原创 ES6基础
arrayObject.slice(start,end)方法返回一个新的数组，包含从start到end (不包括该元素，数学上来讲是左闭右开，即包含左，不含右)的arrayObject 中的元素。用扩展运算符对数组或者对象进行拷贝时，只能扩展和深拷贝第一层的值，对于第二层极其以后的值，扩展运算符将不能对其进行打散扩展，也不能对其进行深拷贝，即拷贝后和拷贝前第二层中的对象或者数组仍然引用的是同一个地址，其中一方改变，另一方也跟着改变。rest参数搭配的变量是一个数组，该变量将多余的参数放入数组中。
2022-09-01 18:59:35
248
原创 Bootstrap简述
栅格系统提供了基本的前缀，用于在不同宽度的屏幕中实现不同的排列方式，列的类名可以写多个，也就是可以同时设置.col-、.col-sm-、.col-md-、.co-/g-和.col-xl*类名。组件可以有自己的属性和方法。由于栅格系统就是默认将父元素分成12等份，所以可根据占据的份数来设置子元素的宽度，在设置列的宽度时，只需要在不同的类前缀后面加上栅格数量即可。栅格系统页面的内容可以放入这些创建好的布局容器中，并且会根据父元素盒子（布局容器)尺寸的大小进行适当地调节，从而达到响应式页面布局的效果。...
2022-08-18 21:39:46
2750
原创 Ajax简单介绍
客户端发送请求，请求交给XMLHttpRequest，XMLHttpRequest把请求提交给服务，服务器进行业务处理，服务器响应数据交给XMLHttpRequest对象，XMLHttpRequest对象接收数据，由javascript把数据写到页面上。XML和 HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全都是自定义标签，用来表示一些数据。用户使用起来会有不友好。就相当于当客户端发送给服务端请求时，在等待服务端响应的时候，客户端可以做其他的事情，这样节约了时间，提高了效率。.
2022-08-15 19:37:48
149
原创 事件绑定、动画、表单提交
get和post的区别：get被称为”明文“请求，传递的参数会暴露在地址栏中；post为”密文“传输，通过request body传递参数GET请求在URL中传送的参数是有长度限制的(一般为255个字符)，而POST请求没有长度限制。GET请求只能进行url编码，而POST支持多种编码方式get传输不安全，相对post比较安全...
2022-08-13 17:10:09
326
原创 jQuery
流行的JavaScript类库为了简化JavaScript的开发，一些JavsScript库就诞生了。JavaScript库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的 Web2.0特性的富客户端页面，并且兼容各大浏览器。特点：轻量级：封装后的库只有不到100k强大选择器：方便快速查找DOM元素隐式遍历（迭代）：一次操作多个元素读写合一：读数据/写数据有的是一个函数链式调用：可以通过 . 不断调用jQuery对象的方法事件处理DOM操作（CUD）样式操作动画。...
2022-08-11 21:27:39
154
原创 BOM浏览器对象
在进行窗口的resize、scroll、输出框内容校验等操纵的时候，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常之差。那么为了前端性能的优化也为了用户更好的体验，就可以采用防抖(debounce)和节流(throttle)的方式来到达这种效果，减少调用的频率。...
2022-08-09 16:17:08
166
原创 Web API与DOM
getAttribute()获取标签的属性的值(包括一些自定义属性的值)setAttribute()设置属性attributes:获取的是标签的自带的属性以及自定义属性(attributes["id"]）dataset:只能获取到data-**的属性。
2022-08-06 19:28:36
142
原创 冒泡排序、函数
函数声明式function 函数名(){//函数体}函数表达式（赋值式）var 函数名 = function() {//函数体}调用函数函数名();函数声明的时候，函数体并不会执行，只有当函数被调用的时候才会执行两种声明的区别：声明式可以先调用再声明，赋值式必须先声明再调用函数传参//定义有参数的函数function 函数名(参数1,参数2){//函数体}//调用带有参数的函数函数名(参数1,参数2);/*函数定义时：函数名后面的参数为形参(形式参数)......
2022-08-04 18:02:49
66
原创 【补充】Array对象、去重、创建比较函数实现排列
定义：数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。unshift() 向数组开头添加一个或多个元素，并返回新数组长度。sort() 将数组元素按序排序（默认升序），并返回新数组。push() 向数组末尾添加一个元素，返回新数组长度。shift() 删除数组第一个元素，并返回该元素。pop() 删除数组末尾元素，并返回该元素。reverse() 颠倒数组元素顺序，并返回新数组。...
2022-08-04 17:06:41
213
原创 常用内置对象
JavaScript中的对象分为3种：内置对象、浏览器对象、自定义对象JavaScript提供多个内置对象：Math/Array/NumberlString/Boolean...
2022-08-02 18:18:17
77
原创 三大基本结构、案例乘法口诀表
continue语句跳出本次循环，继续下次循环，直到循环结束。break语句跳出整个循环，不再循环；从上到下执行的代码就是顺序结构（根据不同的情况，执行代码。
2022-08-02 17:33:45
50
原创 音悦台网站项目总结
2)、auto-fill有时，单元格的大小是固定的，但是容器的大小不确定，auto-fill属性就会自动填充。eggrid-template-columns100pxauto100px（不写则默认auto）grid-template-rows100px100px100px100px(表示四行)grid-row-start/grid-row-end用来指定item的具体位置。eggrid-template-columns100px100px100px(表示三列)...
2022-08-01 21:19:37
71
原创 几种网页布局
网站布局是一种定义网站结构的模式(或框架)。它具有为网站所有者和用户构造网站上存在的信息的作用。它为网页内的导航提供了清晰的路径，并将网站的最重要元素置于网站的正面和中心。
2022-07-26 17:16:51
4794
原创 Sass混合器实现样式的重用和使用选择器继承精简CSS
如果你的整个网站中有几处小小的样式类似（例如一致的颜色和字体），那么使用变量来统一处理这种情况是非常不错的选择。但是当你的样式变得越来越复杂，你需要大段大段的重用样式的代码，独立的变量就没办法应付这种情况了。你可以通过sass的混合器实现大段样式的重用。混合器使用@mixin标识符定义。看上去很像其他的css@标识符，比如说@media或者@font-face。这个标识符给一大段样式赋予一个名字，这样你就可以轻易地通过引用这个名字重用这段样式。，和js的函数封装和调用相似。通过实现混合器的调用。...
2022-07-25 16:53:29
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人