04 2019 档案
摘要：redux介绍 学习文档：英文文档，中文文档，Github redux是什么 redux是一个独立专门用于做状态管理的JS库(不是react插件库)，它可以用在react, angular, vue等项目中, 但基本与react配合使用 作用: 集中式管理react应用中多个组件共享的状态 redu
阅读全文
摘要：react-router的理解 react的一个插件库，专门用来实现一个SPA应用（单页Web应用（single page web application，SPA）整个应用只有一个完整的页面，点击页面中的链接不会刷新页面, 本身也不会向服务器发请求，当点击路由链接时, 只会做页面的局部更新） 基于r
阅读全文
摘要：JSBridge是Native代码与JS代码的通信桥梁。目前的一种统一方案是:H5触发url scheme->Native捕获url scheme->原生分析,执行->原生调用h5。如下图 url scheme介绍 上图中有提到url scheme这个概念,那这到底是什么呢? url scheme是
阅读全文
摘要：Hybrid APP之Native和H5页面交互原理 Hybrid APP的关键是原生页面与H5页面直接的交互，如下图,痛过JSBridge,H5页面可以调用Native的api,Native也可调用H5页面的方法或者通知H5页面回调 在Hybrid APP中,原生与H5的交互方式在Android和
阅读全文
摘要：什么是Hybrid App 最开的App开发只有原生开发这个概念,但自从H5广泛流行后,一种效率更高的开发模式Hybrid应运而生,它就是"Hybrid模式"。Hybrid APP是目前广泛流行的一种APP开发模式 H5渗入APP开发 我们都知道,原生APP开发中有一个webview的组件(Andr
阅读全文
摘要：Vue.js 源码是基于 Rollup 构建的，它的构建相关配置都在 scripts 目录下。（Rollup 中文网和英文网） 构建脚本 通常一个基于 NPM 托管的项目都会有一个 package.json 文件，它是对项目的描述文件，它的内容实际上是一个标准的 JSON 对象。 我们通常会配置 s
阅读全文
摘要：Vue.js 的源码都在 src 目录下，其目录结构如下 compiler compiler 目录包含 Vue.js 所有编译相关的代码。它包括把模板解析成 ast 语法树，ast 语法树优化，代码生成等功能。 编译的工作可以在构建时做（借助 webpack、vue-loader 等辅助插件）；也可
阅读全文
摘要：认识 Flow Flow 是 facebook 出品的 JavaScript 静态类型检查⼯具。Vue.js 的源码利⽤了 Flow 做了静态类型检查， 所以了解 Flow 有助于我们阅读源码 Flow 的官方文档 为什么⽤ Flow JavaScript 是动态类型语⾔，它的灵活性有⽬共睹，但是过
阅读全文
摘要：MongoDB下载 下载地址： https://www.mongodb.org/ 找到下载页面，选择对应的平台和版本，选择Package类型msi 安装与配置环境变量 安装：按默认或选择安装位置一步步到头 配置：将MongoDB的安装目录（到bin）配置到path环境变量中 Mongodb4.x的安
阅读全文
摘要：mongoDB介绍 是一个开源的文档数据库，基于分布式文件存储的数据库。由 C++ 语言编写，并领先的 NoSQL 数据库（非关系型数据库）MongoDB 是由 c++语言编写。 MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像 关系数据库的。 他支持
阅读全文
摘要：ejs的基本使用 安装 koa-views 和 ejs 引入 koa-views 配置中间件 Koa中使用ejs Ejs 引入外部的ejs模板 ejs的基本使用实例 app.js public/header.ejs index.ejs news.ejs
阅读全文
摘要：什么是 Koa 的中间件 通俗的讲：中间件就是匹配路由之前或者匹配路由完成做的一系列的操作，我们就可以 把它叫做中间件。 在express中间件（Middleware）是一个函数，它可以访问请求对象（requestobject(req)） , 响应对象（responseobject(res)）, 和
阅读全文
摘要：Koa 路由 路由（Routing）是由一个 URI（或者叫路径）和一个特定的 HTTP 方法（GET、POST 等） 组成的，涉及到应用如何响应客户端对某个网站节点的访问。 通俗的讲：路由就是根据不同的 URL 地址，加载不同的页面实现不同的功能。 Koa 中的路由和 Express 有所不同，在
阅读全文
摘要：Node.js 是一个异步的世界，官方 API 支持的都是 callback 形式的异步编程模型，这 会带来许多问题，例如：callback 嵌套问题 ，异步函数中可能同步调用 callback 返回 数据，带来不一致性。为了解决以上问题 Koa 出现了。 Koa-- 基于 Node.js 平台的下
阅读全文
摘要：原型的概述 我们创建的每个函数都有一个 prototype(原型)属性，这个属性是一个对象，它的用途是包含可以由特定类型的所有实例共享的属性和方法。 逻辑上可以这么理解：prototype 通过调用构造函数而创建的那个对象的原型对象。 使用原型的好处可以让所有对象实例共享它所包含的属性和方法。也就是
阅读全文
摘要：基本类型和引用类型的值 ECMAScript 变量可能包含两种不同的数据类型的值：基本类型值和引用类型值。 基本类型值指的是那些保存在栈内存中的简单数据段，即这种值完全保存在内存中的一个位置。 而引用类型值则是指那些保存在堆内存中的对象，意思是变量中保存的实际上只是一个指针，这个指针指向内存中的另一
阅读全文
摘要：闭包的应用: 定义JS模块 具有特定功能的js文件，将所有的数据和功能都封装在一个函数内部(私有的) 只向外暴露一个包信n个方法的对象或函数，模块的使用者, 只需要通过模块暴露的对象调用方法来实现对应的功能 模仿块级作用域 JavaScript 没有块级作用域的概念，那么可以模拟像java中将很多变
阅读全文
摘要：闭包的理解 如何产生闭包 当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包 产生闭包的条件 函数嵌套；内部函数引用了外部函数的数据(变量/函数)，并且执行函数 闭包到底是什么 理解一: 闭包是嵌套的内部函数(绝大部分人) 理解二: 包含被引用变量(函数)的对象(极
阅读全文
摘要：JavaScript函数的概述 什么是函数 函数是定义一次但却可以调用或执行任意多次的一段 JS 代码。具有特定功能的n条语句的封装体，只有函数是可执行的, 其它类型的数据是不可执行的 函数有时会有参数，即函数被调用时指定了值的局部变量。函数常常使用这些参数来计算一个返回值，这个值也成为函数调用表达
阅读全文
摘要：Math对象概述 Math（算数）对象的作用是：执行常见的算数任务。保存数学公式和信息. 与我们在JavaScript 直接编写计算功能相比，Math 对象提供的计算功能执行起来要快得多。 Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math
阅读全文
摘要：内置对象的定义 由 javaScript 实现提供的、不用自己创建，这些对象在 ECMAScript 程序执行之前就已经存在了。 意思就是说，开发人员不必显示地实例化内置对象；因为它们已经实例化了。 JavaScript只定义了两个内置对象：Global和 Math。 Global（全局）对象概述
阅读全文
摘要：Date对象概述 javaScript 提供了 Date 类型来处理时间和日期。Date 对象内置一系列获取和设置日期时间信息的方法。（不是内置对象，需要自己new） javaScript 中的 Date 类型是在早期 Java 中 java.util.Date 类基础上构建的。 Date类型使用
阅读全文
摘要：const UglifyJsPlugin = require('uglifyjs-webpack-plugin') // 去console插件 const CompressionWebpackPlugin = require('compression-webpack-plugin') // gzip压缩插件 module.exports = { baseUrl: '/', // 基本路径 ...
阅读全文
摘要：事件监听指令 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码，通常是触发一个函数，简写@ 方法事件处理器 许多事件处理的逻辑都很复杂，所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。因此 v-on 可以接收一个定义的方法来调用。 内联处理器方法 除了直
阅读全文
摘要：JavaScript的基本包装类型示例 为了便于操作基本类型值，javaScript 提供了 3 个特殊的引用类型：Boolean、Number和 String。 这些类型与其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。 实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基
阅读全文
摘要：typeof操作符 typeof 操作符作用：是用来检测变量的数据类型。对于值或变量使用 typeof 操作符会返回如下字符串。 数据类型undefined的判断示例 变量定义了但未初始化，就是undefined 可以使用 来判断某个变量的值是否等于undefined，如果是，那么这个值就是unde
阅读全文
摘要：数据类型概述 undefined、Null、Boolean、Number 、String、function、Object(复杂数据类型) javaScript 不支持任何创建自定义类型的机制，所有值都成为以上 6 中数据类型之一 undefined类型 Undefined 类型只有一个值，即特殊的
阅读全文
摘要：区分大小写 ECMAScript 中的一切，包括变量、函数名和操作符都是区分大小写的。例如：text 和Text 表示两种不同的变量。 标识符 所谓标识符，就是指变量、函数、属性的名字，或者函数的参数。标识符可以是下列格式规则组合起来的一或多个字符： 第一字符必须是一个字母、下划线(_)或一个美元符
阅读全文
摘要：<script>标签的解析<script>xxx</script>这组标签，是用于在 html 页面中插入 js 的主要方法。它主要有以下几个属性：charset：可选。表示通过 src 属性指定的字符集。被大多数浏览器忽略，很少有人用。defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再
阅读全文
摘要：什么是JavaScriptJavaScript 是一种具有面向对象能力的、解释型的程序设计语言。 它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。 主要目的是，验证发往服务器端的数据、增加 Web互动、加强用户体验度等。 JavaScript的特点松散性：JavaScript 语言核心与 C
阅读全文
摘要：CMD规范说明 专门用于浏览器端, 模块的加载是异步的 ，模块使用时才会加载执行，github地址 CMD基本语法 定义暴露模块 引入使用模块 CMD规范的实现（浏览器端） CMD规范需要用到sea.js，下载sea.js, 并引入，将sea.js导入项目: js/libs/sea.js 创建项目结
阅读全文
摘要：AMD规范说明 AMD全称是：Asynchronous Module Definition(异步模块定义)，github地址 是专门用于浏览器端, 模块的加载是异步的 AMD规范基本语法 定义暴露模块 引入使用模块 未使用AMD规范的模块化 AMD规范的实现（浏览器端） AMD规范需要使用到requ
阅读全文
摘要：commonjs规范说明 每个js文件都可当作一个模块 在服务器端: 模块的加载是运行时同步加载的（不会阻塞，等待时间回比较长）。在浏览器端: 模块需要提前编译打包处理 commonjs规范基本语法 暴露模块：暴露的模块本质上就是exports，exports本来就是一个空的对象，将value赋给它
阅读全文
摘要：模块的概念 一个复杂的项目开发中，会写很多js文件，一个js文件执行某些特定的功能，那么每个js都可以称为一个模块，这就是模块的概念 每个js模块内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信 模块化的进化史 全局function模式：将不同的功能封装成不同的全局函数 问
阅读全文
摘要：什么是路由 在web开发中，路由是指根据url分配到对应的处理程序，当访问不同的url就会切换到对应的处理程序 在vue中一个url对应的就是一个组件，当访问不同的url，对应的组件就会呈现到页面中 vue-router：作用是通过管理url，实现url和组件的对应和通过url进行组件之间的切换 单
阅读全文
