随笔分类 - react
React+antd table中的每列内容换行
摘要：1，效果图如下 2，分隔数组split(",") 3，详细代码代码如下 const leadsDetails = this.props.leadsDetails; const audits = JSON.stringify(leadsDetails) !== '[]' ? leadsDetails.
阅读全文
React数据共享的三种方法
摘要：在典型的React应用中，数据是通过props属性自上而下（由父及子）进行传递的。 但是，在实际开发中，我们发现有某些属性是许多组件都需要的，那么通过组件树逐层传递props就会特别繁琐，且不容易维护。 所以总结以下三种不用逐层传递props，也可以获得共享数据的方法： 1、Context 版本：
阅读全文
react（16.3+）新的生命周期
摘要：新的生命周期 Mounting（加载阶段：涉及4个钩子函数） constructor() 加载的时候调用一次，可以初始化state static getDerivedStateFromProps(props, state) 组件每次被rerender的时候，包括在组件构建之后(虚拟dom之后，实际d
阅读全文
react中解决this指向问题的四种方法
摘要：相信大家在学习和使用react的过程中，稍不注意就会出现this指向错误的问题，这个问题虽然比较好解决，但是还是让人比较头疼，那么下面就说一下解决这个问题的四种写法。 一.行间定义事件后面使用bind绑定this run(){ alert("第一种方法！") } <button onClick={t
阅读全文
单向数据流和双向数据流
摘要：在react中是单向数据绑定，而在vue中的特色是双向数据绑定。但是其实就我个人的理解是： 其实无论是vue还是react其实还是提倡单向数据流去管理状态，这一点在vuex和redux状态管理器上体现的很明显。只是vue为UI控件提供了双向数据绑定的方式，在一些需要实时反应用户输入的场合会非常方便。
阅读全文
vue与react对比
摘要：相同点 1.都使用 virtual DOM 2.都是组件化开发 or 都提供了组件化的视图组件 3.数据的改变会引起视图的二次渲染 4.都只有骨架，其他的功能如路由、状态管理等是框架分离的组件。 5.都将注意力集中保持在核心库，有丰富的插件库 区别 1.渲染页面的方式不同：vue使用更简单的模版，变
阅读全文
MVVM框架简单实现
摘要：众所周知当下是MVVM盛行的时代，从早期的Angular到现在的React和Vue，再从最初的三分天下到现在的两虎相争。 无疑不给我们的开发带来了一种前所未有的新体验，告别了操作DOM的思维，换上了数据驱动页面的思想，果然时代的进步，改变了我们许多许多。 啰嗦话多了起来，这样不好。我们来进入今天的主
阅读全文
如何阅读大型前端开源项目的源码(转)
摘要：作者简介 Daniel 蚂蚁金服·数据体验技术团队 转自: https://github.com/ProtoTeam/blog/blob/master/201805/3.md 目前网上有很多「XX源码分析」这样的文章，不过这些文章分析源码的范围有限，有时候讲的内容不是读者最关心的。同时我也注意到，源
阅读全文
React中配置Sass引入.scss文件无效
摘要：React中配置Sass引入.scss文件无效 在react中使用sass时，引入.scss文件失效尝试很多方法没法解决，最终找到解决方法，希望能帮助正在坑里挣扎的筒子~ 在node_modules文件夹下，找到react-scripts ==> config文件夹， 在该配置文件夹下找到 webp
阅读全文
搜索关键字变色突出显示
摘要：//文字变红色//content:关键字//ele:内容区域Common.prototype.textToRed =function(content, ele) { var bodyHtml = $(ele).html(); //去掉标红的font标签 bodyHtml = bodyHtml.rep
阅读全文
React中禁止chrome填充密码表单
摘要：当 input 的 type="password" 时，chrome浏览器会以 type="password" 为标识记住输入的用户名和密码， 如果chrome用户选择记住密码，chrome会把输入过的用户名、密码填充到表单中； 在React中，以下2中方法都不能解决问题： 1.在表单前增加2个in
阅读全文
