springLilly的博客

React的constructor super作用是什么？为什么要进行bind绑定？

springLilly — Thu, 17 Feb 2022 16:35:06 +0800

最近有些迷惑一个事情，就是在写react组件的时候，有时候写constructor，有时候不写，呃呃呃呃呃，虽然不起眼，但是这到底是一个什么机制呢，好好研究了一下，发现涉及到的东西还不少，这并不是出现在react的东西，而是涉及到类和继承的问题的，决定写下来总结一下。虽然对于使用并不影响，但是只知其然不知其所以然，慢慢就会变得迷茫。。。。参考文章 Why Do We Write super(props)? 阮一峰：Class 的继承为什么在React Component需要bind绑定事件 MDN类体和

JavaScript 运行机制 Event Loop 学习

springLilly — Thu, 10 Feb 2022 15:21:20 +0800

这个事件机制我看了好多的文章，有不少被指出有理解错误或问题，我一直对这个东西处于迷迷糊糊的状态，今天看到一道题，决定好好研究一下。本文只是我自己的的学习总结，不免有问题，希望看到问题的朋友批评指正。事件循环机制是js实现异步的核心，在每一轮事件循环中都涉及到了同步任务和异步任务，异步任务的返回结果会被放到一个任务队列中，根据异步事件的类型，这个事件实际上会被放到对应的宏任务和微任务队列中去。具体对于宏任务和微任务的理解可以参考下图。具体的理解我写在了文章里，因为对node还一知半解，所以本次只涉及浏览器端

js实现点击＜li＞标签弹出其索引值

springLilly — Wed, 09 Feb 2022 18:23:54 +0800

根据上面HTML，用JS实现点击 li 输入当前 li 节点在 ul 列表中的索引

11111
22222
33333
44444
55555

1.获取所有的li元素，然后进行循环给每个li绑定事件在这个方法中，有一些小问题（1）d

关于moment.js的使用总结

springLilly — Fri, 28 Jan 2022 18:42:35 +0800

为antd DatePicker设置自定义值 moment.js 取当前年份月份等 fomat显示相关

destroyOnClose设置后依旧没有清除Form表单数据

springLilly — Tue, 18 Jan 2022 20:27:33 +0800

默认关闭后状态不会自动清空, 如果希望每次打开都是新内容，请设置 destroyOnClose。和 Form 一起配合使用时，设置 destroyOnClose 也不会在 Modal 关闭时销毁表单字段数据，需要设置。 Modal.method() RTL 模式仅支持 hooks 用法。 ...

React 复制链接到粘贴版（copy-to-clipboard库）

springLilly — Tue, 08 Dec 2020 16:48:44 +0800

** React 复制链接到粘贴版（copy-to-clipboard库） ** 一级目录 1.安装 npm install copy-to-clipboard --save 2.在package.json内 "dependencies":{ "copy-to-clipboard":"^3.0.5" } 3.使用方法 //引入 import copy from 'copy-to-clipboard'; //使用方法 copyUrl = () => { copy(this.props.url)

html2canvas 图片不显示问题

springLilly — Mon, 23 Nov 2020 14:27:23 +0800

https://blog.youkuaiyun.com/doubleu_/article/details/86596569 https://blog.youkuaiyun.com/weixin_42626401/article/details/106567041 关于html2canvas跨域图片不显示问题

小屏ios页面恢复是光标错位

springLilly — Mon, 23 Nov 2020 14:10:28 +0800

移动端页面的定位会影响光标位置，相信很多人都遇到过，然而在整个页面没有用到定位的情况下还是遇到了光标错位的问题。尤其是小屏的ios手机，原因是移动端在点击input输入的时候软键盘弹出，整个页面被键盘往上挤压，然而光标的位置也被挤压，收起软键盘的时候页面恢复，但是光标还是在原来input的位置，（输入验证码点击发送按钮，键盘会自动收起来，使页面恢复）就导致光标不在该在的地方，整个页面呈现无法点击的状态，向上点击就会点击到input框，实际上原来input的框并不能点击，在软键盘收起(也就是失焦)的时候

部署到线上的图片找不到了血泪教训。。。。

springLilly — Mon, 23 Nov 2020 13:56:11 +0800

我的天明明本地运行的好的很，部署到线上就废了，一顿找，最后发现犯了一个极度脑残的错误---------啊啊啊啊啊竟然命名错了图片名称为jiaoBai,代码里引用的是JiaoBai,仅仅一字之差竟然头疼了好久查过资料才知道，在windows的主机，文件的后缀名不区分大小写，如*.JG的文件，在网站中写*. jpe或*.JPG都能识别。但是在linux主机中，会区分大小写，如果文件为*.JPG,那网站中读取为*. jps就不能正确读取这个图片。其实不只是文件后缀其实文件名也是同理。 ok啦还.

css grid布局实现水平垂直居中文字水平垂直居中

springLilly — Sat, 10 Oct 2020 16:50:53 +0800

原来一直使用flex布局来实现水平垂直居中，今天才知道还有grid也是很好用的，参考阮一峰大神的博客，简单记录一下学习；