
ReactJS
文章平均质量分 92
qq_32331073
好的技术文章源于文档、书籍、源码和实践,富有感染力的表达来自生活阅历 —— 热爱学习,热爱生活。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React踩坑笔记 —— JS、ES6
Java|JavaScript中Lamda表达式没有自己的this,它保留了封闭词汇上下文的this值,且Lamda被创建时被设置;JS可以函数式编程,所以要注意变量初始化时,赋值的是函数调用()还是函数本身;声明在函数中的变量称为局部变量。var局部变量作用域整个函数体,且具备声明提升;let作用于块和子块,不具有提升特性;同一块中,let变量不能被声明两次子块中可以再次let声...原创 2018-11-28 08:27:09 · 230 阅读 · 0 评论 -
React踩坑笔记 —— CSS
Flex是先有元素再有布局,根据元素编排布局;Grid是先有布局,再放置元素;Div在产生滚动框时,会挤压内部布局,最简单的方法,再加一个中间层专门用来显示内容#content{ overflow-y: auto; height: 328px;}#content-internal{ display: flex; flex-direction: col...原创 2018-11-28 08:29:12 · 256 阅读 · 0 评论 -
React踩坑笔记 —— React
Webpack提供了自己的导入方式require.include,但同时也支持commonjs规范或AMD规范的require语法,而Node.js使用的就是common.js,ES6的语法Import也会被Babel转化成commonjs格式或者是AMD格式。一句话理解react:事件\样式\选择器,只属于真实的DOM元素,Components最终被渲染成真实DOM。使用JSX语法的JS文...原创 2018-11-28 09:43:02 · 5921 阅读 · 0 评论 -
React踩坑笔记 —— React中的Dom操作
在React中操作Dom有四种方式:通过非受控组件‘ref’;通过事件处理器event参数,获取eventTarget;通过原生JavaScriptDom选择器;通过Dom操作插件,例如Jquery;其中ref方式为React方式,其他方式都为React以外的方式;必须要明白:React不会知道React以外的方式对Dom做出的改变,它基于自己内部的表现来决定如何更...原创 2018-12-15 17:10:43 · 11705 阅读 · 0 评论 -
React踩坑笔记 —— 差分算法(一)
目录概要document与React元素树JSX代码图示说明概要React提供了声明式的API,以至于我们不需要担心每次更新具体发生了什么更改。这使得我们开发应用变得很容易,但始终无法清楚React内部是如何实现的。本文解释了在**“差分算法”**中如何做出选择,使得组件更新,在足够快的高性能应用中仍然可以预测。document与React元素树JSX代码import React f......原创 2018-12-29 11:10:34 · 785 阅读 · 0 评论 -
解决方案(一)— Ant-design Table组件当滚动列的行高变化时,固定列的行高不会同步变化,或固定列变化滚动列不变,造成布局破坏。
Ant-design Table组件当滚动列的行高变化时,固定列的行高不会同步变化,或固定列变化滚动列不变,造成布局破坏。本来以为是文档没有看仔细,想寻求官方的配置方式来解决该问题。既然官方仍在`处理中`,在这里给出自己的解决方案,希望能够帮到其他同学。根据`产生原因`可分为两类- 滚动列发生变化,固定列不变,布局被破坏。- 固定列发生变化,滚动列和另一个固定列不变,布局被破坏。在组件更新(componentDidUpdate)时,获取`右固定容器发生变化的行tr`的真实高度(height),对`滚动容器原创 2020-01-14 20:21:41 · 5400 阅读 · 1 评论 -
React踩坑笔记 —— 一个后端程序员的React进击之路
目录引言Web前端前端三座大山后端中的前端障碍为什么学习前端?为什么要学习React?正文1. CSS布局2. JavaScript ES63. Npm/Yarn4. 脚手架5. React教程6. Redux7. React-Redux8. React-Router9. Promise10. Fetch API11. React-Native12. Webpack引言Web前端本文讨论的...原创 2018-11-20 17:52:41 · 3154 阅读 · 1 评论