木啊马

promise链式的使用和注意细节promise.jsfunction test(){ return new Promise((resolve,reject)=>{ resolve('this is test') },1000);})function test2(){ return new Promise((resolve,reject)=&gt...

一个前端朋友出了一个数据处理问题。问题如下，想把上面的数据处理成下面的结构。

在前端开发门户网站这种用户范围广、展示终端种类多的情况时，我们会尝试运用到响应式设计。响应式设计通常有css3中的媒体查询、百分比布局和自适应bootstrap等前端响应式框架。没种方式都有它的优劣势，css3中的媒体查询在书写代码方面较为繁琐，bootstrap等前端框架需要引入大量代码而且需要熟悉更多的框架书写规范。有没有一种偷懒的方式呢？这也是我在以前开发APP网站时采用的偷懒的方式，现在分享给大家一起讨论。此方法是一个捷径，所以有时候有些布局在响应时不一定会达到绝对完美的效果。

CDN 利用全局负载均衡技术将用户的访问指向离用户最近的工作正常的流媒体服务器上，由流媒体服务器直接响应用户的请求。服务器中如果没有用户要访问的内容，会根据配置自动从原服务器抓取相应的内容并提供给用户。IPTV 可利用 CDN 为用户提供 VOD 业务，通过 CDN 把视频内容分发到靠近用户端的 CDN 节点后，可以在一定程度上保证端到端的服务质量。这些CDN公共库大都各具特色。大家可以自己选择性去使用。其中，百度会限制在本地引用其静态资源，在开发时不太方便。

Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。支持自定义的播放控制和 WebVTT 字幕。由于 java 新接入了一个文件视频预览第三方服务，其中视频和音频播放控件就是使用 plyr ，其中的配置控件不满足于现阶段的需求，所以学习了该控件的 api 文档。

工作中经常遇到需要在一个树结构的数据中查询符合条件的数据。今天我就将最常见的两种查询条件对应的方法列举一下。第一种，根据树中键值找到第一个符合要求的对象；第二种，根据键值找到树中符合要求的多个对象，最后输出是一个数组。

<style> input:valid ~ button { pointer-events: all; cursor: pointer; background: green } input:valid ~ button::after { color: #fff; font-w...

如图所示 , 当浏览器打开很多标签页时监听是否为选中 ;当最小化浏览器是也会触发该函数。我们可以用这个方法控制页面中运行的 js 在对应的状态下停止或者开始运行谷歌(Chrome)浏览器下测试如下 , 可以正常运行 :Safari 浏览器下测试如下 , 可以正常运行 :火狐浏览器下测试如下 , 可以正常运行 :代码如下 : var hiddenProperty = 'hi...