09 2020 档案

数字怎么转中文汉字
摘要：/** * 输入需要转化的数字 * @param num 传入数字 * @returns {String} */ export function toChineseNum(num: number): string { if (typeof num !== 'number') { return ''; 阅读全文
posted @ 2020-09-28 11:50 文学少女 阅读(1137) 评论(0) 推荐(0)
Eslint 规则说明
摘要：1 "no-alert": 0,//禁止使用alert confirm prompt 2 "no-array-constructor": 2,//禁止使用数组构造器 3 "no-bitwise": 0,//禁止使用按位运算符 4 "no-caller": 1,//禁止使用arguments.call 阅读全文
posted @ 2020-09-23 10:54 文学少女 阅读(238) 评论(0) 推荐(0)
moment如何转化UTC格式
摘要：moment(item?.valueOf()).utc().format() 阅读全文
posted @ 2020-09-22 18:35 文学少女 阅读(691) 评论(0) 推荐(0)
掌握hook原理之如何手写useState
摘要：useState的使用 如下:const [count,setCount] = useState(1) useState传入了一个初始值,使用了解构赋值返回了两个值, 一个属性一个方法 现在我们已经掌握了它的用法，那么我们开始分析它的原理 useState的原理 我们先写一个简易版本的 let ho 阅读全文
posted @ 2020-09-22 11:32 文学少女 阅读(587) 评论(0) 推荐(0)
数字转化金额正则
摘要：<InputNumber style={{ width: '26%' }} min={0} step={1} max={100000} formatter={value => `￥ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')} parser={va 阅读全文
posted @ 2020-09-17 16:16 文学少女 阅读(225) 评论(0) 推荐(0)
js作用域相关的一道题
摘要：今天有个伙伴问了我一个题目，题目如下： var x = 10; function fn() { console.log(x) } function show(f) { var x= 20 (function(){ f() })() } show(fn); 略作沉思，我的回答是20，小伙伴说是10 ， 阅读全文
posted @ 2020-09-16 11:31 文学少女 阅读(244) 评论(0) 推荐(0)
【兼容】移动端解决滚动穿透点击穿透
摘要：在移动端页面上，当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容，这就是臭名昭著的滚动穿透问题解决方法一：css之overflow:hidden html, body { overflow: auto; height: 100%; } 使用这种方法时，在与饿了么前端 mint 阅读全文
posted @ 2020-09-14 16:05 文学少女 阅读(331) 评论(0) 推荐(0)
Taro虚拟列表踩坑
摘要：我觉得虚拟列表性能会比较好，所以强烈推荐使用虚拟列表，然后同事跟我说虚拟列表，子项的高度都是一致的，没办法自适应高度，一看，是这样 1.必须传递高度值 2.虚拟列表的高度也必须传递 并且height属性一定要是一个固定值，不能是百分比或vh/vw等。可以在computed里面进行一系列处理 从原理来 阅读全文
posted @ 2020-09-14 15:59 文学少女 阅读(924) 评论(0) 推荐(0)
React.createPortal 及 Modal 的新实现方式
摘要：今天有看到同事写的代码， ReactDOM.createPortal，哦豁这是什么API没有使用过 然后百度了一下，原来这个API可以使自己写的组件或者元素挂载到任意你你想挂载的dom元素上， ReactDOM.createPortal的使用方法 react-dom 提供的具体方法是ReactDOM 阅读全文
posted @ 2020-09-14 15:45 文学少女 阅读(1338) 评论(0) 推荐(0)
css3实现等腰三角形
摘要：忽然发现自己从前写等腰三角形都是一个边一个边试出来，为此记录一下 .shape{ width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-bott 阅读全文
posted @ 2020-09-14 10:09 文学少女 阅读(965) 评论(0) 推荐(0)
怎么生成树形目录结构
摘要：从前的话，没有写过readme，忽然觉得对不起自己两年工作经验，今天写了readme，生成树状结构在此记录一下， 哦哈其实很简单的啊 第一步打开shell或者cmder窗口 第二步 输入 tree 或者 tree /f >list.text 打开list.text,诺出现了你想要的树状结构 tree 阅读全文
posted @ 2020-09-02 15:56 文学少女 阅读(1385) 评论(0) 推荐(0)
为什么项目重新发布后，需要手动刷新解决报错
摘要：1.webpack打包后会根据文件内容生成一个hash值，然后按照[name].[hash].js的格式生成文件名； 2.然后再根据文件的路由对应关系生成一个runtime.[hash].js的文件，这个文件会监控浏览器的路由变化去服务器加载对应的js文件。 3.而runtime.[hash].js 阅读全文
posted @ 2020-09-01 15:08 文学少女 阅读(350) 评论(0) 推荐(0)