- 博客(12)
- 收藏
- 关注
原创 React最简单的一层路由,不含动态路由
import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import { HashRouter, Route, Link, Switch } from 'react-router-dom'; class Bpp extends Component { render() { ...
2019-06-17 10:08:54 161
原创 React Context
context 想使用这个context属性 有几点条件: 1.在父组件定义 A. getChildContext(){ return { msg:"这是context ", word:“努力就会有失败…” } } B. ContextDemo.contextTypes = { word:PropTypes.string, msg:PropTypes.string } export default...
2019-06-14 00:00:09 70
原创 React组件参数传递形式和方式
1.父组件给子组件传参数 单个参数 使用props 写在子组件标签属性上即可 子组件得到的props props —> {name: “sss”, children: Array(6)} 集合 {arr} 写在插槽里面 插槽里的数据在props的children数组里面接收 {name: “sss”, children: Array(6)} 2.父组件给子组件传DOM 直接写在插槽...
2019-06-13 21:51:02 1986
转载 react 笔记
'react FACEBOOK 框架 虚拟DOM 组件化开发 原生JS的框架 (ES6+原生javascript) 优点 极速的渲染能力 虚拟DOM virtual DOM 高度组件化 组件之间高度复用 经历大量的测试 有一定的稳定性 虚拟DOM virtual DOM 虚拟DOM 就是在 真实DOM的基础上建立的一个抽象层 (把存储在内存中DOM节点的数据 叫做 虚拟D...
2019-06-12 17:10:43 105
原创 created mounted updated
created:html还没渲染无法进行DOM操作 mounted :html渲染完成 可以获取到元素 updated:只有事先设置好的data变量如下arrData改变并且要在页面重新渲染{{ arrData }}完成之后,才会进updated方法,光改变arrData但不渲染页面是不会进的. ...
2019-06-09 23:30:34 320
原创 vue 知识点总结【一】
waterfall 和 vuex 混合使用 callback 最好写到mutaion结尾的部分,保证异步程序同步执行 父子组件都有create,mounted生命周期函数,只执行子组件的生命周期函数 cookie无法访问是因为不在同一个同一条链上 字符串反向 str.split("").reverse().join("") 取倒数n个字符串 (str.split("").revers...
2019-06-09 22:52:50 116
转载 vuex状态用loclastorage保存
在根实例加上一个监听 刷新页面之前将state数据存到localstorage, 刷新之后 如果localstorage有东西,就返还给state new Vue({ router, store, name: ‘App’, created() { //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem(“store”)) { this.s...
2019-06-05 23:18:37 389
原创 flex-basis
所有flex-grow的子元素加上flex-basis: 0%; 就是完全等比分布了, 这个属性值会让父级主轴在计算剩余空间时忽略子元素的本身宽度, 从而实现等比分配。 https://segmentfault.com/a/1190000006559564?utm_source=tag-newest ...
2019-06-05 23:10:41 235
原创 flex-grow 1的问题
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .box { width: 500px; display: flex; background-color: #FF00...
2019-06-05 09:16:49 557
原创 组件【一 插槽】
一个完整的组件构成的部分 加入标签名是 demo 组件模板 template 组件标签 <demo*></demo*> 组件声明 export default {} 组件插槽 组件标签定义插槽 组件模板接受插槽的内容[父组件在子组件标签的标签体定义并分发内容,分发到这个子组件本身] 组件模板 描述组件本身的结构,可以接受组件标签内容区传来的标签...
2019-06-03 08:47:49 156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人