- 博客(25)
- 收藏
- 关注
RSS订阅原创 yield 与 yield*介绍
注意：next()可以带一个参数，该参数会被认为是上一个yield整体的返回值参看第4个console.log()图片中的1、2、3、4、5、6 对应以上的console.log()顺序。
2023-10-30 16:41:55
280
原创 ES6新特性之Proxy对象
在ES2015的标准中新增了一个Proxy，用于修改某些操作的默认行为，等同于在语言层面作出的修改，所以说这是属于一种元编程 ，（meta programming），即对编程语言进行编程。Proxy对象用于创建一个对象的“代理”，从而实现基本能操作的拦截和自定义(如属性查找、赋值、枚举、函数调用等)。Proxy的语法结构如下所示：target：要使用Proxy 代理的目标对象(可以是任何类型的对象，包括原生数组，函数，甚至另一个代理)。
2023-10-30 15:43:41
563
原创 cookie和session的作用和区别
Session会在服务器端创建一个会话对象，为每个用户分配一个独一无二的标识符，通过Cookie等方式将其发送给客户端浏览器，当用户再次访问服务器时，服务器会通过这个标识符查询是否存在对应的会话对象，从而重新找回用户之前的状态。Cookie通常是由服务器发送给客户端的小文件，存储在客户端上，是以文本方式存储的，其作用是为用户提供持久化的数据存储功能。它主要用来记录用户在访问网站时的一些信息，如用户名、密码、信用卡号等敏感数据，通过将这些数据存储在Cookie中，可以使网站的登录、购物车等功能更为便捷。
2023-10-30 09:50:23
87
原创 MVC模式以及MVVC模式
模型-视图-控制器（MVC）是一种常见的软件架构模式，它用于将应用程序的不同部分分离开来，以实现更好的可维护性和可扩展性。MVC模式由以下三个主要组件组成：模型（Model）：模型代表应用程序中的数据和业务逻辑。它负责管理数据的状态和提供对数据的操作方法。模型可以是数据库对象、文件、网络请求等。视图（View）：视图是用户界面的呈现部分，负责展示数据给用户。它通常是由HTML、CSS等前端技术创建的。视图不包含业务逻辑，仅仅用于展示数据。
2023-10-23 14:51:21
231
原创 Promise的方法解析
Promise.all(iterable)：将多个 Promise 对象组合成一个 Promise 对象，当所有 Promise 对象都成功解析时，该 Promise 对象的状态变为 resolved，返回一个包含所有 Promise 对象解析结果的数组；Promise.race(iterable)：将多个 Promise 对象组合成一个 Promise 对象，当任何一个 Promise 对象解析成功或失败时，该 Promise 对象的状态就会跟随第一个解析的 Promise 对象的状态。
2023-10-17 16:16:50
44
原创 微信小程序的学习进程以及入口文件的配置详解
这样，在小程序初始化时，只会加载主包的代码，当需要使用子包的功能时，再动态加载对应的子包，以减少初次加载所需的时间和网络流量。需要注意的是，子包中的页面路径和组件路径，需要以各自子包的根目录作为起点进行相对路径的定义。定义小程序的页面路径列表，数组中的每一项都是字符串，对应小程序中的一个页面。可以在该函数中进行页面数据的刷新、状态的更新等操作，以保证用户看到的内容与最新的数据保持一致。当小程序的代码量较大时，可以通过分包加载将代码分散到不同的子包中，以优化小程序的加载性能。当小程序从前台切换到后台时触发。
2023-10-17 14:49:41
216
原创 解决跨域问题的几种方法
JSONP是一种利用标签来实现跨域数据传输的方法。通过在请求URL中添加一个回调函数名的参数，服务器将返回一个包裹在该回调函数中的JSON数据，从而实现跨域数据的获取。
2023-10-16 17:03:33
55
1
原创 使用vite脚手架创建一个vue3的项目，使用typrscript、vuex、axios、sass、element-plus、vue-router等技术，并配置好路由守卫和路由拦截以及封装好axios
/ js// jsenv: {},extends: [],},node: {},},},rules: {'error',},],},这样你就成功地创建了一个 Vue3 项目，并集成了 TypeScript、Vite、Vuex、Axios、Sass、Element Plus 和 Vue Router，并配置好了路由守卫、路由拦截和 Axios 封装。
2023-10-16 15:53:23
232
1
原创 js事件监听
在Javascript中，浏览器一般分为两大类：1) 基于IE内核的浏览器（版本号小于9的IE浏览器）2) 基于W3C内核的浏览器（版本号大于9的IE浏览器、Firefox、Google等浏览器）
2023-10-13 16:29:23
39
原创 网页状态码汇总
504——关口过载，服务器使用另一个关口或服务来响应用户，等待时间设定值较长。205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件。3xx：重定向响应类，为了完成指定的动作，必须接受进一步处理。408——客户端没有在用户指定的饿时间内完成请求。305——请求的资源必须从服务器指定的地址得到。412——一个或多个请求头字段在当前请求中错误。505——服务器不支持或拒绝支请求头中指定的。413——请求的资源大于服务器允许的大小。409——对当前资源状态，请求不能完成。
2023-10-13 16:18:53
99
原创 关于redirect和forward的区别
forward：是服务器请求资源,服务器直接访问目标地址的URL,把那个URL的响应内容读取过来,然后把这些内容再发给浏览器.浏览器根本不知道服务器发送的内容从哪里来的,所以它的地址栏还是原来的地址。redirect：是服务端根据逻辑,发送一个状态码,告诉浏览器重新去请求那个地址.所以地址栏显示的是新的URL。
2023-10-13 16:04:58
24
原创 DOS常用命令
磁盘操作系统，DOS命令又分内部命令和外部命令。内部命令又称为驻机命令，它是随着DOS系统的启动同时被加载到内存里且长驻内存。也就是说，只要启动了DOS系统，我们就可以使用内部命令。外部命令是储存在磁盘上的可执行文件，执行这些外部命令需要从磁盘将其文件调入内存，因此，外部命令只有该文件存在时才能使用。带有.COM、.EXE、.BAT等扩展名的文件都可看成是外部命令。
2023-10-13 15:36:50
82
原创 正则表达式
"[a-d]"：表示一个字符串包含小写的'a'到'd'中的一个（相当于"a¦b¦c¦d"或者"[abcd]"）；"^The"：表示所有以"The"开始的字符串（"There"，"The cat"等）；"^abc$"：表示开始和结尾都是"abc"的字符串——呵呵，只有"abc"自己了；"a.[0-9]"：表示一个字符串有一个"a"后面跟着一个任意字符和一个数字；"(a¦b)*c"：表示一串"a""b"混合的字符串后面跟一个"c"；"[ab]"：表示一个字符串有一个"a"或"b"（相当于"a¦b"）；
2023-10-13 10:04:28
22
原创 堆和栈详解
不是的，因为 Java 在编译程序时，必须明确的知道存储在栈里的东西的生命周期，否则就没法释放旧的内存来开辟新的内存空间存放引用。以上代码在运行时就会创建两个对象——“我是对象张三"和"我是对象李四”；在 Java 中，尽管一切都可以看做是对象，但计算机操作的并非对象本身，而是对象的引用。当需要一个对象时，只需要通过 new 关键字写一行代码即可，当执行这行代码时，会自动在内存的“堆”区分配空间——这样就很灵活。“引用”之于对象，就好比刀刃之于刀身，对象还没有创建，又怎么存在对象的“引用”呢？
2023-10-13 09:56:10
26
原创 作用域链与原型链的详解
所以这个叫做arguments的东西也是个对象，而且是一个特殊的对象，它的属性名是按照传入参数的序列来的，第1个参数的属性名是’0’，第2个参数的属性名是’1’，以此类推，并且它还有length属性，存储的是当前传入函数参数的个数，很多时候我们把这种对象叫做类数组对象。最后我们还可以看到arguments还有一个叫做callee的属性，这个属性是表示的是当前函数的一个引用，简单点说，这个属性里面存储的我们调用的这个函数的代码，实在无法理解的时候，又到了console.log大显身手的时候了。
2023-10-13 09:39:00
209
原创 JS事件绑定/事件监听/事件委托详细介绍
所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在实际的代码中 我们可能用到jQuery的live()、delegate()、bind()、on()等。说明传统的事件绑定无法对动态添加的元素而动态的添加事件。说明事件委托可以为新添加的DOM元素动态的添加事件。事件委托可以显著的提高事件的处理速度，减少内存的占用。关于事件监听，W3C规范中定义了3个事件阶段，依次是捕获阶段、目标阶段、冒泡阶段。事件委托就是利用冒泡的原理，把事件加到父元素或祖先元素上，触发执行效果。
2023-10-13 09:26:42
711
原创 ES6语法新特性
ES6 引入了一种新的语法，使得在对象字面量中定义方法变得更加容易。这种语法被称为对象字面量方法定义。在 ES5 中，你需要使用函数表达式或者命名函数来定义对象的方法。例如：// ...},// ...在 ES6 中，你可以使用更简单的语法来定义对象的方法。例如：// ...},// ...这样，你只需声明一个函数，并将其作为对象的属性，就可以在对象中定义方法了。对象字面量方法定义语法还支持使用 this 关键字来引用对象属性。// 输出：'value'
2023-10-13 09:19:52
219
原创 web 存储
cookie大小不能超过4k，每个域能够设置的cookie总数也是有限的，但不同浏览器限制不同，如果cookie超过单个域的上限，浏览器则会删除之前设置的cookie,可以使用设置子cookie的方式绕开浏览器对每个域cookie数量的限制。那就给每次新的用户请求时，给它颁发一个身份证（独一无二）吧，下次访问，必须带上身份证，这样服务器就会知道是谁来访问了，针对不同用户，做出不同的响应，这就是Cookie的原理。用于跟踪用户的浏览记录，并且根据收集的用户的浏览习惯，给用户推送相关的广告。
2023-10-13 08:59:05
34
原创 对象中常用的方法
/ [Array(2) Array(2)]对象中的每个可枚举的键值对,转为数组返回一个二维数组。get() { // 当我们获取obj的name属性值的时候，会触发GETTER函数，方法返回的值就是获取的属性值。//Object.assign(obj1,obj2,...) 合并两个(或多个)对象,让obj2及以后的对象替换obj1中的内容,返回obj1。Object.isSealed(obj) // true 不允许添加或删除对象中的属性,但允许修改对象中存在的属性。// false不可扩展。
2023-10-13 08:50:57
159
原创 数组的常用方法
(1) arr.indexOf (ele,fromIndex),从fromIndex这个下标开始,元素第一次出现的位置。映射,该方法使用和forEach大致相同,但是该方法有返回值,返回一个新数组,新数组的长度和原数组长度相等。删除或增加元素(任意在任何位置,直接改变原数组,返回的是被删除元素组成的新数组或者空数组)判断数组中有没有符合条件的项(只要有,就返回true),如果一个都没有,才返回false。从start下标开始,删除0个,并在该位置添加item,start开始全部往后移动。
2023-10-12 17:40:21
30
原创 字符串的常用方法
返回一个字符串匹配正则表达式的结果,如果未设置全局匹配，则会返回第一个完整匹配及其相关的捕获组，捕获组中包含有groups、index、input等属性。判断字符串中是否包含指定字符，如果包含则返回该字符索引的位置(查找到了立即返回)，如果不包含则返回-1。使用正则表达式查找指定字符串，如果找到则返回首次匹配成功的索引，没有找到则返回-1。删除一个字符串两端的空白字符，并返回删除后的新字符串，不会改变原有字符串。此方法没有参数，会将调用该方法的字符串值转为小写形式，并返回。
2023-10-12 17:26:03
24
原创 Math的常用方法
获取n到m之间的随机数:Math.random()*(m-n)+n;如果传的实参中包含字符串，就变成数字，如果是非有效数字，就直接略过。正数的话，还是正常的。d、取[min,max]的随机整数时使用如下公式。c、取[min,max]的随机整数时使用以下公式。a、Math.random是取[0,1]的数；向上取整，无论是正数还是负数，都取最大的值。向下取整，无论是正数还是负数，都取最小的值。返回Math.E的num次幂。返回num的power次幂。返回num的自然对数。返回y/x的反正切值。
2023-10-12 17:16:17
37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人