js
21篇文章 · 0订阅
  • 解析tapable并实现一个自己的tapable
    |SyncLoopHook|同步循环|返回值不是undefined，循环。多个taps时返回不是undefined，从第一个tap重新循环| |AsyncSeriesLoopHook|异步循环|返回值不是undefined，循环。多个taps时返回不是undefined，从第一…
    Webpack
  • 前端基本功（四）：性能优化之你真的懂回流、重绘与合成层吗？
    1. 页面的呈现流程 浏览器把获取到的HTML代码解析成1个DOM树，HTML中的每个tag都是DOM树中的1个节点，根节点就是我们常用的document对象。DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。 浏览器把所有样式(用…
    JavaScript
  • 滚动导航+吸顶合并方案（含sticky详解）
    这是一个老套的需求，jq时代就很流行的交互需求。网络上也有不少资料，我这里写这篇文章的目的更主要是针对这些资料的不足，解决一些问题： 吸顶和滚动导航的资料都是独立的，二者作为独立功能独立分析。我这里要把吸顶功能作为滚动导航的一个功能之一，作为一整套方案来分析。 吸顶和滚动导航的…
    JavaScript
  • 各种源码实现，你想要的这里都有
    返回新对象。 简单版深拷贝，列举三个例子 array object function，可以自行扩展。主要是引发大家的思考 鄙人公众号【前端技匠】，一起来学习吧。
    前端
  • 写给新手前端的各种文件上传攻略，从小图片到大文件断点续传
    今年国庆假期终于可以憋在家里了不用出门了，不用出去看后脑了，真的是一种享受。这么好的光阴怎么浪费，睡觉、吃饭、打豆豆这怎么可能（耍多了也烦），完全不符合我们程序员的作风，赶紧起来把文章写完。 这篇文章比较基础，在国庆期间的业余时间写的，这几天又完善了下，力求把更多的前端所涉及到…
    JavaScript
  • 浅拷贝和深拷贝（较为完整的探索）
    本文将用递归学习的方式探索关于《浅拷贝和深拷贝》中涉及的知识点，希望小伙伴们在脑海中深拷贝这些知识点，在面试或者工作中能够灵活使用。 后端小伙伴需要我将 接口返回的源数据 和 页面修改后新数据 各发一份给它。 现在，我们开始揭晓上面答案。 在这之前，先看看 基本数据类型和引用数…
    JavaScript
  • 从今天开始，拿起 TypeScript 做一个轮子的制造者
    前端这些年发展非常迅速，社区里涌现了一堆优秀的轮子，比如Vue、React、Angular、jQuery、axios 等，它们解决着不同领域下的问题。使用这些轮子能极大地帮助我们提升生产力，有些人甚至基于这些轮子二次开发了一些轮子，比如 element-ui、ant-desig…
    TypeScript
  • 类似淘票票 选座功能（svg）
    详细效果可以去demo那体验一下，建议用手机端体验。 座位分布图的SVG是UI画好后导出来，并且通过后端接口返回整个SVG标签以及里面的内容。 前端只要发请求获得SVG并且插入就好了。插入后需要将已订购的座位置黑，无法选择。 hammerjs是一个手势库，提供了tap, dou…
    后端 产品
  • 前端异常监控解决方案研究
    前端监控包括行为监控、异常监控、性能监控等，本文主要讨论异常监控。对于前端而言，和后端处于同一个监控系统中，前端有自己的监控方案，后端也有自己等监控方案，但两者并不分离，因为一个用户在操作应用过程中如果出现异常，有可能是前端引起，也有可能是后端引起，需要有一个机制，将前后端串联…
    前端
  • 记好这 24 个 ES6 方法，用来解决实际开发的 JS 问题
    本文主要介绍 24 中 es6 方法，这些方法都挺实用的，本本请记好，时不时翻出来看看。 页面DOM里的每个节点上都有一个classList对象，程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList，程序员还可以用它来判断某个节点是否被赋予了某个CS…
    JavaScript ECMAScript 6