image.png 播放器是基于howler.js和vant的vue单页应用，自己写的demo所以没有ui； 可以实现暂停，停止，静音，播放速度设置，上一首，下一首，播放进度，播放进度可以拖动 需要引入howler.js和vant 直接看 ...

使用组件的原因: 提高代码可复用性 组件的使用方法 全局注册 HTML: JS: Vue.component(' ...

（给达达前端加星标，提升前端技能）​ 想要成为一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识，那么应该怎么进行Web前端性能优化呢？--达达前端Web前端性能优化原理问题​ 前端性能优化，资源的合并与压缩，图片编码的原 ...

web（给达达前端加星标，提升前端技能）​ 了解浏览器是如何工作的，能够让你站在更高的角度去理解前端浏览器的发展历程的三大路线，第一是应用程序web化，第二是web应用移动化，第三是web操作系统化。是不是有点不直白。应用程序web化就是随 ...

vue 2.6.0 中，为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。新语法的由来可查阅这份 RF ...

自从从事了前端行业，就得了个职业病，就是看到任何界面的效果都会思考自己怎么实现，这不看见Window10的日历系统，就动起了歪心思，想复现这个效果。 image 效果分析 边框的可见是跟随鼠标位置来改变，鼠标hover的日期显示边框，鼠标点 ...

问题 大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（reflow）和重绘（repaint）。尤其是在页面包含 ...

相信tab切换对于大家来说都不算陌生，后台管理系统中多会用到。如果不知道的话，可以看一下浏览器上方的标签页切换，大概效果就是这样。 1.如何切换 使用动态组件,相信大家都能看懂（部分代码省略） //通过点击就可以实现两个组件来回切换 <bu ...

碰撞检测（边界检测）在前端游戏，以及涉及拖拽交互的场景应用十分广泛。 那么啥叫碰撞？JavaScript 又是如何检测 DOM 发生碰撞的呢？ 碰撞，顾名思义，就是两个物体碰撞在了一起，眼睛是可以直观的观察到碰撞的发生。但对于前端实现，如何 ...

今天分享一个小技巧，教你如何一分钟内学会用vue实现分享功能。H5无法实现直接调用手机App并实现分享功能，如果你想自定义分享的内容，就必须在微信内嵌的浏览器里面调用微信的分享接口（QQ浏览器就要调用它的相关api，其他浏览器也是），毕竟H ...