高级配置   多入口文件   （1）   common.js 修改入口      （2）   修改prod的output 设置动态属性名 后缀加上hash变量      （3）   common里的plugins实例要生成生成两个      chunks如果不写，这两个html默认就是把入口两个文件都引入 所以需要写一下       抽离CSS文件   之前所有css都通过style-loader放进了style里    但线上这样就不太好哈 还是得抽离一下     1.使用minicssextractplugin.loader加载   2.在plugins里抽离     ...

之前没太关注的一个是小细节，随手整理一下：       require/exports   import/export      require是Commonjs的规范   遵从commonjs的规范     import是es6为js模块化提出的新的语法   import （导入）要与export（导出）结合使用      function test (args) {   // body...   console.log(args); }   module.exports = { &...

一、基本配置   拆分配置和merge   安装 webpack-merge  新建三个文件夹 分别是common dev prod   在dev prod里，通过merge的smart方法，引入common.js  const { smart } = require('webpack-merge') module.exports = smart(webpackCommonConf, {....}    common   const path = require('path'...

webpack 有四个核心部分      entry 规定入口文件，一个或者多个  output 规定输出文件的位置  loader 各个类型的转换工具  plugin 打包过程中各种自定义功能的插件    基础配置   初始化环境   新建 src 目录并在其中新建 index.js ，随便写点 console.log('index js') 。然后根目录创建 webpack.config.js ，内容如下 const path = require('path') module.ex...

Node使用的事件驱动编程：       事件驱动模型主要包含3个对象：事件源、事件和事件处理程序。         事件源：产生事件的地方(html元素)    事件：点击/鼠标操作/键盘操作等等    事件对象：当某个事件发生时，可能会产生一个事件对象，该时间对象会封装好该事件的信息，传递给事件处理程序    事件处理程序：响应用户事件的代码      Node.js的单线程并不是真正的单线程，只是开启了单个线程进行业务处理（cpu的运算），同时开启了其他线程专门处理I/O。当一个指令到达主线...

在使用node.js时，用 Node.js 时，我们不仅仅 在实现一个应用，同时还实现了整个 HTTP 服务器。事实上，我们的 Web 应用以及对应的 Web 服务器基本上是一样的。   一、Nodejs认识   node.js应用组成：       引入 required 模块   可以使用 require 指令来载入 Node.js 模块     创建服务器   服务器可以监听客户端的请求，类似于 Apache 、Nginx 等 HTTP 服务器     接收请求与响应请求   服务器很容易创建，客户端可以使用浏览器或终端发送 HTTP 请求，服务器接收请求后返回响应数...

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。         如图所示，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。       认识webpack   一个例子：   使用 webpack 命令来打包/runoob1.js 得到bundle.js   webpack runoob1.js bundle.js    bundle.js输出信息：   ‘    第二个例子：   我们更新1.js  让它依赖于2.js 在1.js中写入：   doc...

重点题目   考察了异步 和 合并                    （AJAX就是放在DOM渲染完的时候）

一、JSX本质   JSX等同于Vue的模板   Vue模板不是html 而是一个render函数  JXS也不是JS 本质就是createElement函数      React.createElement类似于h函数，但传参不同，子元素可以不写成数组 返回的也是node   第一个参数不一定是tag名 也可以是组件名 如Input(React中组件名首字母必须大写！）   用void(0) 代表this               style:               加载组件：               事件               列表            二、合...

Nodejs是一个js的运行环境   可以运行在服务器 作为web server   也可以运行在本地 作为打包 构建工具   Nodejs运行在服务端 而非浏览器环境 开发思路和前端不一样    nodejs 和 js对比   ECMAScript：定义了语法 NS 和 JS都要遵守的规则 什么变量啊循环啊balabala  都是语法上的东西    但不能操作DOM 也不能监听事件 也不能处理http   JS = ES语法规范+Web API    Nodejs=ES语法规范+nodejs API      commonjs：模块化规范   使用mo...

和Vuex相同 当学习成本更高     基本概念  单向数据流  react-redux  异步action  中间件   /**  * 这是一个 reducer，形式为 (state, action) => state 的纯函数。  * 描述了 action 如何把 state 转变成下一个 state。  *  * state 的形式取决于你，可以是基本类型、数组、对象、  *&nbsp...

一、基本使用   JSX基本使用   state就是vue里的data：    constructor(props) {         super(props)         this.state = {             name: '双越',  ...

 Object.defineProperty 做深度监听需要一次性递归 而且无法监听新增/删除属性 也无法原生监听数组   使用Proxy就能解决这些问题   constp= new Proxy(target,handler)   target：要使用 Proxy 包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。  handler：一个通常以函数作为属性的对象，各属性中的函数分别定义了在执行各种操作时代理 p 的行为。    简单来说：   是new了一个proxydata 这个proxydata就是已经被监听了的    receiver就是pr...

整理一下答案：   因为组件本质上一个类 我们每使用一个组件 就是对其进行了一次实例化 如果data不是函数的话，每个实例化对data的修改都会互相影响 只有把data写成函数 才不会互相影响