加密什么是加密加密定义：以保证机密性的方式转换数据的过程。 为此，加密需要使用一个保密工具，称其为“密钥”。 加密密钥和任何其他加密密钥应具有一些属性： 为了保护机密性，密钥的值应难以猜测。 应该在单个上下文中使用它，避免在不同上下文中重复使用（类比 JS 作用域）。密钥重用会带来安全风险，如果规避了其机密性，则影响更大，因为它“解锁”了更敏感的数据。 加密分类 对称加密 非对称加密 对称加密 用相同的密钥对原文进行加密和解密，通信双方共用一个密钥 交易双方都使用同样钥匙，无法确保密钥 ...

新建项目目录结构 1234567891011121314151617181920212223242526272829303132333435363738.├── README.en.md├── README.md├── config│ ├── utils.js //工具类│ ├── webpack.base.js //webpack通用配置│ ├── webpack.dev.js //webpack dev环境配置│ └── webpack.prod.js// webpack p ...

任务调度scheduleWork 找到更新对应的 FiberRoot 节点 如果符合条件重置 stack 如果符合条件就请求工作调度 12345678910111213141516171819202122232425262728293031323334353637383940414243function scheduleWork( fiber: Fiber, //Fiber对象， expirationTime: ExpirationTime//创建更新时候计算的过期时间) &# ...

创建更新方式ReactDom.render12345678910111213render( element: React$Element<any>,//ReactElement container: DOMContainer,//要挂载的节点 callback: ?Function,//挂载之后调用的方法) { return legacyRenderSubtreeIntoContainer( null, element,//ReactElement ...

createElement ReactElement通过createElement创建 该方法需要传入三个参数： type config children 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869export function createElement(type, confi ...

Tapablewebpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable。Tapable暴露出挂载plugin的方法，使我们能将plugin控制在webapack事件流上运行， Compiler、Compilation等都是继承于Tabable类。 它有很多Hook（钩子）类，为插件提供挂载的钩子 12345678910111213exports.__esModule = true;exports.SyncHook = require("./ ...

Vuexmain.js 12345678910111213141516171819202122232425import Vue from 'vue'import store from './store/index'new Vue({ el: '#app', computed: { count(){ return store.state.count; } }, store, methods: { in ...

准备工作首先先到github下载最新的源码包 1$ yarn install 在安装模块的时候遇到报错 1$ yarn cache clean 之后再安装 启动1$ npm run build 起个服务打开/fixtures/packaging/，选择个调试的。建议选择fixtures/packaging/babel-standalone/dev.html比较好用 了解 requestAnimationFrame requestIdleCallback window.postMessage ...

补充事件改一下例子 main.js 12345678910111213141516171819202122232425262728import Vue from 'vue'import App from './App';Vue.config.productionTip = false/* eslint-disable no-new */new Vue({ el: '#app', data: function () { return { messa ...

路由注册改一下例子 main.js 123456789101112131415161718192021222324252627282930313233343536373839// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue'impo ...