240 发简信
IP属地:上海
  • 一步一步实现Vue的响应式-数组观测

    本篇是以一步一步实现Vue的响应式-对象观测为基础,实现Vue中对数组的观测。 数组响应式区别于对象的点 如果是直接修改属性值,那么跟对象是没有什么区别的,但是数组可以调用方...

  • 聊聊Generator在实际开发中的使用

    一直都对生成器似懂非懂的感觉,知道生成器的特点: 可以在执行中暂停 执行生成器会返回迭代器 但是一直不明白生成器在实际开发的作用,下面一起来挖掘其可以解决哪些开发痛点。 先熟...

  • 120
    一步一步实现Vue的响应式-对象观测

    平时开发中,Vue的响应式系统让我们不再去操作DOM,只需关心数据逻辑的处理,极大地降低了代码的复杂度。而响应式系统也是Vue的核心,作为开发者有必要了解其实现原理! 简易版...

  • 前端性能优化之HTTP缓存策略

    背景 很多时候,当打开浏览器的开发者工具,查看网络请求,对于资源大小(Size)选项,除了有具体的数字大小,还有from memory cache、from disk cac...

  • offsetParent、offsetLeft/offsetTop深度剖析

    element.offsetParent 定义 element.offsetParent为包含element的祖先元素中,层级最近的定位元素。也就是说,offsetParen...

  • 120
    如何避免重复性地做数据维护页面?

    作为一枚做后台管理系统的前端,除了羡慕做移动端或小程序的同行,就是经常被要求做一个XX的维护页面!这不,这周PO又说:小X啊,给系统做个手机号归属地的维护页面吧! 什么是维护...

  • 120
    JavaScript中的composition event

    最近在阅读Element-UI的input组件源码时,发现其使用了composition事件: 印象里红皮书好像有提到过,但已经记不清有什么作用了,趁此机会学习下。 comp...

  • 前端性能优化之节流-throttle

    上次介绍了前端性能优化之防抖-debounce,这次来聊聊它的兄弟-节流。 再拿乘电梯的例子来说:坐过电梯的都知道,在电梯关门但未上升或下降的一小段时间内,如果有人从外面按开...

  • @筱杉少年 谢谢!是的,主要在于理解原理,用的话还是现成的库比较全面

    前端性能优化之防抖-debounce

    这周接到一个需求-给输入框做模糊匹配。这还不简单,监听input事件,取到输入值去调接口不就行了?然而后端小哥说不行,这个接口的数据量非常大,这种方式调用接口的频率太高,而且...

  • 前端性能优化之防抖-debounce

    这周接到一个需求-给输入框做模糊匹配。这还不简单,监听input事件,取到输入值去调接口不就行了?然而后端小哥说不行,这个接口的数据量非常大,这种方式调用接口的频率太高,而且...

  • Element-UI踩坑之Pagination组件

    先说结论:在改变pageSize时,若当前的currentPage超过了最大有效值,就会修改为最大有效值。 一般Pagination组件的声明如下: 数据都是异步获取的,所以...

  • Promise-Polyfill源码解析(3)

    本篇将分析最后的catch、all、race方法。首先是catch方法,回想下catch方法的使用方式,我们一般将其放在Promise链的最后,用来捕获拒绝的原因。因此,ca...

  • 120
    Promise-Polyfill源码解析(2)

    在上篇文章Promise-Polyfill源码解析(1)详细分析了Promise构造函数部分的源码,本篇我们继续分析剩下的源码。本篇我们重点分析then方法,让我们回忆下th...

  • 120
    Promise-Polyfill源码解析(1)

    平时在项目中经常使用到Promise,很好奇其内部的实现,发现promise-polyfill的实现非常符合Promise标准,特地花几天细读了下。 我们平时都是以new P...

  • 120
    第三方企业微信登录实践

    最近项目有个需求是企业微信扫码登录,看过官方文档后感觉挺简单的,然而还是踩了好多坑,折腾了好久。。在此记录下遇到的坑。 URI的编码 官方文档的参数说明是这样的 其中特别说明...

  • 120
    移动端适配

    两周前,PO提了个扫描二维码访问H5页面的需求,由于自己一直没有接触过移动端,也对这其非常感兴趣,所以自告奋勇地接下了这个需求!不过,接触了后发现其中的知识点与坑是真的多! ...

  • JavaScript中的正则表达式

    一直觉得正则表达式很难,平时遇到都是网上copy,最近刷犀牛书的时候看到了正则部分,正好整理下知识点! 1、重复 {n, m}: 匹配前一项至少n次,但不能超过m次 比如 ...

  • JavaScript Date格式转换

    最近工作在与后端对接的时候,由于时间格式问题,踩了好多坑。自己在周末好好整理一下。 1、时间格式 首先要清楚几种时间格式 GMT(Greenwich Mean Time),即...