qq_60602244的博客

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

vue3的composition API

组件之间的通信方式。

目录Mock.js的使用1.安装2.配置3.引入4.使用5.常用语法Mock.js的使用Mock.js用于随机生成一些数据。原理是对请求进行了拦截，并未发送真是的向服务端的请求。这里只讲在Vue中的使用。1.安装npm install mock.js2.配置在src下创建mockjs文件夹，再创建index.js文件。在index.js中对mock进行配置及模拟数据。import Mock from 'mockjs'// 模拟get请求，实际是对真是请求的拦截// (注意这里的ur

目录一、用到的知识1.vue二、搭建过程1.购买云服务器2.配置服务器3.连接服务器4.上传文件5.安装nginx6.配置nginx7.启动nginx三、遇到的一些问题1.网页的背景图片加载不出来问题解决2.访问加载速度慢四、总结记录第一次部署自己的网页到云服务器上。虽然还没完成，并且实际的样子和理想的样子也还有很大差距，但是收获还是很多，中间遇到了很多问题也花了很多时间才解决。一、用到的知识1.vue页面是使用vue全家桶搭建的，这里不讨论其中的只是以及前端三件套。主要说说项目部署云服务器的

目录迭代器1.什么是迭代器2.迭代器的基本使用3.可迭代对象4.内置可迭代对象5.可迭代对象的应用6.自定义类的迭代7.迭代器的中断生成器1.生成器函数2.生成器函数执行3.生成器传递参数4.生成器提前结束5.生成器抛出异常6.生成器替代迭代器7.异步代码的处理方案迭代器1.什么是迭代器迭代器是帮助我们对某个数据结构进行遍历的对象。在JavaScript中，迭代器也是一个具体的对象，这个对象需要符合迭代器协议，那么在js中这个标准就是一个特定的next方法；next方法有如下要求：next

目录ES6一、class定义类1.类的声明2.constructor3.实例方法4.类的访问器方法5.类的静态方法6.继承7.super关键字二、字面量的增强1.属性的简写2.方法的简写3.计算属性名三、解构赋值1.数组的解构2.对象的解构四、var、const、let1.var2.const3.let五、模板字符串1.基本使用2.标签模板字符串六、函数的参数1.函数的默认参数2.函数的剩余参数3.箭头函数的补充七、展开运算符八、数值的表示九、Symbol1.Symbol的使用十、Set1.Set的基本使用

目录Promise详解一、Promise的基本使用二、Pormise的三种状态三、resolve的参数1.传入普通的值或对象2.传入一个Promise3.传入实现了then的对象四、Promise的实例方法1.then方法(1)then的参数(2)then被多次调用(3)then的返回值2.catch方法(1)catch的基本使用(2)catch被多次调用(3)catch的返回值3.finally方法五、Promise的类方法1.resolve方法2.rejest方法3.all方法4.allSettled方

目录JavaScript对象一、对象的创建二、对属性操作的控制1.Object.defineProperty2.属性描述符分类(1)数据属性描述符(2)存储属性描述符三、对象方法补充1.获取对象的属性描述符2.禁止对象扩展新属性3.不允许配置和删除属性4.不允许修改现有属性四、创建多个对象的方案1.工厂模式2.构造函数(1)认识构造函数(2)new操作符调用的作用3. 构造函数和原型组合五、原型与原型链1.隐式原型2.显式原型3.constructor属性4.图解(1)创建对象的内存表现(2)将原型对象赋值

目录一、基本步骤1.创建组件构造器2.注册组件3.使用组件二、全局组件与局部组件三、父组件与子组件四、注册组件的语法糖五、组件模板抽离六、组件中的数据存放问题七、父子组件的通讯1.通过props向子组件传递数据(1)props的值有两种方式(2)驼峰标识问题2.通过事件向父组件发送消息3.父组件访问子组件4.子组件访问父组件(了解)5.slot插槽(1)默认插槽(2)具名插槽(3)作用域插槽一、基本步骤1.创建组件构造器调用Vue.extend()方法创建组件构造器。通常在创建组件构造器时，传

看的尚硅谷的教学视频学习的，笔记从中整理的。目录初始Vue模板语法1.增值语法2.指令语法数据绑定data与el的2种写法1.el2种写法2.data2种写法MVVM模型数据代理事件处理1.事件的基本使用2.事件修饰符3.键盘事件属性计算监视1.监视属性(watch)2.深度监视属性3.监视属性简写4.computed和watch之间的区别5.两个重要的小原则绑定样式1.class样式2.style样式条件渲染1.v-if2.v-show列表渲染1.列表基本2.key的原理3.列表过滤4.列表排序数据.

目录ES6变量1.let2.const解构赋值模板字符串箭头函数参数默认值rest参数扩展运算符Symbol1.基本使用2.Symbol 内置值迭代器(Iterator)生成器Promiseset(集合)Map数值扩展模块化开发1.模块化的好处2.模块化规范产品3.ES6 模块化语法4.实例Object.defineproperty方法ES71.Array.prototype.includes2.指数操作符(幂运算)ES8ES6变量1.let变量不能重复声明;声明的范围是块级作用域；不存在变量

BOM一、BOM概述1.BOM ( Browser Object Model )即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window.2.BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。3.BOM缺乏标准, JavaScript语法的标准化组织是ECMA . DOM的标准化组织是W3C , BOM最初是Netscape浏览器标准的一部分。浏览器对象模型把浏览器当作一个对象来看待BOM的顶级对象是windowBOM学习

目录DOM简介获取页面中的元素1.根据ID获取2.根据标签名获取(1)document.getElementsByTagName('标签名')(2)element.getElementsByTagName('标签名')3.通过HTML5新增方式获取(1)getElementByClassName(2)querySelector(3)querySelectorAll4.特殊元素的获取(1)获取body元素(2)获取html元素执行事件的步骤1.获取事件源2.注册事件（绑定事件）3.添加事件处理程序（采取函数赋

目录jQuery一、jQuery的概念二、基本使用1.jQuery的入口函数2.jQuery对象和DOM对象三、jQuery选择器1.基础选择器2.层级选择器3.筛选选择器4.筛选方法隐式迭代（重要）链式编程排他思想事件切换四、jQuery样式操作1.操作css方法2.设置类样式方法(1)添加类(2)移除类(3)切换类五、jQuery效果1.显示隐藏效果(1)显示效果(2)隐藏效果(2)显示隐藏切换效果2.滑动效果(1)下滑效果(2)上滑效果(3)滑动效果3.自定义动画animate4.动画队列及其停止排队

目录数据类型1.分类2.判断typeofinstanceof===3.数据相关问题关于赋值和内存的问题关于引用变量赋值问题关于数据传递问题内存管理对象什么是对象?为什么要用对象?对象的组成如何访问对象内部数据?什么时候必须使用['属性名']的方式?函数基础回调函数匿名函数自调用函数中的this类1.类的创建2.constructor构造函数3.继承4.super()5.注意点构造函数和原型1.构造函数2.构造函数原型prototype3.对象原型 _ _ proto_ _4.constructor构造函数5

目录数组1.创建数组(1)利用new创建数组(2)利用数组字面量创建数组2.获取数组元素3.数组长度4.新增数组元素5.检测是否为数组(1)instanceof(2)Array.ifArray(参数)6.添加和删除数组元素的方法(1)push()(2)unshift()(3)pop()(4)shift()7.数组排序(1)数组翻转(2)数组排序8.数组索引方法9.数组转换为字符串(1)toString()(2)join(分隔符)10.例子基本包装类型字符串的不可变函数1.声明函数2.调用函数3.函数形参和实