阿飞去捉小蝴蝶

最近接到需求，需要再网页对两个文件做对比，类似于github的文档对比功能，网上查阅一番，决定使用monaco-editor（vscode真香）。但是官方的文档不太友好，再加上我的项目是umi搭建的，所以折腾一番，总算是搞定了。 由于我是在antd的modal里展示的，所以在c…

flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值

最近工作中有个9宫格抽奖的需求，一开始没啥思绪，网上查阅一番，自己又修改了一下，希望与大家交流分享。 利用flex布局形成9宫格，每个格子的序号为0~8，创建一个记录当前指针的变量，点击抽奖，指正转动，当index等于变量的时候让当前格子与其他格子样式不一致，当请求后台有结果时…

（CSRF中文全称是叫跨站请求伪造。一般来说，攻击者通过伪造用户的浏览器的请求，向访问一个用户自己曾经认证访问过的网站发送出去，使目标网站接收并误以为是用户的真实操作而去执行命令。常用于盗取账号、转账、发送虚假消息等。攻击者利用网站对请求的验证漏洞而实现这样的攻击行为，网站能够…

所有的任务都会被放到调用栈（call-stack）等待主线程（main thread）执行,主线程的执行过程就是一个 tick。 JS调用栈采用的是后进先出的规则，当函数执行的时候，会被添加到栈的顶部，当执行栈执行完成后，就会从栈顶移出，直到栈内被清空。 同步任务会在调用栈中按…

这里所说的同步异步， 并不是真正的同步异步， 它还是同步执行的。这里的异步指的是多个state会合成到一起进行批量更新。 如果是由React引发的事件处理（比如通过onClick引发的事件处理），调用setState不会同步更新this.state，除此之外的setState调…

最近公司有个新需求，在公众号内打开app，有app就直接打开，没有就去应用市场下载，这就是一个引流的作用，我直接在网上找了一个大佬的轮子，callapp-lib（文档），使用起来特别方便。 由于安卓一直唤端失败，可能是因为参数的原因，然后是个兼职安卓，无语。。。所以采用另一种方…

bind和call&apply的区别是，bind改变了this指向但不会立即执行，而apply和call方法是即改变了this指向，又立即执行的。 对前后端跨域可以说一下吗？跨域分哪几种类型，如何解决各个跨域的问题。 跨域问题是由于js语言安全限制中的同源策略造成的,同源策略是…

请把俩个数组 [A1, A2, B1, B2, C1, C2, D1, D2] 和 [A, B, C, D]，合并为 [A1, A2, A, B1, B2, B, C1, C2, C, D1, D2, D]。 这里比较巧妙的利用在a2数组的每一项拼接字符串‘3’，以此来用作排序…