会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
星空0909
博客园
首页
新随笔
联系
管理
订阅
2018年6月16日
不使用ref
摘要: 为什么 尽量避免ref? 使用ref原因:react功能来访问DOM元素,这种功能的需求往往来自于提交表单的操作,再提交表单的时候,需要读取当前表单中input元素的值 而react的产生就是为了避免直接操作DOM元素,原因是直接访问DOM元素很容易产生失控的情况 解决办法:可以利用组件状态来同步记
阅读全文
posted @ 2018-06-16 12:04 星空0909
阅读(196)
评论(0)
推荐(0)
2018年4月27日
js中的转换方法
摘要: 1、var colors =['red','blue','green']; console.log(colors.toString()); // red,blue,green 总结:toString()方法 会返回数组中每个字符串形式拼接而成的以一个逗号分开的字符串 2、var colors =['
阅读全文
posted @ 2018-04-27 16:55 星空0909
阅读(219)
评论(0)
推荐(0)
2018年4月22日
理解 js的 async/await
摘要: async 和await 在干什么? async 用于声明一个function是异步的 await用于等待一个异步方法执行完成(其实我理解的是等待的是一个表达式,就是一个结果), 其中 await只能出现在async函数中 async 的返回值是一个promise对象 相对于 promise来说,a
阅读全文
posted @ 2018-04-22 12:11 星空0909
阅读(925)
评论(0)
推荐(0)
2018年3月15日
用js取1-100的随机数
摘要: function sum (m,n){ var num = Math.floor(Math.random()*(m - n) + n); alert(num) } sum(1,100); 万能 公式,不管多少范围的随机数都可以取到
阅读全文
posted @ 2018-03-15 17:37 星空0909
阅读(43299)
评论(0)
推荐(3)
2018年3月6日
componentWillMount和componentDidMount的区别
摘要: 1、componentWillMount 将要装载,在render之前调用; componentDidMount,(装载完成),在render之后调用 2、componentWillMount 每一个组件render之前立即调用; componentDidMount render之后并不会立即调用,
阅读全文
posted @ 2018-03-06 18:35 星空0909
阅读(26515)
评论(0)
推荐(0)
2018年3月5日
React组件的生命周期
摘要: React严格定义了组件的生命周期 可能会经历如下三个过程: 1、装载过程(Mount),也就是把组件第一次在DOM树种渲染的过程; 2、更新过程(Update),当组件被重新渲染的过程; 3、卸载过程(Unnmount),组件从DOM中删除的过程。 三个不同的过程,React库会依次调用组件的一些
阅读全文
posted @ 2018-03-05 16:43 星空0909
阅读(419)
评论(0)
推荐(0)
prop和state的区别
摘要: 1、prop用于定义外部接口,state用于记录内部状态; 2、prop的赋值在外部世界使用组件时,state的赋值在组件内部; 3、组件不应该改变prop的值,但是state的存在目的就是让组件来改变的
阅读全文
posted @ 2018-03-05 15:02 星空0909
阅读(717)
评论(0)
推荐(0)
2018年3月2日
jsx介绍
摘要: jsx与传统的html的区别: 1、 jsx:使用的“元素”不局限与html中的元素,可以是任何一个React组件,传统的html是做不到的 (区分是否是组件的原则:看第一个字母是否是大写) 2、jsx可以通过onClick方式给元素添加事件处理函数,当然,html也是可以用onclick(ps:C
阅读全文
posted @ 2018-03-02 11:31 星空0909
阅读(194)
评论(0)
推荐(0)
2018年2月27日
css实现垂直居中的几种方法
摘要: 方法1、这个方法把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align 属性。 方法2、使用绝对定位的 div,transform: translate(-50%, -50%) .wrapper1{ //父元素 相对定位 position: relative; h
阅读全文
posted @ 2018-02-27 18:49 星空0909
阅读(138)
评论(0)
推荐(0)
promise的生命周期
摘要: 每个promise都会经历一个短暂的生命周期: 先是处于进行中(pending)状态,此时操作并未完成,所以他也是未处理的(unsettled); 一旦异步惭怍执行结束,promise则 变为已处理(settled)状态 例如: let promise = readFile('a.txt'); 当r
阅读全文
posted @ 2018-02-27 14:35 星空0909
阅读(352)
评论(0)
推荐(0)
下一页
公告