- 博客(9)
- 资源 (4)
- 收藏
- 关注
原创 webpack4.x学习总结
webpack学习总结第1章 webpack介绍webpack是什么?(一个模块打包工具)webpack官网本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个...
2019-09-28 13:59:01 482
原创 简书项目(二,redux的使用)
使用redux管理focused状态的过程:1.创建基础功能安装redux,react-reduxyarn add redux react-redux创建仓库store管理员reducer组件中引入仓库在子组件中进行链接使用react-redux里的connect方法进行和父组件进行链接.connect()方法里接收两个参数:mapStateToProps和mapDis...
2019-09-11 14:51:25 167
原创 简书项目(一,头部组件,阿里图标,过渡动画)
创建初始项目styled-components的使用发现在index.css写一个类名,在子文件App.js里引用这个类名也会生效,这样样式会有全局污染,所以我们采用styled-components来规范样式1.安装styled-componentsyarn add styled-components2.使用css文件变为js文件效果:引入PC各个浏览器的统一基础样式...
2019-09-11 13:21:04 256
原创 react小技巧动态改变值的两种方法
动态改变两种值的方法1.对象方式,简单this.setState({ showWarning:!this.state.showWarning })2.函数方式返回 this.setState((state)=>{ console.log(state);//就是state对象 return{ ...
2019-09-05 17:21:01 3101
原创 react中的运算符&&的使用
先看一段代码:function Mailbox(props) { const unreadMessages = props.unreadMessages; return ( <div> <h1>Hello!</h1> {unreadMessages.length > 0 && <...
2019-09-05 16:43:45 5619
原创 react-native导航器介绍
在react-navigation中有7种类型的导航器:1.createStackNavigator:类似于普通的Navigator,屏幕上方导航栏;2.createTabNavigator:createTabNavigator已弃用,使用createBottomTabNavigator或createMaterialTopTabNavigator替代;3.createBottomTabNav...
2019-09-03 10:34:10 286 1
原创 react-native弹性布局
在React Native中布局采用的是FleBox(弹性框)进行布局.像素无关在React Native中尺寸是没有单位的,它代表了设备独立像素。<View style={ {width:100,height:100,margin:40,backgroundColor:'gray'}}> <Text style={ {fontSize:16,margin:...
2019-09-02 22:59:54 578
原创 react-native基础
一.React Native组件组件的三种创建方式1.ES6创建组件的方式2.函数式创建组件的方式注意:函数式创建的组件是无状态的,什么是无状态呢,比如你不能使用this,比如this.state无法调用;它同时没有完整的生命周期方法,因为它本来就是一个函数,无声明周期.但是它又可以接收到传过来的属性值哦,直接在函数里写参数props,在函数里面通过props.属性名来获取值即可....
2019-09-02 12:05:29 377
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人