maidu_xbd的博客

1、定义区别：箭头函数语法比普通函数更加简洁普通函数使用关键字function定义。箭头函数：如果没有参数，直接写一个()；如果一个参数，可以省略()；如果多个参数，逗号分割。如果函数体中只有return返回语句或者只有一句代码，return和{}可以省略。2this指向区别箭头函数没有自己的this，箭头函数内部 this 始终指向创建时所在作用域指向的对象。call，apply，bind方法改变不了箭头函数的指向。普通函数：直接调用时指向全局对象；

当访问项目的时候，你访问的是nginxIpAddress:3000，nginx将你的请求映射到项目的真实地址A，同理项目中的接口请求例如nginxIpAddress:3000/api/*，nginx将接口请求映射到接口服务的真实地址B。保障了传输过程的安全性。将原本要请求的服务地址，改为请求nginx服务器，利用nginx地址映射将请求映射到真实的服务地址，同时需要添加两个响应头信息，一个是Access-Control-Allow-Origin，Access-Control-Allow-Methods。

当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。DOCTYPE>声明位于文档中的最前面，位于标签之前，即告知浏览器的解析器，用什么文档类型规范来解析这个文档。html语义化可以让页面的内容结构化，便于浏览器解析和搜索引擎解析，并提高代码的可维护性和可重用性，语义化标签如等。锚点是文档中某行的一个记号，类似于书签，用于链接到文档中的某个位置。

问题描述：点击编辑按钮，出现el-input框（el-input显示隐藏通过v-if控制）解决方法：方法1：添加nextTick函数，因为使用了v-if执行;方法2：v-if替换为v-show。道理简单，却总是容易忽略，警戒！

css匹配的规则是从右往左开始匹配，如果嵌套的层级更多，页面中的元素更多，那么匹配所要花费的时间代价自然更高，所以我们在编写选择器的时候，可以遵循以下规则：不要嵌套使用过多复杂选择器，最好不要三层以上；声音样式属性：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、 pitch、pitch-range、stress、richness、、azimuth、elevation。

路由是根据不同的 URL 地址展示不同的内容或页面，在 SPA 应用中，大部分页面结果不改变，只改变部分内容的使用。一个路由其实就是一个映射关系。前端路由常见的两种模式：hash和historyhash模式：路由上会有个#号，#后面 hash 值的变化，并不会导致浏览器向服务器发出请求，浏览器不发出请求，也就不会刷新页面。使用 Javascript 来对 location.hash 进行赋值，改变 URL 的hash值，每次 hash 值的变化，会触发hashchange 这个事件。

pubsub是一个用Javascript编写的基于主题的发布/订阅库，适用于任意组件间的通信，需要先订阅再发布 ，在组件即将卸载时钩子函数中进行取消订阅。(3) PubSub.publish('update', data): 发布消息, 触发订阅的回调函数调用。(1) import PubSub from 'pubsub-js' // 引入。(4) PubSub.unsubscribe(token): 取消消息的订阅。2. 下载: 【npm install pubsub-js --save】

方式一：在package.json中添加proxy【 "proxy":"http://localhost:5000" 】创建代理配置文件，在src下创建配置文件：src/setupProxy.js。案例代码【App.jsx】

state放在哪个组件：如果某个组件组件使用:放在其自身的state中。如果某些组件使用：放在他们共同的父组件state中（官方称此操作为状态提升）状态（state）在哪，操作状态的方法就在哪里。

【index.js】--将APP组件渲染到页面。%PUBLIC_URL%代表public目录。【index.html】--应用入口文件。【Hello组件/Welcome组件】3.hello_react示例。

React 中为我们提供了一些生命周期钩子函数，让我们能在 React 执行的重要阶段，在钩子函数中做一些事情。新的生命周期 对于 旧的生命周期 ，废弃（即将废弃）了 三个 生命钩子: componentWillMount、componentWillReceiveProps、componentWillUpdate；新提出了两个生命钩子：getDerivedStateFromProps(获取派生状态)、getSnapshotBeforeUpdate（存快照，比如用于存放滚动条更新前位置）

思路：将大文件切成小片异步上传可以解决大文件上传过慢的问题，但如果文件很大时，采用一次性异步上传，会在同一时间产生过多的请求，后端服务器处理不过来，导致请求异常。因此将文件切成小片后，再分组上传，比如一组10个切片，等待10个切片的请求上传完成后，再接着下一组，以此减轻对服务器的压力。

react是用于构建用户界面的javaScript 库，是一个将数据渲染为HTML视图的开源 JavaScript库由FaceBook软件工程师Jordan Walke创建，2013年5月宣布开源。原生js的痛点-原生JS通过DOM Api操作DOM繁琐、效率低；浏览器会进行大量的重绘重排；原生JS没有组件化编码方案，代码复用率低。react 特点：采用组件化模式、声明式编码，提高开发效率及组件复用率。React Native 中可以使用 React语法进行移动端开发使用虚拟DOM （

函数A内部有一个函数B，函数B可以访问到函数A中的变量，那么函数B就是闭包。

offsetTop（图像距离顶部的高度）-scrollTop(页面被卷去的高度)

（1）JavaScript最初没有专门的继承，所以最初JavaScript推崇函数式的编程，然后进行统一组合桥接到一起。（2）express中创建get等方法：express中有get，post，put等七八个方法，如何方便快速地创建。应用示例：（1）创建不同的选项效果，有一组菜单，上面每种选项都有不同的选中效果。，继承的好处是可以自动获得父类的内容与接口，方便统一化。一系列弹窗，每个弹窗的行为，大小，文字都不同；，组合的好处是耦合低，方便方法复用，方便扩展。定义一系列的骨架，简化后面类似操作的内容。

把不同的模块拆分为不同的类，给类定义不同的方法；最后把不同的类组合在最终的使用类里。好的封装（不可见、留接口）：①变量外部不可见；封装的目的：①定义变量不会污染外部；②能作为一个模块调用；（1）多彩的弹窗：弹窗有多种，它们之间存在内容和颜色上的差异。为了避免重复新建，避免多个对象存在互相干扰。vue-router。当某一个对象需要经常创建的时候。当要创建单个、庞大的组合对象时。需要确保全局只有一个对象。需要组合出一个全局对象。

建造者模式-精细化组合对象，需要大量参数，且内部模块庞大;桥接模式-独立出来，然后再对接过去，减少耦合度；单例模式-全局只能有一个实例化对象；数据访问模式-一个方便的数据管理器。职责链模式-像生产线一样组织模块；等待者模式-等你们都回来再吃饭；观察者模式-我作为第三方转发；委托模式-让别人代替你收快递；适配器模式-用适配代替更改；外观模式-给你的一个套餐；享元模式-共享来减少数量；状态模式-用状态代替判断；惰性模式-我要搞机器学习；工厂模式-大量创建对象;命令模式-用命令解耦；策略模式-算法工厂；

解决方法：子元素width:50%;padding设置为百分比时是相对父元素的宽度计算的。问题：实现一个边长为父元素宽度一半的正方形。

当我们把Array自身的toString()方法通过delete Array.prototype.toString删除之后，再次使用它时，发现Array原型上没有toString()方法，会往__proto__属性指向的对象上去找，找到并使用了Object原型上的toString()，也便将Object上的toString()方法作用在数组上，得出其数据类型[object Array]Object.toString最终通过原型链调用的是Function.prototype.toString。