摘要: 一、React生命周期 一个组件从出生到消亡,在各个阶段React提供给我们调用的接口,就是生命周期。 生命周期这个东西,必须有项目,才知道他们干嘛的。 1.1 Mouting阶段【装载过程】 这个阶段在组件上树的时候发生,依次是: App.js: Child组件: 1.2 Updating阶段【更 阅读全文
posted @ 2019-07-11 10:42 RopeHuo 阅读(986) 评论(0) 推荐(1) 编辑
摘要: 一、使用动态样式表 1.1 LESS使用 1.2 LESS和webpack结合 希望在React项目中使用less,此时就需要webpack打包的时候顺便进行less翻译 安装依赖: 修改webpack.config.js配置: 样式会被webpack编译后出现在head标签中 1.3提炼样式表 e 阅读全文
posted @ 2019-07-05 18:10 RopeHuo 阅读(1030) 评论(0) 推荐(0) 编辑
摘要: 一、组件内部的State 1.1 state state叫状态,是每一个类式组件都有的属性,但函数式组件,没有state。 state是一个对象,什么值都可以定义。 在任何类式组件的构造函数中,可以用this.state = {} 来给类的实例添加state属性,表示“状态”。 在render()函 阅读全文
posted @ 2019-06-06 11:47 RopeHuo 阅读(650) 评论(0) 推荐(0) 编辑
摘要: 一、React项目起步配置 官网:https://reactjs.org/ 文档:https://reactjs.org/docs/hello-world.html 中文:http://react.css88.com/ 2013年被开源,2014年在中国彻底火爆。 React是CMD架构,现阶段需要 阅读全文
posted @ 2019-05-29 10:38 RopeHuo 阅读(1938) 评论(0) 推荐(1) 编辑
摘要: 一、Vue-router(路由) 1.1路由创建 官网:https://router.vuejs.org/zh/ 用 Vue.js + Vue Router 创建单页应用,是非常简单的。使用 Vue.js ,我们已经可以通过组合组件来组成应用程序,当你要把 Vue Router 添加进来,我们需要做 阅读全文
posted @ 2019-05-25 19:45 RopeHuo 阅读(1786) 评论(0) 推荐(0) 编辑
摘要: 一、分页排序案例 后端负责提供接口(3000) 前端负责业务逻辑(8080) 接口地址:从8080跨域到3000拿数据 http://127.0.0.1:3000/shouji http://127.0.0.1:8080/api/shouji 后端app.js var express = requi 阅读全文
posted @ 2019-05-20 17:23 RopeHuo 阅读(2727) 评论(0) 推荐(1) 编辑
摘要: 一、TodoList 1.1安装依赖 安装相关依赖: 1.2配置虚拟服务器 【第一步:安装依赖】 【第二步:json-server的服务器启动】 启动需要json文件作为支撑,新建data.json文件做服务数据: 最终没有使用webpack-dev-server模拟服务器 配置webpack.co 阅读全文
posted @ 2019-05-19 11:14 RopeHuo 阅读(1036) 评论(0) 推荐(0) 编辑
摘要: Egg.js 简介 Egg.js 为企业级框架和应用而生,帮助开发团队和开发人员降低开发和维护成本。 专注于提供 Web 开发的核心功能和一套灵活可扩展的插件机制,不会做出技术选型,因为固定的技术选型会使框架的扩展性变差,无法满足各种定制需求。 Egg 的插件机制有很高的可扩展性,一个插件只做一件事 阅读全文
posted @ 2019-05-13 21:04 RopeHuo 阅读(23355) 评论(0) 推荐(1) 编辑
摘要: 一、日历组件 new Date()的月份是从0开始的。 l App.vue父组件: <template> <div> <MonthView :year="year" :month="month"></MonthView> </div> </template> <script> import Mont 阅读全文
posted @ 2019-05-07 10:15 RopeHuo 阅读(1151) 评论(0) 推荐(0) 编辑
摘要: 一、Vue的生命周期 生命周期就是指一个对象的生老病死的过程。 用Vue框架,熟悉它的生命周期可以让开发更好的进行。 所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着,你不能使用箭头函数来定义一个生命周期方法 (例如 created: () = 阅读全文
posted @ 2019-05-04 10:51 RopeHuo 阅读(2376) 评论(0) 推荐(0) 编辑