JSON Server — 模拟服务器
说明最近自己在写一个React页面功能，想要更接近实际的项目开发，所以希望模拟请求api接口并返回数据，也希望能够像真实操作数据库一样（增删改查）。了解到JSON Server可以实现，所以就学习和使用了它。开发结束后遂整理成此文，方便以后回顾。《JSON Server》git官方文档使用背景在开发中，后端的接口往往是较晚出来的，但是有时候我们必须给前端页面一些虚假的数据去开发，这个时候一些...
此内容被密码保护
请输入密码访问
webpack— Plugins
什么是plugin?plugin 可以在 webpack 运行到某个时刻的时候，帮你做一些事情。 使用 plugins 可以让打包更便捷。常用的plugin：HtmlWebpackPluginCleanWebpackPlugin1. HtmlWebpackPlugin作用HtmlWebpackPlugin会在打包结束后，(以template文件为模板)自动生成一个html文件，并把打包生成的...
webpack学习—使用 Loader 打包静态资源
使用 Loader 打包图片官方文档《file-loader》官方文档《url-loader》使用 Loader 打包静态资源（样式）1. css文件使用loader：css-loader、style-loader。module.exports = {
module: {
rules: [
{
test: /\.css$/i,
use:...
webpack学习—Loader
1. 为什么需要Loaderwebpack默认只能直接打包js文件，无法打包其他格式的资源，如图片、文本等。但是webpack允许我们使用loaders对文件进行预处理，则你可以打包任何静态资源了。你还可以轻松地使用Node.js编写自己的loaders。2. 什么是loadersLoaders是应用于模块源代码上的转换。它们允许您在import或 “load” 文件时对文件进行预处理。加载...
webpack学习—概念、安装、配置文件
说明最近开始学习webpack，今天阅读了英文版的官方文档的《Getting Started》，且自己操作了一遍，并摘抄整理成笔记，记录成此文。后续将继续更新webpack系列的学习笔记。
js 中的 this 小结
this相关内容总结，比如如何正确判断 this？箭头函数的 this 是什么？流程图【必须牢记】图中的流程只针对于单个规则。小结首先，new的方式优先级最高，——var f = new foo(),foo中的this指向f实例接下来是 fn.bind() 这些函数， ——fn 中的 this 永远由第一次 bind 决定，如果bind第一个参数为空，那么就是 window然后是 obj.f...
Vue 生命周期
1. 概述Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例...
es6、es5继承图解
说明这两天在回顾es5、es6的继承内容，所以手绘了2张图解，放上来方便以后回顾理解啦。es5 继承
React Router 路由【转】
react使用react-router-dom。路由跳转是单页面应用的跳转。即整个网站在访问过程中只会加载一次HTML文件。好处：减少HTML加载次数，提高性能。但如果使用<a />跳转，每点击一次或者一个a标签，都会重新加载整个网页（html）。1. <Link>为你的应用提供声明式的、可访问的导航链接。import { Link, Redirect, withRo...
React 虚拟DOM中的Diffing算法
React原理在某一时间节点调用 React 的 render() 方法，会创建一棵由 React 元素组成的树（虚拟DOM）。在下一次 state 或 props 更新时，相同的 render() 方法会返回一棵不同的树。React 需要基于这两棵树之间的差别来判断如何有效率的更新 UI 以保证当前 UI 与最新的树保持同步。难点在于如何判断新旧两个 JS 对象的最小差异并且实现局部更新 ...
React 中的Virtual DOM（虚拟DOM）
说明React 中的Virtual DOM（虚拟DOM）模式学习。
React 组件的生命周期
说明React 组件的生命周期笔记整理。官方文档
Event Loop（事件循环）—js事件执行机制
说明今天学习了关于event loop的内容，所以整理成文。最近复看这部分笔记，新整理了下内容。而且越了解越发现这部分内容很深，所以还需要花时间再更深入系统的学习研究下！
5.2 Array类型+常用数组操作
简介本文摘抄自《js高级程序设计》"5.2 Array类型" 篇章，这次整理之前‘《js高级程序设计》笔记’时将其单独成文，方便查阅。均是ES5的内容。大纲（小结）创建 Array 实例length 属性5.2.1 检测数组Array 常用方法汇总:[1].isArray()：判断对象是否为数组。5.2.2 转换为字符串（逗号分隔）：toString() 不修改原数组5.2.3 栈方法：pu...