FENG

项目介绍 本项目主要使用了React、ECharts、TSX、SCSS等技术栈，项目使用Grid以及Flex布局，并采用rem方案实现屏幕大小自适应。项目包含多种类型图表，...

可拖曳 div 使用 transform 会比 top/left 性能更好，因为可以避免 reflow 和 repaintdocument.addEventListener...

事件委托 优点： 节省监听器 实现动态监听 缺点：调试比较复杂，不容易确定监听者ul.addEventListener('click', function(e){ // e...

使用Map 缺点：兼容性差一点 计数排序思路 缺点：只支持字符串；同时有字符串和数字时，无法区分.var uniq = function(a){ var map = new...

方法一，用JSON 不支持Date、正则、undefined、函数等数据 不支持引用（即环状结构） 方法二，用递归const deepClone = (a, cache) ...

Promise.allPromise.myAll = function(list){ const results = [] let count = 0 return new...

简化版Promiseclass Promise2 { #status = 'pending' constructor(fn){ this.q = [] const reso...

AJAX(async JacaScript and XML(JSON))const ajax = (method, url, data, success, fail) =>...

发布订阅const eventHub = { map: { // click: [f1, f2] }, on: (name,fn) => { eventHub.map[na...

节流 使用场景：防止用户频繁点击按钮 防抖 使用场景：用户频繁做拖动操作时，在拖动停止后再实现效果const throttle = (f,time) => { let ti...

给父元素加上.clearfix 给父元素加上 overflow.hidden.ckearfix:after{ content:''; display: block;/*或者...

table自带功能示例 100%高度的after before加上inline block示例 div装成table display:table示例 maigin-top ...

不同点 Canvas主要是用笔刷来绘制2D图形的 SVG主要是用标签来绘制不规则矢量图的 Canvas画的是位图，SVG画的是矢量图 SVG节点过多时渲染慢，Canvas性...

Vue的.sync 修饰符的作用 .sync 修饰符 在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可...

computed 和 watch 的区别 computed是计算属性的意思，被计算出来的属性就是计算属性 调用时不需要加括号 根据依赖会自动缓存，如果依赖不便，comput...

一、Vue 对 data 做了什么 Object.defineProperty 可以给对象添加属性 value 可以给对象添加 getter / setter getter...

1. 两个版本（完整版和非完整版）区别 完整版：vue.js，同时包含编编译器(compiler) 和 运行时(runtime)的版本 非完整版：vue.runtime.j...

一、MVC 三个对象的分别作用及伪代码示例 M - Model（数据模型）,数据模型，负责数据相关的任务 V - View（视图）,负责用户界面 C - Controlle...

一、同源策略 同源定义 源 window.origin 或 location.origin 可以得到当前源 源 = 协议 + 域名 + 端口号 如果两个 url 的 协议 ...

一、异步、同步、回调 同步 如果能直接拿到结果，那就是同步 比如你在医院挂号，你拿到号才会离开窗口，同步任务可能消耗 10 毫秒，也可能需要 3 秒，总之不拿到结果你是不会...