摘要: document.body.addEventListener('focusout', () => { //软键盘收起的事件处理 setTimeout(() => { const scrollHeight = document.documentElement.scrollTop || document 阅读全文
posted @ 2019-10-24 18:58 菜鸟乐谷 阅读(2355) 评论(0) 推荐(0) 编辑
摘要: 实心三角: i{ display: inline-block; width:0; height:0; border-width:20px; border-style:solid; border-color:#000 transparent transparent transparent; } 空心箭 阅读全文
posted @ 2019-08-02 10:03 菜鸟乐谷 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 在react中使用date-fns: import sub_days from 'date-fns/sub_days'; import start_of_week from 'date-fns/start_of_week'; import end_of_week from 'date-fns/end 阅读全文
posted @ 2019-07-15 11:45 菜鸟乐谷 阅读(4999) 评论(0) 推荐(0) 编辑
摘要: function convertHexToRGB(color) { if (color.length 4) { let extendedColor = "#" for (let i = 1; i < color.length; i++) { extendedColor += color.charAt 阅读全文
posted @ 2019-07-15 11:35 菜鸟乐谷 阅读(2333) 评论(0) 推荐(0) 编辑
摘要: React推广了Virtual DOM并创造了新的语法——JSX,JSX允许开发者在JavaScript中书写HTML Vue使用模板系统而不是JSX,但能对现有应用的升级更加容易,这是因为模板用的就是普通的HTML。 Virtual DOM是一个映射真实DOM的JavaScript对象,如果需要改 阅读全文
posted @ 2019-07-10 11:27 菜鸟乐谷 阅读(1101) 评论(0) 推荐(0) 编辑
摘要: 做一下舍入Math.round(num*100)/100; 阅读全文
posted @ 2019-07-04 14:13 菜鸟乐谷 阅读(917) 评论(0) 推荐(0) 编辑
摘要: function ajax(image, ind) { return new Promise(function(resolve, resject) { setTimeout(function() { addProductImageFn(image, ind)//执行逻辑的方法 resolve() } 阅读全文
posted @ 2019-06-27 11:42 菜鸟乐谷 阅读(2141) 评论(0) 推荐(0) 编辑
摘要: hook使用ref 父组件: 引入 useRef 声明ref的名字 const dateRef = useRef() 复值给组件 ref={dateRef} 使用 dateRef.current.funName下面的方法 子组件: 引入 useImperativeHandle,forwardRef 阅读全文
posted @ 2019-05-30 17:44 菜鸟乐谷 阅读(8167) 评论(0) 推荐(0) 编辑
摘要: <script> //控制只能输入小数点后3位 function clearNoNum(obj) { obj.value = obj.value.replace(/[^\d.]/g, ""); //清除除了“数字”和“.”以外的字符 obj.value = obj.value.replace(/\. 阅读全文
posted @ 2019-05-22 14:33 菜鸟乐谷 阅读(458) 评论(1) 推荐(1) 编辑
摘要: 1.在HTML里面支持contextmenu事件(右键事件)。所以需要在组建加载完时添加此事件,销毁组建时移除此事件。 2. 需要增加一个state,名称为visible,用来控制菜单是否显示。在_handleContextMenu(右键事件)里面,它被设置为true,从而可以显示出来。那么,当鼠标 阅读全文
posted @ 2018-12-19 10:08 菜鸟乐谷 阅读(7923) 评论(0) 推荐(2) 编辑