摘要: Webpack篇开始着手项目打包的一些东西,还不是特别懂,一边学习,一边做笔记好啦。1.webpack的概念。Webpack 是当下最热门的前端资源模块化管理和打包工具。任何形式的资源都可以视作模块,通过 loader 的转换。2.webpakc的安装。(1)在Node.js 用npm 全局安装We 阅读全文
posted @ 2019-09-28 14:08 钢之炼金术师 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 1.获取最终的属性 function getStyleAttr(obj, attr){ if(window.getComputedStyle){ return window.getComputedStyle(obj)[attr]; }else{ return obj.currentStyle[att 阅读全文
posted @ 2019-08-20 10:18 钢之炼金术师 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 1.安装脚手架工具:npm install express express-generator -g 2.-h 参数可以列出所有可用的命令行参数 3.创建项目:express -e firstexpress 创建完的效果: 4.启动命令:npm run start 实时监控: supervisor 阅读全文
posted @ 2019-08-18 01:22 钢之炼金术师 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 安装脚手架: npm i create-react-app -g 创建项目命令: create-react-app 项目名字 启动命令:yarn start 如果不用脚手架,需要创建一下页面: 再安装 :npm i react react-dom -S npm i jsx-loader -D 安装预 阅读全文
posted @ 2019-08-13 00:32 钢之炼金术师 阅读(1038) 评论(0) 推荐(0) 编辑
摘要: react FACEBOOK 框架 虚拟DOM 组件化开发 原生JS的框架 (ES6+原生javascript) 优点 1. 极速的渲染能力 虚拟DOM virtual DOM 2. 高度组件化 组件之间高度复用 3. 经历大量的测试 有一定的稳定性 虚拟DOM virtual DOM 虚拟DOM 阅读全文
posted @ 2019-08-12 23:35 钢之炼金术师 阅读(287) 评论(0) 推荐(0) 编辑
摘要: show dbs 查看已经存在的数据库 use 数据库名 切换到指定的数据库(无论数据库是否存在 均可切换成功) db 查看当前数据库 db.getCollectionNames() 查看当前数据库下一共有哪些集合 db.集合名.insert(文档) 向指定的集合录入一条文档例如: db.users 阅读全文
posted @ 2019-08-12 09:25 钢之炼金术师 阅读(139) 评论(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 钢之炼金术师 阅读(302) 评论(0) 推荐(0) 编辑
摘要: 结构分为四个 视图 view动作 action派发器 dispatcher数据商店 store 流程: 用户操作视图 视图(view)发送动作(action)到派发器(dispatcher) 由派发器(dispatcher) 对动作类型(action.type)做判断 然后调用数据商店(store) 阅读全文
posted @ 2019-08-12 00:38 钢之炼金术师 阅读(572) 评论(0) 推荐(0) 编辑
摘要: 三层 视图(view)数据商店(store)reducer 流程: 用户操作视图 视图产生action 通过store转发给reducer(同时还会接收store中的数据模型 state) 由reducer结合aciton.type以及state 产生新的 state 然后返回给 store sto 阅读全文
posted @ 2019-08-12 00:37 钢之炼金术师 阅读(534) 评论(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 钢之炼金术师 阅读(165) 评论(0) 推荐(0) 编辑