React
余光、
一旦走出舒适区,你内心的痛点才是促使你前行的动力
2022年重新出发
展开
-
React基础学习1-JSX-组件
最近入职好未来励英语前端实习岗位 一直到面试的前几天都在复习基础知识,也没有认真的更新博客。公司用的前端框架只要是react,而我之前只看了几遍vue的文档,写了几个基于vue的文档,所以对于react也可以说是从头学起,基础尤为重要,我们共勉什么是React?React是一个JavaScript库,因此它需要你熟悉JavaScript。如果你感觉还不够了解,我觉得你至少要看三遍js的文...原创 2018-11-21 16:11:46 · 284 阅读 · 0 评论 -
React基础学习2-state-函数绑定
单纯的文字知识,是十分枯燥的,所以我们通过一段代码来引申出其中所涉及到的知识。第一部分(数据 状态)class Hello extends React.Component{第一行没什么好说的,这个组件叫hello,注意首字母需要大写 constructor(props) { super(props); 注意我们如何传递 props 到基础构造函数...原创 2018-11-21 18:24:21 · 561 阅读 · 0 评论 -
react自定义属性及获取
React组件自定义属性的定义及使用在很多情况下,react组件中,需要使用自定义的属性。也经常需要在默认事件(如,点击onClick)中使用自定义属性。举一个很简单的例子,点击一个按钮,并显示这个按钮“自定义属性”中的string。最近正在写日历组件,希望给按钮添加点击时间import React, { Component } from 'react';export default My...转载 2018-12-26 17:08:49 · 2620 阅读 · 0 评论 -
react实现简单的遮罩层
这是一种常见的效果,一般为了突出显示内容时会被用到。例如下面的我所写的效果我希望点击后,我可以将剩余的部分填充为黑色(遮罩层)。实现它不算太难,难在高度适应性。我记录一下我的实现 ps?:这里是部分代码,因为是实际项目中,所以内容较少,过后会继续补充~css部分.mask{ background: rgba(0,0,0,0.4) !important; z-index: 10;...原创 2018-12-28 10:50:44 · 10046 阅读 · 0 评论 -
深入浅出 React 和 redux读后感(一) => React的思想
主动去了解一种思想React的思想看到这张图,感觉到了有一点点的理解了“数据操作DOM”这句话解析:用户看到的仅仅是界面(UI),我们通过Render函数执行返回的结果来当作界面就好了,而改变他返回值的只能是data(数据)。输出完全依赖输入的函数,每次结果的比对可以先通过data的比对来处理。更新data以更新UI界面,自然可以称为“响应式编程”,很多之前感到诧异的名词就得到了解释。...原创 2019-08-20 19:20:55 · 315 阅读 · 0 评论