JavaScript
文章平均质量分 83
JavaScript
JRealcs
cool shade stunner
展开
-
18_eslint
https://eslint.bootcss.com/docs/user-guide/getting-started5 添加 eslint 命令6 .eslintrc* 里面的 rules 中配置“off” 或 0 - 关闭规则“warn” 或 1 - 开启规则,使用警告级别的错误:warn (不会导致程序退出)“error” 或 2 - 开启规则,使用错误级别的错误:error (当被触发的时候,程序会退出)7 运行 eslint 命令 npm run eslint[外链图片转存中…原创 2022-10-30 13:48:46 · 255 阅读 · 0 评论 -
15_TypeScript
函数的形参名不要求一样,只要参数个数和类型相同就可以参数个数不能多也不能少在项目根目录创建env.d.ts文件里面写:export {// ComponentCustomOptions这个接口名是固定的 // abc选项是可选的 abc?(to : number , from : number) : string } } // 如果直接写,那么会覆盖原来的ComponentCustomOptions // 如果你要扩展,这个文件里面要有import 或者 export。原创 2022-10-19 23:34:09 · 322 阅读 · 0 评论 -
8_vuex全局状态管理
【代码】8_vuex全局状态管理。原创 2022-10-14 21:06:13 · 418 阅读 · 0 评论 -
7_axios请求
请求拦截器(在发送请求前,使用函数对请求的参数和内容进行处理和检测,若请求有问题可直接进行拦截->取消,后进先执行=则后面的请求拦截器先执行)响应拦截器(对响应的结果预处理,先进先执行=前面的响应拦截器先执行)data:响应体的结果(服务器响应的结果,进行了json解析);④ 成功的回调函数,传递的默认是config(也必须是)3)请求转换器:对请求头和请求体数据进行特定处理的函数。③ 失败的回调函数,传递的默认是error。④ 失败的回调函数,传递的默认是error。① 在请求得到响应后执行的回调函数。原创 2022-10-14 21:05:40 · 254 阅读 · 0 评论 -
6_组合式API
hook 本质是一个函数,把 setup 函数中使用的 Composition API 进行了封装。类似于 vue2 中的mixin// 说白了就是函数的封装、复用 // hooks/useXxx.js 文件 export default function() {// 一些公共的逻辑 return xxx } // 组件文件 import useXxx from "@/hooks/useXxx.js" setup() {原创 2022-10-14 21:04:34 · 662 阅读 · 0 评论 -
5_数据共享
在数据接收方,调用 bus.on(‘事件名称’, 事件处理函数) 方法注册一个自定义事件。在封装组件时,为了让组件的使用者可以监听到组件内状态的变化,此时需要用到组件的自定义事件。声明自定义事件触发自定义事件监听自定义事件开发者为自定义组件封装的自定义事件,必须事先在 emits 节点中声明在 emits 节点下声明的自定义事件,可以通过 this.$emit(‘自定义事件的名称’) 方法进行触发在使用自定义的组件时,可以通过 v-on 的形式监听自定义事件。原创 2022-10-14 21:03:38 · 174 阅读 · 0 评论 -
3_组件
props 是组件的自定义属性,组件的使用者可以通过 props 把数据传递到子组件内部,供子组件内部进行使用。代码示例如下:props 的作用:父组件通过 props 向子组件传递要展示的数据。props 的好处:提高了组件的复用性。原创 2022-10-07 16:21:50 · 150 阅读 · 0 评论 -
2_指令
指令是vue为开发者提供的,用于辅助开发者渲染页面的基本结构。原创 2022-10-07 16:20:51 · 310 阅读 · 0 评论 -
1_介绍
单页面应用程序(英文名:Single Page Application)简称 SPA,顾名思义,指的是一个 Web 网站中只有唯一的一个 HTML 页面,所有的功能与交互都在这唯一的一个页面内完成。 组件化开发指的是:根据封装的思想,把页面上可重用的部分封装为组件,从而方便项目的开发和维护。原创 2022-10-07 16:20:20 · 276 阅读 · 0 评论 -
27_Git&GitHub
指令: git reset --hard Head^指令: git reset --hard Head。指令: git reset --hard 版本号。查看当前版本之前的历史版本。原创 2022-09-25 13:20:23 · 278 阅读 · 0 评论 -
26_Token&Mongodb
MongoDB是一个基于分布式文件存储的数据库由C++编写主要为WEB应用提供可扩展的高性能数据存储解决方案。特点:高性能、易部署、易使用、存储数据非常方便。原创 2022-09-23 23:14:37 · 625 阅读 · 0 评论 -
25_Express框架
官网:https://www.expressjs.com.cn/基于 Node.js 平台,快速、开放、极简的 Web 开发框架。原创 2022-09-23 23:13:56 · 150 阅读 · 0 评论 -
24_Node.js
/ 在这个文件里面定义一个模块,里面都是操作数字的方法 function add() {console . log("我是a模块里面的add方法") } function cut() {原创 2022-09-17 17:04:06 · 711 阅读 · 0 评论 -
23_HTTP&cookie&跨域
http。原创 2022-09-15 22:04:05 · 136 阅读 · 0 评论 -
22_Promise解决回调地狱
什么是回调函数?就是把函数 A 当作参数传递到 函数 B 中在函数 B 中以行参的方式进行调用为什么需要回调函数ajaxsuccess。原创 2022-09-11 16:33:14 · 68 阅读 · 0 评论 -
21_Ajax
Ajax上面就是有了一个 ajax 对象我们就可以使用这个 对象来发送 ajax 请求了2.配置链接信息上面的代码执行完毕以后,本次请求的基本配置信息就写完了3.发送请求上面代码是把配置好信息的 ajax 对象发送到服务端4.一个基本的 Ajax 请求一个最基本的 ajax 请求就是上面三步但是光有上面的三个步骤,我们确实能把请求发送的到服务端如果服务端正常的话,响应也能回到客户端但是我们拿不到响应如果想拿到响应,我们有两个前提条件本次 HTTP 请求是成功的原创 2022-09-11 16:32:42 · 423 阅读 · 0 评论 -
20_路由
路由(router)的本质就是一种 对应关系根据不同的URL请求,返回对应不同的资源url地址和资源之间的对应关系url地址: 就是我们一直说的网址资源:html页面,json文件,图片,视频,…就是路由。原创 2022-09-06 22:53:48 · 289 阅读 · 0 评论 -
19_设计模式
针对“特定问题”,给出的简洁而优化的处理方案一个设计模式A只能解决A类型问题针对B类型的问题,设计模式A解决不了同一个问题,在不同的位置,是不一定能用同一个方案解决的设计模式,只在特定的情况,特定的时期,针对特定的问题使用市面上的设计模式创建型模式:工厂方法模式,单例模式…结构型模式:组合模式,适配器模式…行为型模式:观察者模式,中介者模式…原创 2022-09-06 22:53:17 · 59 阅读 · 0 评论 -
18_闭包&继承
按照函数名的地址找到函数的存储空间形参赋值预解析在内存中开辟一个执行空间将函数存储空间中的代码拿出来在刚刚开辟的执行空间中执行执行完毕后,内存中开辟的执行空间销毁console . log('我是 fn 函数') } fn()函数执行的时候会开辟一个执行空间(我们暂且叫他xxff00)console.log('我是 fn 函数')这个代码就是在xxff00这个空间中执行代码执行完毕以后,这个xxff00空间就销毁了。原创 2022-09-04 14:32:26 · 209 阅读 · 0 评论 -
17_Vue底层&深浅拷贝
他们的目的都是为了实现响应式什么是响应式?原创 2022-09-04 14:31:50 · 119 阅读 · 0 评论 -
16_面向对象
工厂函数需要经历三个步骤手动创建对象手动添加成员手动返回对象构造函数会比工厂函数简单一点自动创建对象手动添加成员自动返回对象先书写一个构造函数在构造函数内向对象添加一些成员使用这个构造函数创造一个对象(和 new 连用)构造函数可以创建对象,并且创建一个带有属性和方法的对象面向对象就是要想办法找到一个有属性和方法的对象面向对象就是我们自己制造构造函数的过程// 1. 先创造一个构造函数 function Person(name , gender) {原创 2022-08-24 23:25:40 · 84 阅读 · 0 评论 -
15_运动函数&轮播图
下一个位置 = 当前位置 + 速度要用定时器,先清定时器匀速运动,速度最好是偶数缓动,速度是剩余路程的10。原创 2022-08-23 16:46:49 · 87 阅读 · 0 评论 -
14_正则表达式
正则表达式,又名 “规则表达式”由我们自己来书写 “规则”,专门用来检测是否符合 “规则” 使用的我们使用一些特殊的字符或者符号定义一个 “规则公式”,然后用我们定义好的 “规则公式” 去检测字符串是不是合格regstr1str2。原创 2022-08-23 16:46:08 · 278 阅读 · 0 评论 -
13_ES5&ES6
函数内部的 this 指向谁,取决于函数的调用方式全局定义的函数直接调用,原创 2022-08-23 16:45:16 · 61 阅读 · 0 评论 -
12_事件
/ 给div注册自定义的轻触事件,可以不适用click事件,就没有300ms的延迟。综上所述,我们以后在每一个事件里面,想获取事件对象的时候,都用兼容写法。// 可以实现,给指定元素发生tap事件的时候,执行指定的事件处理函数。向一个指定的事件目标派发一个事件,可以是原生事件也可以是自定义事件。// 指定元素el,在发生左滑事件的时候,执行fn这个事件处理函数。// 指定元素el,在发生右滑事件的时候,执行fn这个事件处理函数。// 指定事件源发生指定类型事件的时候,执行指定的事件处理函数。原创 2022-08-23 16:44:17 · 81 阅读 · 0 评论 -
11_DOM
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xyBv9PYr-1672410515498)(C:\Users\JReal\AppData\Roaming\Typora\typora-user-images\image-20221005233645026.png)]原创 2022-08-15 00:54:42 · 161 阅读 · 0 评论 -
10_BOM
和 这两个方法分别是用来获取浏览器窗口的宽度和高度(包含滚动条的)三、弹框 提示框 是在浏览器弹出一个提示框[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jDphBLFe-1672410469637)(https://note.youdao.com/yws/res/764/WEBRESOURCE36791fd956f946eb97559544b5057667)]这个弹出层知识一个提示内容,只有一个确定按钮点击确定按钮以后,这个提示框就消失了 是在浏览器弹出一个原创 2022-08-13 13:38:54 · 116 阅读 · 0 评论 -
9_Date
传递五个数字,前四个不变,第五个表示的是该小时的多少分钟,从 0 到 59。传递六个数字,前五个不变,第六个表示该分钟的多少秒,从 0 到 59。- 4个小时包含的毫秒数,剩下的就是不够一个小时的毫秒数。用不够一个小时的毫秒数除以一分钟的毫秒数就能得到多少分钟了。用不够一天的毫秒数除以一小时的毫秒数,就能得到多少小时了。减去两天所包含的毫秒数,剩下的就是不够一天的毫秒数。用总的毫秒数除以一天的毫秒数,就能得到多少天了。两个时间相减,得到两个时间点之间相差的毫秒数。最后,同理减去整秒的数,剩下的就是毫秒数。原创 2022-08-12 00:28:13 · 158 阅读 · 0 评论 -
8_Math
方法可以在数字转成字符串的时候给出一个进制数。得到的是你传入的几个数字之中最大的那个数字。得到的是你传入的几个数字之中最小的那个数字。每次执行生成的数字都不一样,但是一定是。生成的数字包含 0 ,但是不包含 1。这个方法是用来生成一个。是返回一个数字的绝对值。原创 2022-08-12 00:27:43 · 66 阅读 · 0 评论 -
7_字符串
这两个方法分别使用用来给字符串转成 小写字母 和 大写字母 的。想开启严格模式,直接在代码最开始的位置写上字符串。就是返回对应索引位置的 unicode 编码。如果没有对应的索引,那么就会返回 空字符串。lastIndexOf 从后往前找对应索引。声明式函数调用的时候函数内部没有 this。是找到字符串中指定索引位置的内容返回。// 下面代码书写就要按照严格模式来书写。,包含开始索引,不包含结束索引。就是按照字符找到对应的索引。是用来截取字符串使用的。也是用来截取字符串的。函数的形参不可以重复。原创 2022-08-12 00:27:11 · 66 阅读 · 0 评论 -
6_数组
什么是数组?字面理解就是其实不太准确,准确的来说数组是一个也就是我们把一些数据放在一个盒子里面,按照顺序排好这个东西就是一个数组,存储着一些数据的集合。原创 2022-08-08 21:26:02 · 73 阅读 · 0 评论 -
5_对象
对象是一个复杂数据类型其实说是复杂,但是没有很复杂,只不过是存储了一些基本数据类型的一个集合这里的{}和函数中的{}不一样函数里面的是写代码的,而对象里面是写一些数据的{}里面的每一个键都是一个成员也就是说,我们可以把一些数据放在一个对象里面,那么他们就互不干扰了其实就是我们准备一个房子,把我们想要的数据放进去,然后把房子的地址给到变量名,当我们需要某一个数据的时候,就可以根据变量名里面存储的地址找到对应的房子,然后去房子里面找到对应的数据。原创 2022-08-05 21:30:19 · 55 阅读 · 0 评论 -
4_函数
定义阶段就是我们把代码放在盒子里面我们就要学习怎么放进去,也就是书写一个函数我们有两种定义方式声明式和赋值式。原创 2022-08-05 21:29:28 · 80 阅读 · 0 评论 -
3_循环结构
比如:吃五个包子,到第三个的时候,第三个掉地下了,不吃了,跳过第三个,继续吃第四个和第五个。因为满足条件就执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就一直循环下去了。时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了。比如:我要吃五个包子,吃到三个的时候,不能在吃了,我就停止吃包子这个事情。在循环没有进行完毕的时候,因为我设置的条件满足,提前终止循环。循环是,先不管条件,先执行一回,然后在开始进行条件判断。在循环中,把循环的本次跳过去,继续执行后续的循环。跳过本次循环,就可以使用。原创 2022-08-03 23:21:28 · 69 阅读 · 0 评论 -
2_逻辑分支
基本一致,只不过是在所有条件都不满足的时候,执行最后 else 后面的。,只会有一个被执行,一旦有一个条件为 true 了,后面的就不在判断了。可以通过 if 和 else if 来设置多个条件进行判断。通过一个 if 语句来决定代码执行与否。例子: 根据变量给出的数字显示是星期几。通过 if 条件来决定,执行哪一个。里面的条件是否成立来决定。内的代码一定有一个会执行。会从头开始依次判断条件。也是条件判断语句的一种。是对于某一个变量的判断。原创 2022-08-02 18:48:42 · 75 阅读 · 0 评论 -
1_JS基础语法
/ 定义一个变量 var num;// 给一个变量赋值 num = 100;// 定义一个变量的同时给其赋值 var num2 = 200;注意:一个变量名只能存储一个值当再次给一个变量赋值的时候,前面一次的值就没有了变量名称区分大小写(JS 区分大小写)原创 2022-08-01 22:52:45 · 65 阅读 · 0 评论