大大的飞碟-优快云博客

原创 chrome/IE实现动态添加音频文件，实现循环播放

实现思路：判断浏览器型号版本，js动态添加音频多媒体标签到html，实现自动播放及自动循环（设置属性）。index.html文件<!DOCTYPE html><html> <head> <title>Music</title> <meta charset="utf-8"> ...

2019-04-28 11:08:28 1103

原创原生JS操作DOM，项目内容积累

一获取1. 通过各种名称获取document.getElementsByClassName("content");document.getElementsByTagName("p");document.getElementById("main");document.getElementsByName("name");2. 获取祖父子节点aimNode.firstChild

2017-08-24 14:43:42 481

转载使用PropTypes进行类型检测

YourComponent.propTypes ={}// 你可以定义一个js原始类型的prop,默认请情况下，这是都是可选的 optionalArray: React.PropTypes.array, optionalBool: React.PropTypes.bool, optionalFunc: React.PropTypes.func, optionalNumber:

2017-08-21 14:01:20 1138

原创 CSS设置文字不换行，超出字数用...显示

这是一段实验文字，超出字数用...显示.textText{ width:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

2017-08-15 11:29:16 7153

转载 ES6标准下react使用router跳转context.router未定义的解决

示例：class Example extends React.Component { constructor(props, context) { super(props, context); this.context.router; // it works } btnClick(){ this.context.router

2017-07-27 09:42:50 4301

原创 react中ES6语法报错：static propTypes，static defaultProps ：modulbuild failed:SyntaxError

在ES6语法中创建组件，组件内部定义静态propTypes及defaultProps ，编译过程出现错误：modulbuild failed:SyntaxError解决方法如下：一不安装babel-preset-stage-0依赖时，可以把静态默认属性放在组件外class App extends Component{ render(){}}App.propTyp

2017-07-25 16:44:10 4715

原创 react合成事件的三种绑定方式bind

在使用ES6 classes或者纯函数时，不存在自动绑定，需要我们手动实现this的绑定。一 bind方法。这个方法可以绑定事件处理器内的this，并可以向事件处理器中传递参数，例：class App extends Component{ handleClick(e,arg){ console.log(e,arg); } render(){

2017-07-25 08:57:19 7685

原创 react使用hashHistory实现类似get方法带参数跳转

第一页引入hashHistoryimport {hashHistory} from 'React-router'传参：btnClick:function () { hashHistory.push({ pathname: '/apartmentReserve/'+roomData.id, query: { id:roomData.id, name:room

2017-07-18 14:40:03 17221 1

原创 react-router带参数使用Link跳转并取出参数

index.js如上。使用Link跳转：取出参数：var apartmentId=this.props.params.apartmentId;

2017-07-18 10:45:24 6244 2

原创 React组件中对a标签的href的带变量拼接

linkContent= 名称：{this.props.name} 注意href={}，及href内部需要使用单引号。另外也可以写propslinkContent= 名称：{this.props.name}

2017-07-17 17:48:51 22998

原创 React-router表单跳转两种方法

一browserHistory.push方法handleSubmit (e){ e.preventDefault(); //... const path = `/apartmentPay` browserHistory.push(path)}二context对象方法export default React.createClass({//

2017-07-06 09:10:58 3408

转载 React创建组件的三种方式及其区别

转自wonyun博客

2017-07-05 16:35:33 294

飞碟儿的博客