前端
7篇文章 · 0订阅
  • 前端劝退之前端知识体系（前端面试体系）
    前言 虽然马上就要金九银十了，面试的人应该不少，虽然我也有在面，写文的目的主要是梳理下知识，能对复习有点帮助就行，本文主要针对前端知识体系相关。
    前端
  • Howler.js Web音频播放终极解决方案
    相信有很多人在写移动端音频播放的时候都踩过不少坑，特别是复杂音频项目在兼容多种设备的时候更是让你抓狂，比如ios端不能一开始就播放音频，必须要用户进行了操作。。。。 Howler.js默认使用Web Audio，但在IE上可以自动转为HTML 5 Audio。这点很是贴心。 移…
    JavaScript
  • SVG Path路径在网页开发的作用
    SVG是矢量图形表示，它的一个强大之处在于path标签可以表示任意的矢量形状，利用好这个path可以做出很多传统html/css做不出来的效果。下面举几个例子。 1. 做路径动画 利用animateMotion结合path做的动画，具体说明可见上文。 2. 实现不规则形状的点击…
    CSS 前端 SVG
  • 用最短的CSS样式，勾勒大数据演示屏
    本文github地址,持续更新...... 覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版，本质上讲是两层图，底层图清晰完整，顶层图模糊残缺，并且两者位移完全一致，因此叠加到一起后像是一张图。为了确保位移一致，我们用了 backg…
    CSS 前端 数据可视化
  • BetterScroll：可能是目前最好用的移动端滚动插件
    BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API…
    Vue.js JavaScript 前端框架
  • 探索el-table列宽自适应内容的实现
    最近项目上线之后，产品对首页的列表提出了列宽自适应内容的需求，即列的宽度由当前列中内容最宽的一个单元格决定（单元格内容不换行）。项目中的表格使用的是element-ui的table组件，非常强大，满足了各种各样的需求，例如固定列，固定表头，展开行等等。但是面对这样的需求，貌似并…
    JavaScript
  • Vue 组件间通信六种方式（完整版）
    组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…
    Vue.js JavaScript