- 博客(17)
- 收藏
- 关注
RSS订阅转载 React Intl 是什么原理？
react IntL的用途 : React项目国际化,react-intl 这个库提供了针对组件、日期、数字、字符串等多种国际化方法使用这里的版本为版本，高版本的用法似乎变了目前React Intl是FormatJS的一部分，它通过其组件和API提供到React的绑定将不同语言的翻译文件放在各自的js文件中，同一处文本的多种语言翻译使用相同的key//en_US.jsconst en_US = { hello: 'Hello, world!', name: 'my name is
2021-05-08 18:39:38
879
转载 什么渲染劫持？
渲染劫持的概念是控制组件从另一个组件输出的能力，当然这个概念一般和react中的高阶组件（HOC）放在一起解释比较有明了。高阶组件可以在render函数中做非常多的操作，从而控制原组件的渲染输出，只要改变了原组件的渲染，我们都将它称之为一种渲染劫持。实际上，在高阶组件中，组合渲染和条件渲染都是渲染劫持的一种，通过反向继承，不仅可以实现以上两点，还可以增强由原组件render函数产生的React元素。实际的操作中 通过 操作 state、props 都可以实现渲染劫持渲染劫持可以通过控制 render
2021-05-08 10:30:14
1025
转载 说说你对React的渲染原理的理解
ReactDOM.render的一个流程如下：创建fiberRootNode、rootFiber、updateQueue（`legacyCreateRootFromDOMContainer`） | | v创建Update对象（`updateContainer`） | | v从fiber到root（`markUpdateLaneFromFiberToRoot`） | | v调度更新（`ensureRootIsSched
2021-05-08 10:05:12
563
转载 什么时候使用状态管理器？
React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，它没涉及。代码结构组件之间的通信对于大型的复杂应用来说，这两方面恰恰是最关键的。因此，只用 React 没法写大型应用为了解决这个问题，2014年 Facebook 提出了 Flux 架构的概念，引发了很多的实现。2015年，Redux 出现，将 Flux 与函数式编程结合一起，很短时间内就成为了最热门的前端架构Redux 是一个有用的架构，但不是非用不可。事实上，大多数情况，你可以不用它，只用 React
2021-04-19 20:13:05
352
转载 componentWillUpdate可以直接修改state的值吗？
componentWillUpdate 会在 render 前被触发，它和 componentWillMount 类似，允许你在里面做一些不涉及真实 DOM 操作的准备工作这个是肯定不可以的，会造成死循环,当然这是显而易见的，但是还有其他原因为什么呢？这个方法在react16中被标记为了UNSAFE，与之一样的还有 componentWillMount，componentWillRecieveProps 为啥呢？究其原因，有如下两点：这三个钩子经常被错误使用，并且现在出现了更好的替代方案（这.
2021-04-19 20:10:39
1834
转载 render函数中return如果没有使用()会有什么问题？
class App extends Component { render() { return ( <div className="App"> <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <p> Edit <code>src/
2021-04-19 17:45:34
1007
原创 阿里云ECS进阶七天实践营-Day01基于ECS搭建FTP服务
基于ECS搭建FTP服务安装vsftpyum install -y vsftpd #安装vsftpdsystemctl enable vsftpd.service #设置FTP服务开机自启动systemctl start vsftpd.service #启动FTP服务netstat -antup | grep ftp # 查看FTP服务监听的端口配置vsftpdvsftpd（very secure FTP daemon）是一款在Linux发行版中最受推崇的FTP服务器。vsftpd支持匿名访
2020-09-23 20:14:21
104
原创 问卷星自动填写
为什么要写这篇文章？复习一下js的DOM操作由于自己比较羞涩，不想往让别人帮我填问卷快开学了，不想把时间浪费在这个暑期调查上好久没往博客里写文章了????由于自己还比较菜，所以以下代码只能自动填写问卷，不能做自动验证，本来想做自动验证，但是那个问卷星两种验证方式，一种的直接点击还好，但滑动滑块验证，真的不会做，还有就是用定时器执行提交时，大多数情况验证失败，好像问卷星这个网页预判了我的预判，所以······操作需要准备：谷歌浏览器，自动填问卷的代码，页面跳转代码打开谷歌浏览器，进入开
2020-08-15 17:47:34
5616
3
原创 培训1
什么是前端前端即网站前台部分，运行在PC端，移动端等浏览器器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。 ------百度百科网络层面一个网页就是一系列的资源组成的，这些资源从服务端请求过来，一般包括代码（html，css，js），图片，视频，音频，有些资源一次加载，比如logo图片，有些资源按需加载比如代
2020-07-10 10:00:30
179
原创 vue-过滤器和指令
过滤器的基本使用定义一个过滤器 <div id="app"> <p>{{ msg | msgFormat('疯狂+1', '123') | test }}</p> </div>// 定义一个 Vue 全局的过滤器，名字叫做 msgFormat Vue.filter('msgFormat', function (msg, ...
2019-11-03 21:50:46
196
原创 vue-品牌管理案例
品牌管理分析获取到 id 和 name ,直接从 data 上面获取组织出一个对象把这个对象，调用 数组的 相关方法，添加到 当前 data 上的 list 中注意：在Vue中，已经实现了数据的双向绑定，每当我们修改了 data 中的数据，Vue会默认监听到数据的改动，自动把最新的数据，应用到页面上；div id="app"> <div c...
2019-11-02 22:26:59
353
原创 JavaScript复习
数据类型基本数据类型string number boolean复杂数据类型（引用类型）Array Date Object RegExp String Number Boolean如何获取一个数据的数据类型使用关键字 typeoftypeof返回值为string类型String Number Date 首字母大写的都是构造函数两个空的类型nullundef...
2019-10-31 20:06:18
117
原创 事件委托
js委托事件的概述与作用addEventListener直接绑定新的元素会报dom不存在的错误吗？肯定是会的事件委托(代理)：未来还不清楚会创建多少个节点，所以没办法实现给他们注册事件先把事件委托的作用写一下。1.支持为同一个DOM元素注册多个同类型事件2.可将事件分成事件捕获和事件冒泡机制问题：一般的注册事件，后面的会覆盖前面的（addEventListener(type,liste...
2019-08-24 21:50:38
480
原创 画一个心heart
css画一个心怎么画这样画哈哈哈！！！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .heart { height...
2019-08-15 22:07:09
251
原创 css
css3D动画一些代码旋转的立方体<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box{ width: 250...
2019-08-15 21:52:16
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人