摘要：
需求： 为了提升交互体验，满足用户“不关弹窗还能看弹窗下的页面”的需求，需要弹窗可以随意拖动位置。 原本ant design的弹窗没有拖拽功能，但是为了保留原本功能样式，我们要拓展一下这个Modal组件。 思路： 1、首先需要两个DIV，一个是和视口一样大的drag-mask，绑定mouseMove 阅读全文
摘要：
需求： 很多时候对于页面设置默认日期，我们有这样的需求—— 日期频度为月度：如果今天是本月最后一天，默认日期取今天，否则取上月最后一天； 日期频度为季度：如果今天是本季度最后一天，默认日期取今天，否则取上季度最后一天 …… 我们以月度为例，按需求写出伪代码： 获得当前年、月、日 获得本月最后一日 i 阅读全文
摘要：
react阻止冒泡事件 https://zhuanlan.zhihu.com/p/26742034/ 需求：把数字转换成千位用,分隔的字符串，并保留两个小数点 var a = 123456.789; //1a.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1 阅读全文
摘要：
shopee高级前端工程师 1. uncode 和utf 编解码的原理和不同 2. base64和二进制的不同 3. 绑定事件的不同种方式，执行顺序，区别在哪里 4. css 实现旋转、拖拽、手势移动 5. http 非常见code和使用场景 6. 前端截图上传服务器如何实现 7. 图片上传进度如何 阅读全文
摘要：
好记性不如烂笔头：记录一个es6写法的数组去重 数据结构Set const diffArray=(arr)=>{ var s = new Set(); arr.forEach(x => s.add(x)); return [...s]; } 测试结果 阅读全文
摘要：
1、node环境 1) 下载 。 官方地址：https://nodejs.org/en/ 或 https://nodejs.org/zh-cn/ 2）安装。 一路next......Install、直到finish 3）查看安装结果 cmd命令 4）环境配置 例如我的文件夹位置 在环境变量中加上变量 阅读全文
摘要：
总是有很多需求是关于处理树形结构的，所以不得不总结几个常见操作的写法。¯\_(ツ)_/¯ 首先假设有一个树形结构数据如下 var tree=[ { 'id': '1', 'name': '教学素材管理', 'children':[ { 'id': '101', 'name': '教学素材', 'ch 阅读全文
摘要：
table的td中超出部分如何设置自动换行？ 对于td中内容为连贯的英文字符串或者数字串，默认总是不换行，列宽会撑开。 解决方法： 超出部分省略号显示 解决方法： 1、单行省略 2、多行省略 阅读全文
摘要：
很多时候我们需要组件能够根据窗口变化改变宽高，有时候可以使用css,有时候需要随数据调整则使用js计算。 比如说，当我们在页面中放置一个iframe时，我们希望它的宽高随着其父元素or窗口的变化而变化； 再比如说，当我们引用一个ant Table组件，并且动态传入columns及dataSource 阅读全文
摘要：
js的深拷贝浅拷贝是很常遇到的问题，一直模模糊糊有点说不过去，所以这次好好总结一下。 1、js的引用 JS分为基础类型和引用类型两种数据类型： 基础类型：number、string、boolean、null、undefined、symbol 引用类型：Object(Array，Date，RegExp 阅读全文