专注前端技术栈，从进阶到入院。包含《快码笔记系列》、快码算法、大话数据结构、前端壹问、在线工具、前端导航等。

背景 第一次使用@人功能到现在已经有差不多10年了，初次使用是通过微博体验的。@人的功能现在遍布各种应用，只要是涉及社交、办公等场景，就是一个必不可少的功能。最近也在调研 IM 的各种功能的实现方案，

audio获取当前播放时间在dom挂载完毕后访问currentTime属性获得，通过timeupdate钩子可实时监控audio获取媒体总时长在canplay（浏览器可以开始播放该音视频）钩子函数回调

**导读：**架构图是什么？为什么要画架构图？如何画好架构图？有哪些方法？本文从架构的定义说起，分享了阿里文娱高级技术专家箫逸关于画架构图多年的经验总结，并对抽象这一概念进行了深入地讨论。内容较长，同学们可收藏起来细细阅读。 如何画好一张架构图，要做好这件事情首先要回答的就是什…

作者|张伟（上坡） 在阿里的淘系前端团队，开发与部署的模式随着技术的发展，仍然正在处于不断变化的过程中。一方面体系内外纷繁复杂的能力模块不断地向前发展，另一方面 LSP、DAP 等底层技术基础也逐渐成

vue+Intro.js实现跨路由新手引导。我写的大多数都是思路，直接粘贴的话或许达咩达咩哈，因为有个axios的细节是没贴的，贴的话太多太杂太麻烦了。

前言 最近发现身边的同事和朋友使用 VsCode 比较多。我自己也去知乎的 为什么 Webstorm 这么好用还会有人去用 Vscode 调研了一下。发现大家不喜欢 WebStorm 有几个原因： 收

准备了很长一段时间的练习攻略，同时也放到了github仓库, 也有其它的在线阅读地址。原创代码和攻略文章不易，如果觉得不错，请给仓库点个 star 哦 : ） 如果你听说过LeetCode这个网站，想要一刷到底，迈向算法巅峰，却因为浩瀚的题量和缺乏系统训练感到无力，三天打鱼两天…

1. 获取点击的Dom 2. 获取dom内容在页面中出现的次数与相对位置 3. 获取jsoneditor中对应的节点 4. 更新节点内容