慕容冰菡 - 博客园

2018年12月

摘要： BrowserRoute服务器配置在React项目中我们经常需要采用React-Router来配置我们的页面路由，React-Router 是建立在 history 之上的，常见的history路由方案有三种形式，分别是： 1）hashHistory 2）browserHistory 3）crea 阅读全文

posted @ 2018-12-17 12:27 慕容冰菡阅读(960) 评论(0) 推荐(0) 编辑

React Router简介

摘要： React Router简介 React Router 是完整的 React 路由解决方案，它保持 UI 与 URL 同步，拥有简单的 API 与强大的功能例如代码缓冲加载、动态路由匹配、以及建立正确的位置过渡处理。 react-router React Router 核心react-router- 阅读全文

posted @ 2018-12-17 12:26 慕容冰菡阅读(464) 评论(0) 推荐(0) 编辑

React Router 用法

摘要： React Router 用法一、DEMO 二、路由嵌套在顶级路由匹配到组件后，子组件里面也可能有一个次级路由。假如顶级路由的url为：/1，那么次级路由匹配后的路径一般来说是 /1/2；但是假如当前路径是 /1，然后次级路由里有这样一个标签 <Link to="/2"}>示例2</Link 阅读全文

posted @ 2018-12-17 12:26 慕容冰菡阅读(645) 评论(0) 推荐(1) 编辑

2018年11月

window.onresize监听事件

摘要： window.onresize监听事件 onresize 事件会在窗口或框架被调整大小时发生。支持onresize的标签：<a>, <address>, <b>, <big>, <blockquote>, <body>, <button>, <cite>, <code>, <dd>, <dfn>, 阅读全文

posted @ 2018-11-05 09:32 慕容冰菡阅读(604) 评论(0) 推荐(0) 编辑

2018年10月

React组件中的key

摘要： React组件中的key 一、key的作用 react中的key属性，它是一个特殊的属性，它是出现不是给开发者用的（例如你为一个组件设置key之后不能获取组件的这个key props），而是给react自己用的。简单来说，react利用key来识别组件，它是一种身份标识标识，就像我们的身份证用来辨阅读全文

posted @ 2018-10-29 11:10 慕容冰菡阅读(858) 评论(0) 推荐(0) 编辑

React组件的State

摘要： React组件的State 1.正确定义State React把组件看成一个状态机。通过与用户的交互，实现不同状态，然后渲染UI，让用户界面和数据保持一致。组件的任何UI改变，都可以从State的变化中反映出来；State中的所有状态都用于反映UI的变化，不应有多余状态。那么什么样的变量应该做为组阅读全文

posted @ 2018-10-15 13:28 慕容冰菡阅读(320) 评论(0) 推荐(0) 编辑

Vue 数据响应式原理

摘要： Vue 数据响应式原理 Vue.js 的核心包括一套“响应式系统”。“响应式”，是指当数据改变后，Vue 会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。举个简单的例子，对于模板： {{ name }} 创建一个 Vue 组件：代码执行后，页面上对应位置会显示阅读全文

posted @ 2018-10-15 11:47 慕容冰菡阅读(1621) 评论(0) 推荐(1) 编辑

深入 Vue 生命周期

摘要：深入 Vue 生命周期这篇博客将会从下面四个常见的应用诠释组件的生命周期，以及各个生命周期应该干什么事 1.单组件的生命周期 2.父子组件的生命周期 3.兄弟组件的生命周期 4.宏mixin的生命周期生命周期：Vue 实例从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系阅读全文

posted @ 2018-10-15 11:30 慕容冰菡阅读(196) 评论(0) 推荐(0) 编辑

Vue 超快速学习

摘要： Vue 超快速学习基础知识： 1.vue的生命周期： beforeCreate/created、 beforeMount/mounted、 beforeUpdate/updated、 beforeDestory/destoryed 2.vue常用指令： v-for、 v-bind（缩写形式 :pr 阅读全文

posted @ 2018-10-15 11:30 慕容冰菡阅读(408) 评论(0) 推荐(0) 编辑

Vue.js最佳实践

摘要： Vue.js最佳实践第一招：化繁为简的Watchers 场景还原：组件创建的时候我们获取一次列表，同时监听input框，每当发生变化的时候重新获取一次筛选后的列表这个场景很常见，有没有办法优化一下呢？招式解析：首先，在watchers中，可以直接使用函数的字面量名称；其次，声明immedia 阅读全文

posted @ 2018-10-15 11:30 慕容冰菡阅读(147) 评论(0) 推荐(0) 编辑

公告