H5页面上一组音频，需要获取每个音频的时长，展示在页面上，尝试使用Audio对象，在canplay或者loadedmetadata事件中，获取audio.duration

2.如果不设置root，即想要交叉对象是窗口的时候，需要去除滚动的父级节点，将html、body的overflow也去除（也去除的意思是不要设置），如下

最近接手了一个古旧的项目，跟客户端、服务器端一起调一个支付相关的app内嵌H5页面，这个页面有两部分组成，主页面A加上一个最终支付页面B，B页面是通过iframe嵌入到A页面中的，A、B两个页面之间的交互采用postMessage+hashChange。一般除了下载之类的需求，我很少在自己的项目中使用iframe，像这样的两个页面切换的问题...

最近重读Vue官方文档，在列表的排序过渡这一小节，文档提到，<transition-group> 组件有一个特殊的地方，不仅可以实现进入和离开动画，还可以改变定位，官网示例如下：

很多网站设计一般是两个部分，content + footer，content里面装的是网站主体内容，footer里面展示网站的注册信息等等，因为网站内容高度不定的原因，会出现下面两种情况：1.内容较少时，这个footer固定在在页面的底部。如下所示：2.内容较长时，footer跟在内容后面滑动，大致表现如下图红色框起来的部分（对应网址：[链...

有一天我们的UI设计师找到我说，要把页面中我自己用程序写的动画，换成他们给的json动画，原因是有的动画很复杂，自己写起来达不到他们的预期效果（写到这里我突然想到一个问题，这么复杂的动画为什么不使用gif。。。。坐我对面的安卓开发小哥答因为gif播放的时候可能质量不高不流畅，好吧我信了）我：？？？？客户端可...

某一天接了个需求，需要在手机的H5页面内加入视频，我开开心心做完，准备交付的时候，问题来了，PM想要用户一进入页面，视频就开始播放，不需要用户手动点击。

Bootstrap,layui等前端框架里面都对表头固定，表格滚动有实现，偏偏刚入职的公司选择了手动渲染表格，后期又觉得表格数据拉太长想要做表头固定。为了避免对代码改动太大，所以决定手写表头固定 主要遇到的个问题就是固定以后数据表格与表头的对齐问题，也看了很多我文章试下来都不怎么成功,只好自己一点点试 表头固定的...

这是一个比较老的问题了，我第一次注意到的时候，是UI设计师来找我麻烦，emmm那时候我才初入前端职场，啥也不懂啊啊啊啊啊，情形是这样的：设计师拿着手机过来：这些边框都粗了啊，我的设计稿上是1px的我：？？？？我写的是1px呀，不信你看。（说着拿出了css代码设计师：不对啊我眼睛看来这个边框比我设计稿上粗很多，看...

----》》》评论里面指出有的类型的文件下载不了，主要是因为下面的方法本质上都是改变location.href，当浏览器不能‘理解’这种类型时，就会直接下载，反之，浏览器就会直接打开，并不会下载

需求 页面上有一排按钮，悬浮在窗口顶端，不随页面滑动而滑动，这一组按钮分别对应的是页面的各个部分，点击按钮，页面定位到对应的位置。 需求分析 拿到这个需求，很自然的想到，解决这个最简单的方法是使用锚点（能靠HTML和css解决的，尽量不使用js 解法 想到使用锚点事情就比较简单了，借用a标签的href定位，很快就写...

接到的需求是这样的：跑马灯效果 一次展示一行文字 循环滚动 文字滚动到视野中停留一秒后滚出。静态效果如下图，文字从下往上或者从右往左滚动，滚动到此位置时停留一秒（不会传动图...

某一天接了个需求，要求前端获取视频文件的大小、时长以及第一帧图片传给后端服务器存储，这样有两种情况，一种是通过input上传本地视频文件，一种是给出视频的网络地址，将其直接赋值给video标签的src属性。

当使用canvas绘制网络图片的时候，经常会出现“Tainted canvases may not be exported”报错，上网搜一下解决方案，应该给的都是给img添加crossOrigin属性，尝试了一下，确实可用。看下面的一个例子：html代码：