下载安装 官方下载链接http://nginx.org/en/download.html,下载稳定版本下载到压缩包后直接压缩，然后双击nginx.exe即可启动任务管理器中可以看到是否启动成功 常用命令  启动 start nginx 查看配置是否正确 nginx -t -c conf/nginx.conf 快速关机 nginx -s stop 优雅的关机 nginx -s quit 重新加载配置文件 nginx -s reload 重新打开日志文件 nginx -s reopen  配置反向代理 在/nginx/conf/nginx.conf/修改  server { listen 1234...

CMD&AMD 在ES6之前，社区已经有了一些模块化方法，最主要的是用于Node端的CMD和用于浏览器端的AMD。 CMD 在CMD中，有一个全局性方法require()，用于加载模块。假定有一个数学模块math.js，就可以像下面这样加载。 var math = require('math'); math.add(2,3); // 5AMD AMD也采用require()语句加载模块，但是不同于CommonJS，它要求两个参数：require([module], callback);第一个参数[module]，是一个数组，里面的成员就是要加载的模块；第二个参数callback，则是加...

简介 高阶组件的概念应该是来源于JavaScript的高阶函数:高阶函数就是接受函数作为输入或者输出的函数。而高阶组件就仅仅是一个接受组件作为输入并返回组件的函数。通常实现高阶组件的方式有两种  属性代理 反向继承  属性代理 属性代理是通过包裹原来的组件来操作props，举个栗子 import React, { Component } from 'React'; //高阶组件定义 const HOC = (WrappedComponent) => class HOC extends Component { render() { return <WrappedComponent {...

String ref 实例 // string ref class MyComponent extends React.Component { componentDidMount() { this.refs.myRef.focus(); } render() { return <input ref="myRef" />; } } Callback ref 实例 // callback ref class MyComponent extends React.Component { componentDidMount() { this.myRef.focus(); ...

简述 对于常见编译型语言（例如：Java）来说，编译步骤分为：词法分析->语法分析->语义检查->代码优化和字节生成。对于解释型语言（例如JavaScript）来说，通过词法分析和语法分析得到语法树后，就可以开始解释执行了。 编译阶段 词法分析 词法分析是将字符流(char stream)转换为记号流(token stream)，就像英文句子一个个单词独立翻译，举例：代码：var result = testNum1 - testNum2;词法分析后 ： NAME "result" EQUALS NAME "testNum1" MINUS...

题目出自LeetCodehttps://leetcode-cn.com  有效的字母异位词 给定两个字符串 s 和 t ，编写一个函数来判断 t 是否是 s 的字母异位词。  示例 1:输入: s = "anagram", t = "nagaram"输出: true示例 2:输入: s = "rat", t = "car"输出: false   按照字典序排序，比较是否相等 数数字出现的次数 用一个哈希表 最后比较这两个哈希表是否相同  第一种  /** * @param {string} s * @param {...

查找打包入口文件  通过 npm scripts 运行 webpack  开发环境： npm run dev 生产环境：npm run build  通过 webpack 直接运行  webpack entry.js bundle.js   在命令行运行以上命令后，npm会让命令行工具进入node_modules.bin 目录查找是否存在 webpack.sh 或者 webpack.cmd 文件，如果存在，就执行，不存在，就抛出错误。实际的入口文件是：node_modules\webpack\bin\webpack.js webpack.js process.exitCode = 0; //1...

简述 传统diff两棵树的算法时间复杂度很高，是O(n^3)，Vue与React都对它们的diff算法做了优化。 Vue diff 开始比较  比较父节点是同一节点的那一层子节点 最大的根节点一开始可以直接比较  比较流程  先找到不需要移动的相同节点 再找到需要移动的相同节点 最后找不到，删除新建一个节点  修改DOM树这里会存在三棵树，一颗页面DOM树，一颗是旧的VNode树，一颗是新的VNode树。页面DOM 树和旧VNode 树 节点一一对应的。进行比较的过程中不会对这两棵Vode树进行修改，而是以比较的结果直接对真实DOM进行修改 React diff diff策略  Web UI ...

computed 主要用来计算，缓存值，当所依赖的值发生了变化才会更新 <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p> </div> var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: ...

总结一下，以便忘了回头看看 响应式数据 主要用到Object.defineProperty这个API，改写对象属性的get属性和set属性。 function defineReactive(obj, key, value) { Object.defineProperty(obj, key, { enumerable: true, configurable: true, get: () => { console.log(`${key}属性被读`) return value }, set: (newValue) => { if (value === newValue) { return...

题目出自LeetCodehttps://leetcode-cn.com  给定一个只包括 '('，')'，'{'，'}'，'['，']' 的字符串，判断字符串是否有效。 有效字符串需满足： 左括号必须用相同类型的右括号闭合。左括号必须以正确的顺序闭合。注意空字符串可被认为是有效字符串。 var isValid = function(s) { var arr = s.split('') var stack = [] for(let i = 0;i<arr.length;i++){ if(stack.length===0){ stack.push(arr[i]) }else{ let top...

题目出自LeetCodehttps://leetcode-cn.com  反转链表 var reverseList = function(head){ var cur = head; var pre = null; while(cur != null){ var temp = cur.next; cur.next = pre; pre = cur; cur = temp; } return pre; }两两交换链表的节点 var swapPairs = function(head) { if(head == null || head.next ==null){ return head } le...

简介 实现一个简单的Redux，以便更好地理解Redux state coust state = { count:1 } state.count = 2 console.log(state.count)//2这样就可以直接改变state里面的值，但是改变state里面的值后没有人知道呀，所以引入发布订阅模式 subcribe const listeners = [] function subscribe(listener){ listeners.push(listener) } subcribe(()=>{ state.count = count }) function setCount...

js中把方法挂载在原型链上会有什么缺点呢