MongoDB快速使用指南
1. 基本概念知识点MongoDB有以下几个重要概念,分别对应关系型数据库中的概念模型: 数据库(Database) - 数据库(Database) 集合(Collection)- 数据表(Table) 文档(Document)- 记录(Record) 数据库使用步骤 建立数据库(KomaBlo ...

Vue中的MVVM实现原理简析
1. MVVMangular - 脏值检测 vue - 数据劫持+发布订阅模式(不兼容低版本:因为其依赖于Object.defineProperty) 总体流程图: 2. Object.defineProperty()1.1 概念Object.defineProperty() 方法会直接在一个对象 ...

原生AJAX的使用
知识点1. XMLHttpRequest1.1 原生XMLHttpRequest的使用xhr.opne([Method], [url], [bollen]) 创建一个连接,第一个参数为请求的方法,如 GET、POST;第二个参数为请求的 url 地址;第三个参数为一个布尔值,代表是否以同步(Sync ...

React学习笔记06:项目实战(二)
Github源码 1. 在React项目中使用路由功能1.1 基本使用方法首先下载 react-router-dom: 1yarn add react-router-dom 在主文件 App.js 中引入 BrowserRouter , Route 组件,然后在JSX的VDOM树中直接插入路由 1 ...

React学习笔记05:项目实战(一)
Githu源代码 1.使用styled-components管理样式如果在组件文件中引入一个css文件,那么这个css文件会在全局中生效,也就是说会造成该组件的样式被应用到其他组件上,这时候需要使用 styled-components 来帮助我们管理样式 1.1 准备环境 安装 yarn add ...

关于BFC的特性以及如何利用BFC解决margin相关的问题
1. 何为BFC? 文章:https://juejin.im/post/5909db2fda2f60005d2093db#heading-8 BFC概括:可以在心中记住这么一个概念———所谓的BFC就是css布局的一个概念,是一块区域,一个环境。 BFC(Block formatting cont ...

实现vuex与组件data之间的数据同步更新
问题我们都知道,在Vue组件中,data部分的数据与视图之间是可以同步更新的,假如我们更新了data中的数据,那么视图上的数据就会被同步更新,这就是Vue所谓的数据驱动视图思想。 当我们使用Vuex时,我们也可以通过在视图上通过 $store.state.[DataKey] 来获取Vuex中 sta ...

基于Canvas的FlappyBird小游戏开发总结
Github 源码地址 演示 Demo 掉落算法我们现在要研究一个问题,就是某元素一开始位置是y=100,如果限制变化常数是8,此时第一帧变为y=1e8(变化8),第二帧变为y=124(变化16)。第三帧是y=156(变化32) 1234567891011121314151617181920i ...

Webpack快速配置参考
1. 安装与设置项目目录结构安装基础的webpack组件: 1234mkdir webpack-demo cd webpack-demonpm init -ynpm install webpack webpack-cli --save-dev 常用目录参考: 1234567891011121314 ...

关于构造函数和原型链运行机制的试题与知识点
题目 如何准确判断一个变量是数组类型 写一个原型链继承的例子 描述new一个对象的过程 zepto(或其他框架)源码中如何使用原型链 知识点1. 构造函数 构造函数要用大写字母开头 var a=其实是var a=new Object)的语法糖 var a=[]其实是var a=new Array) ...