- 博客(243)
- 收藏
- 关注
RSS订阅原创 js原型对象
一般来说，如果需要访问构造函数内部的私有变量，我们可以定义在函数内部， 其他情况我们可以定义在函数的原型。prototype对象里面有一个constructor方法，该方法指向原型对象。构造函数创建完，会挂载一个prototype属性，即prototype对象，- 挂载在函数内部的方法，实例化对象内部会复制构造函数的方法。- 挂载在内部和原型上的方法都是可以通过实例去调用的。- 挂载在原型上的方汰，不会去复制。:所有js对象都会携带这个属性。
2023-05-21 23:59:02
183
原创 js中的类
在JS中不会检查参数的类型，所以这就意味着任何数据都可以作为参数传递。直接添加到对象中的属性，并不安全，因为它们可以被任意的修改？1.私有化数据:将需要保护的数据设置为私有，只能在类内部使用。要调用某个函数，无需指定的类型，只要对象满足某些条件即可。console.log(p1.属性名)对象不仅存储属性，还要负责数据的安全。对象就是一个用来储存不同属相的容器。return this.#属性。set 属性名(参数){p1.属性名=‘lll’1.属性私有化，加 #this.#属性=参数。get 属性名(){
2023-05-20 22:36:07
767
原创 ES6模块化
模块化就是把单独的一个功能封装到一个模块(文件)中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块ES6模块化规范中定义:每个js文件都是一个独立的模块导入模块成员使用 import 关键字暴露模块成员使用 export 关键字使用方法：第三步：项目跟目录创建文件 babel.config.js并在这个js问件中添加以下代码。
2023-05-07 17:42:22
567
原创 ES6的一些知识
ES6 引入 rest 参数，用于获取函数的实参，用来代替 arguments。扩展运算符能将[数组]转换为逗号分隔的[参数序列]
2023-05-05 20:59:23
57
原创 同源策略与跨域
同源:协议、域名、端口号 必须完全相同。违背同源策略就是跨域。例如：协议：http或者是https域名：www.xxx.com端口号：80，8000等。同源：同一个来源。
2023-04-15 23:46:22
225
原创 vue基础知识
备注: Vue中有很多的指令，且形式都是: v-?6.{{xxx}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性。1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象new Vue;写法: {{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。举例: v-bind:href="xxx”或 简写为 :href=“xxx”，xxx同样要写is表达式，且可以直接读取到data中的所有属性。功能:用于解析标签(包括: 标签属性、标签体内容、绑定事件…
2023-04-11 21:34:51
759
原创 JWT 认证机制
总结:用户的信息通过 Token 字符串的形式，保存在客户端浏览器中。服务器通过还原 Token 字符串的形式来认证用户的身份。JWT (英文全称: JSON Web Token)是目前最流行的跨域认证解决方案。
2023-04-11 15:52:46
239
原创 session认证机制
HTTP协议的无状态性，指的是客户端的每次 HTTP 请求都是独立的，连续多个请求之间没有直接的关系，服务器不会主动保留每次 HTTP 请求的状态。随后，当客户端浏览器每次请求服务器的时候，浏览器会自动将身份认证相关的 Cookie，通过请求头的形式发送给服务器，服务器即可验明客户端的身份。客户端第一次请求服务器的时候，服务器通过响应头的形式，向客户端发送一个身份认证的 Cookie，客户端会自动将 Cookie 保存在浏览器中。Cookie 是存储在用户浏览器中的一段不超过 4 KB 的字符串。
2023-04-09 20:34:17
324
原创 mysql基础知识
mysql模块是托管于 npm 上的第三方模块。在使用 mysql 模块操作 MySQL 数据库之前，COUNT(*)函数用于返回查询结果的。当有多个值需要插入的时候。出现这个说明正常运行。
2023-04-07 18:44:27
262
原创 http模块与包管理
在网络节点中，负责消费资源的电脑，叫做客户端;负责对外提供网络资源的电脑，叫做服务器。http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer( )方法，就能方便的把一台普通的电脑，变成一台Web 服务器，从而对外提供 Web 资源服务.如果要希望使用http 模块创建Web 服务器，则需要先导入它.
2023-03-31 14:50:15
156
原创 http协议基本知识
通信协议(Communication Protocol) 是指通信的双方完成通信所必须遵守的规则和约定通俗的理解: 通信双方采用约定好的格式来发送和接收消息，这种事先约定好的通信格式，就叫做通信协议.与李四采用写信的方式进行通信，在填写信封时，写信的双方需要遵守固定的规则。信封的填写规则就是一种通信协议。客户端与服务器之间要实现网页内容的传输，则通信的双方。网页内容又叫做超文本，因此网页内容的传输协议又叫做超文本传输协议 (HyperText Transfer Protocol)简称HTTP协议。
2023-03-28 11:07:56
315
原创 【无标题】
MDN 官方给定的概念:同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。同源指的是两个 URL的协议、域名、端口一致，反之，则是跨域.出现跨域的根本原因: 浏览器的同源策略不允许非同源的 URL之间进行资源的交互。CORS:出现的较晚，它是W3C标准，属于跨域 Ajax 请求的根本解决方案。现如今，实现跨域数据请求，最主要的两种解决方案，分别是JSONP 和CORS。不受浏览器同源策略的影响，可以通过 src 属性，请求非同源的js 脚本。因此，JSONP 的实现原理，就是通过。
2023-03-27 21:09:16
641
原创 axios的基本使用
Axios是专注于网络数据请求的库相比于原生的XMLHttpRequest 对象，axios 简单易用相比于jQuery，axios 更加轻量化，只专注于网络数据请求。
2023-03-27 19:40:53
73
原创 art-template模板引擎
则可以在{ { } }中使用 if …/if 的方式，进行按需输出。等操作，这种{ { } }语法在 art-template中被称为标准语法。如果要输出的 value 值中，包含了 HTML 标签结构，则需要使用。语法，才能保证 HTML 标签被正常渲染。这种语法格式，在{ { } }内可以进行。art-template 提供了。在{ { } }语法中，可以进行。
2023-03-22 23:18:10
416
原创 ajax的基本知识
相比于 $.get() 和 $.post() 函数，jQuery 中提供的 $.ajax() 函数，jQuery中$.post()函数的功能单一，专门用来发起post 请求，从而向服务器提交数据。是一个功能比较综合的函数，它允许我们对Ajax请求进行更详细的配置。data参数要发送到服务器的。
2023-03-17 15:42:03
126
原创 jQury基本知识
仓库: 可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找到就可以了。JavaScript库:即 library，是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等简单理解:就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。
2023-03-17 11:30:50
700
原创 js防抖和节流
2: 当鼠标每次滑动都先判断是否有定时器了，如果有定时器先清除以前的定时器。节流是，你一直触发你的，但是我不管，我自己隔一段时间就执行一次。只需用户最后一次输入完，再发送请求。防抖是你一直触发，我等你不触发了，过段时间再执行。3:如果没有定时器则开启定时器，记得存到变量里面。防抖:单位时间内，频繁触发事件，只执行最后一次。举个栗子:王者荣耀回城，只要被打断就需要重新来。节流:单位时间内，频繁触发事件，只执行一次。王者荣耀技能冷却，期间无法续释放技能。4:在定时器里面调用要执行的函数。
2023-03-17 10:11:48
287
原创 js异常处理
异常处理是指预估代码执行过程中可能发生的错误， 然后最大程度的避免错误的发生导致整个程序无法继续运行1.throw 抛出异常信息，程序也会2.throw后面跟的是错误提示信息3.-Error 对象配合throw 使用，能够设置更详细的错误信息。
2023-03-16 12:31:38
55
原创 js深浅拷贝
3.通过JSON.stringify()实现。深拷贝: 拷贝的是对象，不是地址。如果一个函数在内部可以调用。，那么这个函数就是递归函数。首先浅拷贝和深拷贝只针对。1.通过递归实现深拷贝。
2023-03-16 11:53:55
250
原创 js String常用方法
判断一个字符串是否包含在另一个字符串中，根据情况返回true或false(重点。实例方法 ncludes(搜索的字符审[，检测位置索引号])实例方法 touppercase 用于将字母转换成大写。实例方法 replace 用于替换字符串，支持正则匹配。实例方法 toLowerCase 用于将就转换成小写。实例方法 match 用于查找字符串，支持正则匹配。实例方法 endswith 检测是否以某字符结尾。实例方法 indexof 检测是否包含某字符。
2023-03-13 21:34:04
262
原创 js动态参数arguments和剩余参数、展开运算符
arguments 是函数内部内置的伪数组变量，它包含了调用函数时传入的所有实参。由此观之，arguments是一个伪数组，里面存储的是函数传进去的。1.arguments的作用是动态获取函数的实参。arguments是一个伪数组，只存在于函数中。2.可以通过for循环依次得到传递过来的实参。
2023-03-06 12:42:13
750
原创 js变量和函数提升
变量提升是JavaScript 中比较“奇怪”的现象，它允许在变量声明之前即被访问 (仅存在于var声明变量)2.变量在var声明之前即被访问，变量的值为 undefined。代码在执行之前，先去检测当前作用域下所有var声明的变量。并把var声明的变量，提升到当前作用域的最前面。3.let/const声明的变量不存在变量提升。1.变量在未声明即被访问时会报语法错误。5.实际开发中推荐先声明再访问变量。4.变量提升出现在相同作用域当中。只提升变量，不提升赋值。
2023-03-06 11:50:02
347
原创 js闭包..
一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域。简单理解:闭包=内层函数 + 外层函数的变量。内层函数f，用到了外层函数的a，这就是闭包。的返回值是函数innner。实际调用执行inner。第二步：将函数outer;第一步：执行outer();
2023-03-06 11:27:33
48
原创 js垃圾回收机制
2.堆(操作系统):一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。IE采用的引用计数算法，定义“内存不再使用’就是看一个对象是否有指向它的引用，没有引用了就回收对象。1.栈(操作系统):由操作系统自动分配释放函数的参数值、局部变量等，基本数据类型放到栈里面。现代浏览器通用的大多是基于标记清除算法的某些改进算法，总体思想都是一致的。1.内存分配:当我们声明变量、函数、对象的时候，系统会自动为他们分配内存。3.内存回收: 使用完毕，由垃圾回收器自动回收不再使用的内存。1.跟踪记录被引用的次数。
2023-03-05 18:01:29
426
原创 js作用域和作用域链
在lavaScript 中使用包裹的代码称为代码块，代码块内部声明的变量外部将[有可能] 无法被访问。1.let 声明的变量会产生块作用域，var 不会产生块作用域。在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。3.子作用域能够访问父作用域，父级作用域无法访问子级作用域。在函数被执行时，会优先查找当前函数作用域中查找变量。4.函数执行完毕后，函数内部的变量实际被清空了。1.函数内部声明的变量，在函数外部无法被访问。3.不同函数内部声明的变量无法互相访问。2.函数的参数也是函数内部的局部变量。
2023-03-05 17:25:01
270
原创 js正则表达式以及元字符
正则表达式(Regular Expression)是用于匹配字符串中字符组合的。通常用来查找、替换那些符合正则表达式的文本，许多语言都支持正则表达式。字符串中提取我们想要的部分(提取)在Javacript中，
2023-03-04 12:09:42
603
原创 js本地存储
3、容量较大，sessionStorage和localStorage约 5M 左右。2、设置、读取方便、甚至页面刷新不丢失数据。用法跟localStorage 基本相同。在同一个窗口(页面)下数据可以共享。1、数据存储在用户浏览器中。生命周期为关闭浏览器窗口。好像是把全部内容都删了。以键值对的形式存储使用。
2023-02-27 23:30:08
63
原创 js事件循环eventloop
前一个任务结束后再执行后一个任务，程序的执行顺序与任务的排列顺序是一致的、同步的。比如做饭的同步做法: 我们要烧水煮饭，等水开了 (10分钟之后)，再去切菜，炒菜。于是，JS 中出现了同步和异步。你在做一件事情时，因为这件事情会花费很长时间，在做这件事的同时，你还可以去处理其他事情。比如做饭的异步做法，我们在烧水的同时，利用这10分钟，去切菜，炒菜。3.一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。1.先执行执行栈中的。
2023-02-27 18:55:58
47
原创 bom。。。
像document、alert)、consle.log)这些都是window的属性，基本BOM的属性和方法都是window的。window对象是一个全局对象，也可以说是JavaScript中的顶级对象。BOM(Browser object Model)是浏览器对象模型。定义在全局作用域中的变量、函数都会变成window对象的属性和方法。window对象下的属性和方法调用的时候可以省略window。
2023-02-27 17:51:42
47
原创 事件流、事件冒泡、阻止冒泡
当一个元素的事件被触发时，同样的事件将会在该元素的所有祖先元素中依次被触发。这一过程被称为事件冒泡。可以理解成海底压强大，气泡小，快到海平面时，压强小，气泡大。点击一下：只会弹出儿子了，其他不再弹出。默认会出现冒泡事件：从小到大！
2023-02-21 22:32:18
336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人