Keeping Studing

风雨哈佛路,做一个心怀期待的Developer
July 15, 2019

JSON Server — 模拟服务器

说明最近自己在写一个React页面功能,想要更接近实际的项目开发,所以希望模拟请求api接口并返回数据,也希望能够像真实操作数据库一样(增删改查)。了解到JSON Server可以实现,所以就学习和使用了它。开发结束后遂整理成此文,方便以后回顾。《JSON Server》git官方文档使用背景在开发中,后端的接口往往是较晚出来的,但是有时候我们必须给前端页面一些虚假的数据去开发,这个时候一些...
July 1, 2019

webpack— Plugins

什么是plugin?plugin 可以在 webpack 运行到某个时刻的时候,帮你做一些事情。 使用 plugins 可以让打包更便捷。常用的plugin:HtmlWebpackPluginCleanWebpackPlugin1. HtmlWebpackPlugin作用HtmlWebpackPlugin会在打包结束后,(以template文件为模板)自动生成一个html文件,并把打包生成的...
June 28, 2019

webpack学习—使用 Loader 打包静态资源

使用 Loader 打包图片官方文档《file-loader》官方文档《url-loader》使用 Loader 打包静态资源(样式)1. css文件使用loader:css-loader、style-loader。module.exports = { module: { rules: [ { test: /\.css$/i, use:...
June 27, 2019

webpack学习—Loader

1. 为什么需要Loaderwebpack默认只能直接打包js文件,无法打包其他格式的资源,如图片、文本等。但是webpack允许我们使用loaders对文件进行预处理,则你可以打包任何静态资源了。你还可以轻松地使用Node.js编写自己的loaders。2. 什么是loadersLoaders是应用于模块源代码上的转换。它们允许您在import或 “load” 文件时对文件进行预处理。加载...
June 26, 2019

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的实例...
June 13, 2019

React Router 路由【转】

react使用react-router-dom。路由跳转是单页面应用的跳转。即整个网站在访问过程中只会加载一次HTML文件。好处:减少HTML加载次数,提高性能。但如果使用<a />跳转,每点击一次或者一个a标签,都会重新加载整个网页(html)。1. <Link>为你的应用提供声明式的、可访问的导航链接。import { Link, Redirect, withRo...
June 3, 2019

React 虚拟DOM中的Diffing算法

React原理在某一时间节点调用 React 的 render() 方法,会创建一棵由 React 元素组成的树(虚拟DOM)。在下一次 state 或 props 更新时,相同的 render() 方法会返回一棵不同的树。React 需要基于这两棵树之间的差别来判断如何有效率的更新 UI 以保证当前 UI 与最新的树保持同步。难点在于如何判断新旧两个 JS 对象的最小差异并且实现局部更新 ...

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...