摘要: react FACEBOOK 框架 虚拟DOM 组件化开发 原生JS的框架 (ES6+原生javascript) 优点 1. 极速的渲染能力 虚拟DOM virtual DOM 2. 高度组件化 组件之间高度复用 3. 经历大量的测试 有一定的稳定性 虚拟DOM virtual DOM 虚拟DOM 阅读全文
posted @ 2019-08-12 23:35 钢之炼金术师 阅读(284) 评论(0) 推荐(0) 编辑
摘要: show dbs 查看已经存在的数据库 use 数据库名 切换到指定的数据库(无论数据库是否存在 均可切换成功) db 查看当前数据库 db.getCollectionNames() 查看当前数据库下一共有哪些集合 db.集合名.insert(文档) 向指定的集合录入一条文档例如: db.users 阅读全文
posted @ 2019-08-12 09:25 钢之炼金术师 阅读(136) 评论(0) 推荐(0) 编辑
摘要: jsx语法 一种混合使用html及javascript语法的代码 在js中 遇到<xx>即开始html语法 遇到</xx>则结束html语法 恢复成js语法 例如: let Dom = <a href="javascript:;">按钮</a> 在html的范围内 若想使用js 则用 "{}" 将j 阅读全文
posted @ 2019-08-12 00:40 钢之炼金术师 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 结构分为四个 视图 view动作 action派发器 dispatcher数据商店 store 流程: 用户操作视图 视图(view)发送动作(action)到派发器(dispatcher) 由派发器(dispatcher) 对动作类型(action.type)做判断 然后调用数据商店(store) 阅读全文
posted @ 2019-08-12 00:38 钢之炼金术师 阅读(540) 评论(0) 推荐(0) 编辑
摘要: 三层 视图(view)数据商店(store)reducer 流程: 用户操作视图 视图产生action 通过store转发给reducer(同时还会接收store中的数据模型 state) 由reducer结合aciton.type以及state 产生新的 state 然后返回给 store sto 阅读全文
posted @ 2019-08-12 00:37 钢之炼金术师 阅读(527) 评论(0) 推荐(0) 编辑
摘要: React安装在使用react时 需要安装 两个模块 react react-dom 初始化时 需要用到react-dom中的render方法 具体如下: import ReactDOM from "react-dom" ReactDOM.render(<div>test</div>,documen 阅读全文
posted @ 2019-08-12 00:35 钢之炼金术师 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 安装路由 npm i react-router-dom -S 引入路由 import { BowserRouter as Router, Route, Switch, ... } from "react-router-dom" 整个项目顶层需要用<Router>包裹 并且 <Router>组件内只能 阅读全文
posted @ 2019-08-12 00:33 钢之炼金术师 阅读(274) 评论(0) 推荐(0) 编辑
摘要: 表达式 {{ XXX }}使用过滤器 {{ XXX | yyy}}使用多个过滤器 {{ XXX | yyy | yyy1}}过滤器带参数 {{ XXX | yyy(123,"zhuiszhu") }} 动态属性: <img v-bind:src="xxx" /> 或 <img :src="xxx" 阅读全文
posted @ 2019-08-12 00:18 钢之炼金术师 阅读(841) 评论(0) 推荐(0) 编辑
摘要: 定义全局组件 Vue.component("name",{...}) 定义局部组件 let Com = {....} new Vue({ data : ..., ..., components : { Name : Com } }) 定义组件时 对象内的属性 data : 数据模型(除了初始化 该属 阅读全文
posted @ 2019-08-12 00:16 钢之炼金术师 阅读(929) 评论(0) 推荐(0) 编辑
摘要: 安装路由 npm i vue-router -S 引入路由 import VueRouter form VueRouter 注入路由模块 Vue.use(VueRouter) 定义路由匹配规则 let routes = [ {...}, {...} ] 上列匹配规则中 对象有如下属性 path : 阅读全文
posted @ 2019-08-12 00:12 钢之炼金术师 阅读(1902) 评论(0) 推荐(1) 编辑