amuist_ting的博客

hoos规则： hooks通常放在组件顶部 hooks不能写在if语句里面 1.useState(initState) 用于为函数组件引入状态state 可接受状态的初始值作为参数 返回一个数组，数组的第一个成员是一个变量，指向状态的当前值；数组的第二个成员是一个函数，用来更新状态； 注意点： setState() 不一定是同步的，为了提升性能，React会批量执行state更新和DOM渲染 setState() 并不会立即改变state，而是创建一个即将处理的state 不要依赖s

使用webview标签是为了在主页面中嵌入其他web页面内容，类似小窗口 使用webview 1.主窗口对应的页面index.html 其中使用<webview>标签，src引入需要内嵌的web页面路径，可以是本地文件，也可以是远程请求，例如src=“https://www.douyin.com/”，引入抖音官网主页 然后通过<script>引入渲染脚本 2.主窗口主进程入口文件main.js 该文件中，创建主窗口，并在创建过程中 通过设置webPref.

拖放是HTML5标准的组成部分 链接和图片默认时可拖动的，但是其他元素如果需要可拖动，需要设置draggable属性为true ----在拖拽目标上触发的事件 ondragstart 用户开始拖动元素时触发 ondrag 元素正在拖动时触发 ondragend 用户完成元素拖动后触发 ----在释放目标上触发的事件 ondragenter 当鼠标拖动的对象进入目标容器范围内时触发 ondragover 当鼠标拖动的对象在目标容器范围内拖动时触发 ondragleave

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言HTML的第五次重大修改 新增特性：语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性、三维、图形以及特效特性、性能与集成特性、地理定位、设备权限与功能、css3特性 ----H5新增的语义结构标签 article 定义页面独立的内容区域。 aside 定义页面的侧边栏内容。 figure 规定独立的流内容（图像、图表、照片、代码等等）。 figcaption 定义 <figure>

一、通过props和emit 子组件无法直接使用父组件的data数据，但是可以通过prop属性来获取并使用 1.父组件作用域中使用子组件时 给子组件标签上绑定要使用的父组件数据属性 2.子组件内部设置props 注册属性 props可以是数组或对象 例如 props: ['msg'] props是对象时，有4个属性，type为属性的数据类型，default为属性默认值，required是否必填,validator(){} 校验 如果props接收的是一个对象，需要注意，传递的其实

动态组件 1.设置动态组件引用，直接使用<component></component>标签 绑定is属性 即 :is="组件名" 表示使用的是哪个组件，如果是局部组件，使用前要先注册 动态组件状态维持 1.多个动态组件在使用时，如果某个组件内部带有输入框或者其他input，在输入完值后，切换了新的组件，再切回来时，之前输入的值就没了，如果想要维持之前输入过后的数据状态，那么需要使用<keep-alive>来进行状态维持 2.在&l

一般来说，组件大致可以分为三类： 1.页面级别的组件 通常是pages目录下的.vue组件，是组成整个项目的一个大的页面，一般不会有对外的接口 2.业务上可复用的基础组件 通常是在业务中被各个页面服用的组件，这一类组件通常都写到components目录下，然后通过import在各个页面中使用，这一类组件通常是实现某个功能 3.与业务无关的独立组件 通常是与业务功能无关的独立组件，这类组件通常是作为基础组件，在各个业务组件或页面组件中被使用 ----组件创建 组件的使用分为组件构造、注册组件、

事务发展 从开始到结束 就是一个完整的生命周期 钩子hook 通知 => 执行 预先准备好 触发就做 回调callback 等待 => 执行 Vue实例的生命周期 beforeCreate => created => beforeMount => mounted => beforeUpdate => updated => beforeDestroy => destroyed 创建阶段beforeCreate => created =&g..

----基础指令和内容插值 Mustache插值语法 {{ 插值 }} 插值可以为变量 或者 表达式 v-once 只渲染一次 v-text 不识别html标签 相当于 innerText 会将指定变量的值作为标签内容显示 v-text会等vue实例完成初始化才会生效 v-html 识别html标签 相当于innerHTML v-cloak 隐藏插值标签 在vue实例化完成后 v-cloak会自动删掉 [v-cloak] { display: none;} 可设置样式 防止在网络不好等因素

