摘要:
selectedIndex select.options[selectedIndex] React findDOMNode 从父组件向子组件传递props,只在父组件设置status。 function f(){ alert("excuted!"); } setTimeout(f,3000); se 阅读全文
摘要:
前端冷知识 前端中有很多 冷知识 ,但都非常有意思,下面我们一起来看一看吧。 HTML中的冷知识 浏览器地址栏运行JavaScript代码 直接在浏览器地址栏中输入 javascript:alert("hello") 就可以发现弹框出现。 _注意_:不能直接将这句复制粘贴, 阅读全文
摘要:
ES6之class es6中的class是一个基于prototype继承的语法糖,它提供了更接近传统语言的写法,引入了class(类)这个概念作为对象的模版。通过class关键字可以定义类,但是通过class做的工作,es5也可以做到,只是通过class,可以使我们的工作更加方便。 第一部分:cla 阅读全文
摘要:
es6之箭头函数 es6中的箭头函数实际上是一种语法糖,使用起来会更加方便。 1. 即它允许使用箭头(=>)来定义函数。 如 var f = v =>v; 这个箭头函数就等同于: var f = function (v) { return v; }; 2. 如果不需要给这个函数传递参数,就使用圆括号 阅读全文
摘要:
你不知道的getComputedStyle jQuery的css()的底层实现就用到了getComputedStyle这个方法,也许我们用到的很少,但是不得不说这时一个非常强大的函数,下面让我们一探究竟! 第一部分:基本语法 在mdn上,我们可以看到它是这样定义的: The Window.getCo 阅读全文
摘要:
win10上推荐的软件 我没有用过mac, 但是我觉得windows10也是非常不错的。 这里主要记录一些常用的、比较好用的软件。说明:主要摘自Windows 10 上什么软件值得推荐? 1. Everything 这是必须推荐的一款软件,用它可以快速索引文件。 2. TIM QQ 非常好用!最新推 阅读全文
摘要:
第一部分:表单基础 在React中,修改表单的唯一途径是使用setState方法。举例如下: 在codepen的运行代码连接 我们可以看出其运行逻辑:首先将组建渲染到页面,及执行了render(),此时获取的value为空,当我们输入数据时,触发handleChange函数(注意:要提前绑定在当前环 阅读全文
摘要:
在初学Javascript时,我们也许不需要担心函数绑定的问题,但是当我们需要在另一个函数中保持上下文对象this时,就会遇到相应的问题了,我见过很多人处理这种问题都是先将this赋值给一个变量(比如self、_this、that等),尤其是var that = this是我见的最多的,这样当你改变 阅读全文
摘要:
1.写组件时,最好将一个大的组件分解成多个小的组件。 通过React写组件时,应当尽可能地将组件分为更小的更多的组件,然后再复合组件。 比如下面的评论组件就是一个组件,一个庞大的组件,这时我们还没有将之分解,更没有复合: 这个组件要接受一个author(对象)、一个text(字符串)和一个data( 阅读全文
摘要:
使用webpack webpack是一款模块化的打包工具,它认为所有的文件都是模块,包括js,css等等,版本为2.x推荐学习,1.x版本已废弃,不建议使用。 目前,facebook官方就是使用webpack搭建react的开发环境,关于webpack的详尽知识可以在webpack官网学习。这里将介 阅读全文