
react
文章平均质量分 77
萌萌的卡洛奇
这个作者很懒,什么都没留下…
展开
-
用react+redux编写一个页面小demo
初步目录结构整体目录结构src目录结构entry 存放页面的入口文件src 页面的源文件static 页面源文件打包后生成的文件webpack webpack打包文件package.json package.json文件.babelrc 支持es6语法其中 src 中子目录结构如下:components 页面组件constants 页面需要用到的一些常量helpers 工具方法mock 模拟json原创 2016-07-11 14:36:10 · 11572 阅读 · 2 评论 -
移动端APP列表点透事件处理方法
关于点透事件这里不再赘述,如果不清楚的可以上网搜一搜,或者看小火柴的这篇文章。这里是自己在做移动端时,在列表滑动的时候,遇到的点透问题。出现这个问题的来由是因为在转场的时候,各个手机的转场效果不一样,有的比较好,但是在有些低端机上,转场显得有点卡,于是就把过渡效果去掉了,因此就是直接的路由切换。【具体事件具体分析,可能我遇到的问题并不适合你,这里只是贴出来共享】先看下面两张图片:原创 2018-01-22 10:27:42 · 1744 阅读 · 0 评论 -
关于React组件之间如何优雅地传值的探讨
闲话不多说,开篇撸代码,你可以会看到类似如下的结构:import React, { Component } from 'react';// 父组件class Parent extends Component { constructor() { super(); this.state = { color: 'red' }; } render()原创 2017-12-25 15:32:18 · 3706 阅读 · 1 评论 -
记一次改造react脚手架的过程
公司突然组织需要重新搭建一个基于node的论坛系统,前端采用react,上网找了一些脚手架,或多或少不能满足自己的需求,最终在基于YeoMan的react脚手架generator-react-webpack上搭建改造,这里作为记录。代码在这里:github另外推荐地址:react-starter-kit简单文件夹结构├── README.md # 项目RE原创 2017-12-01 18:29:50 · 3177 阅读 · 0 评论 -
React渲染问题研究以及Immutable的应用
写在前面这里主要介绍自己在React开发中的一些总结,关于react的渲染问题的一点研究。另外本人一直希望在React项目中尝试使用,因此在之前已经介绍过immutable的API,可以参看这里Immutable日常操作之深入API,算是对其的一个补充。本文所有代码请参看github仓库:https://github.com/Rynxiao/immutable-react渲染房间列表这个例子主要是写原创 2017-09-01 01:02:39 · 1142 阅读 · 0 评论 -
react - 基础入门
react新手入门,适合初学者看一下。另外本人github中包含了所有的源码,麻烦在各位fork的同时,给小的赏一颗star,谢谢!原创 2016-12-28 10:55:41 · 1203 阅读 · 0 评论 -
用react写一个日历插件
说明个人娱乐所写(不保证BUG不存在),UI方面参照其他人的UI设计详情见本人github案例:案例支持功能初始化日期高亮’今天’以及选择日期历史记录选择日期支持tag标识支持选择日期回调屏幕适应效果图基本思路计算出这一年中的每个月对应的天数,其中需要根据年份来判断2月份到底是28天还是29天,使用数组保存 计算出这个月的第一天是星期几,来决定前面应该会有多少上个月的空格以及根据天原创 2016-08-07 13:11:51 · 10191 阅读 · 1 评论 -
node 编译遇到 Exit status 137问题解决
问题描述在虚拟机执行npm run build执行打包文件时候一直失败,然而在windows上就没有这个问题解决途径加上管理员权限 sudo npm run buildgoogle找到两篇解决方案(npm ERR! weird error 137, npm install fails on Digital Ocean Ubuntu)其中关键引用: ① I’m getting this now原创 2016-07-13 17:50:45 · 17087 阅读 · 1 评论 -
react生命周期
react生命周期react生命周期主要包括三个阶段:初始化阶段、运行中阶段、销毁阶段react在不同的生命周期会触发不同的钩子函数初始化阶段getDefaultProps() 设置组件默认的属性, 注意这个钩子函数只会在组件第一次实例化的时候被调用,多次实例化的组件会共享同一份propsgetInitialState() 组件的初始化状态,可以通过用户的操作来更改组件自身的状态componentW原创 2016-07-11 20:24:05 · 550 阅读 · 0 评论 -
关于React中状态保存的研究
在使用react搭配react-router做应用的时候,你可能遇到这样的问题,当我从第一个页面过渡到第二个页面,然后返回之后,发现之前的页面的状态全部不见了,即回到了初始的状态。这点在页面存在多个TAB页或者多条件筛选的时候体验会更加明显,这时候我又不得不点击我之前选择的页签,重新选择筛选条件,然后再进行搜索。因此,在这种情况下,保存之前的状态显得尤为亟待解决,下面是自己实践出来的几种方法,原创 2018-01-17 19:38:22 · 4938 阅读 · 0 评论