SPA单页面应用 单页面应用指的是应用只有一个主页面，通过动态的替换DOM内容并同步修改url地址，来模拟多页面应用的效果，切换页面的功能直接由前台脚本完成，而不是由后端渲染完成后前端只负责展示 ----路由 路由是URL到函数的映射 路由分为后端路由和前端路由 --后端路由 服务器端路由，对于服务器来说，当接收到客户端发来的http请求，就会根据请求的URL，来找到相应的映射函数，然后执行该函数，并将函数的返回值发送给客户端 优点：安全性好，SEO好 缺点：加大服务器的压力，不利于用户体验

webpack是一种打包工具 ----安装 npm install webpack webpack-cli webpack-dev-server -D ----webpack配置文件 可命名 webpack.config.js 单个总的配置文件 也可以拆分成3个配置文件，另建文件夹config，新建3个配置文件：webpack.common.js、webpack.dev.js、webpack.prod.js 其中，webpack.common.js配置文件中存放一些开发环境和生产环境公用的配置；

Promise是异步编程的一种解决方案 Promise，就是一个容器，里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果；从语法上说，Promise是一个对象，从它可以获取异步操作的消息；Promise提供统一的API，各种异步操作都可以用同样的方法进行处理 Promise对象有以下2个特点： 1.对象的状态不受外界影响；Promise对象代表一个异步操作，有三种状态：pending(进行中)、fufilled(已成功)、rejected(已失败)；只有异步操作的结果，可以决定当前是哪一种状

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值，它是javascript的第七种数据类型，前6种是：undefined、null、布尔值Boolean、字符串String、数值Number、对象Object Symbol值通过Symbol函数生成 Symbol函数前不能使用new命令，否则会报错；这是因为生成的Symbol是一个原始类型的值，不是对象；也就是说，由于Symbol值不是对象，所以不能添加属性 Symbol函数可以接收一个字符串作为参数，表示对Symbol实例的描述，主

Proxy用于修改某些操作的默认行为；可以理解为在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写 例如，上述对一个空对象架设了一层拦截，重定义了属性的get和set行为 ----Proxy构造函数 Proxy对象的所有用法，都是上面这种形式，不同的只是handler参数的写法 new Proxy()表示生成一个Proxy实例，target参数表示所要拦截的目标对象，handler参数也是一个对象，用来定制拦截行.

ES6引入了Class类的概念，作为对象的模板，通过class关键字，可以定义类；基本上，ES6的class可以看作只是一个语法糖 constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法；一个类必须有contructor方法，如果没有显示定义，一个空的constructor方法会被默认添加 类的实例 与ES5一样，类的所有实例共享一个原型对象 可以通过实例的__proto__属性为类添加方法 可以通过Object.getProptotypeOf()方法.

ECMAScript5 2009年12月正式发布的ECMAScript5.1就是常说的es5 ECMAScript6 2015年6月正式发步 正式名为ECMAScript2015 声明命令let和const ----let声明符 ES6新增了let命令，用来声明变量；用let声明的变量，只在let命令所在的代码块内有效 var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错 es6..

----Object.getOwnPropertyNames() 方法返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组 ----Object.getPrototypeOf() 方法返回指定对象的原型（内部[[Prototype]]属性的值） ----Object.getOwnPropertyDescriptors() 方法用来获取一个对象的所有自身属性的描述符 ----Object.getOwnPropertyDescriptor()..

每个实例对象都有一个私有属性(proto)指向它的构造函数的原型对象prototype；该原型对象也有一个自己的原型对象，层层向上直到一个对象的原型对象为null；根据定义，null没有原型，并作为这个原型链中的最后一个环节 1.原型链继承 基本思想：利用原型让一个引用类型继承另一个引用类型的属性和方法 核心：原型链对象变成父类实例，子类就可以调用父类方法和属性 优点：实现简单 缺点：引用类型值的原型属性会被所有实例共享；不能向父类传递参数 2.借用构造函数继承 核心：子类构造函数内部调.

创建对象 1.简单方式 const person = new Object() person.name = 'Jack' person.age = 18 person.sayName = function () { console.log(this.name) } 2.字面量 const person = { name: 'Jack', age: 18, sayName: function () { console.log(this.name) } } 3.工厂函数 ...

Function方法 ----call(thisObj, arg1, arg2,....) 调用一个对象的一个方法，以另一个对象替换当前对象 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj ----apply(thisObj, [argsArray]) 类似call()方法，区别在于call()方法接收参数列表，ap