2021年05月16日 by 张 鑫旭 阅读 4011 次, 今日 16 次
CSS revert是一个新出来的全局关键字，在使用display显示元素的时候，revert可以提高我们的开发体验，简化我们的实现。
阅读全文…
标签： all, css相关, display, list-item, revert, 全局关键字
发布在 CSS相关, JS实例 | 4 条评论 »
2021年05月13日 by 张 鑫旭 阅读 4092 次, 今日 10 次
HTML表单输入框元素直接使用value属性赋值是不会触发change事件的，本文提供一种实现方法，保证原生的value赋值特性同时可以触发change事件。
阅读全文…
标签： CustomEvent, defineProperty, dispatchEvent, getOwnPropertyDescriptor, HTMLInputElement, proxy
发布在 JS实例 | 3 条评论 »
2021年05月9日 by 张 鑫旭 阅读 4990 次, 今日 15 次
详细介绍Promise.all()、Promise.race()和Promise.any()的异同以及最适合使用的场景，相信会对你的学习有所帮助的。
阅读全文…
标签： async, await, ES6, Promise
发布在 JS API | 9 条评论 »
2021年04月26日 by 张 鑫旭 阅读 2436 次, 今日 6 次
大家如果进行原生的web components组件开发，可能会遇到build-in自定义元素在Safari浏览器下不支持的场景，本文提供了相应的解决方案，为您的实际开发助航。
阅读全文…
标签： connectedCallback, CustomEvent, dispatchEvent, polyfill, Safari, Web Components, 组件, 自定义元素
发布在 JS实例 | 一条评论 »
2021年04月25日 by 张 鑫旭 阅读 3917 次, 今日 147 次
H5直播，Android视频播放层级，内置播放器等问题，可以看看本文介绍的两个JS项目，JSMpeg和Broadway，或许会有所帮助。
阅读全文…
标签： Broadway, JSMpeg, mp4, Vap, webGL, 视频, 解码, 音频
发布在 JS实例 | 7 条评论 »
2021年04月18日 by 张 鑫旭 阅读 6665 次, 今日 27 次
H5中希望有炫酷3D动效，但是3D WebGL实力不允许，可以试试使用本文要介绍的VAP，导出PNG图片序列，可以有高性能的炫酷动画效果，Android和iOS也可以使用。
阅读全文…
标签： canvas, OpenGL, webGL, 动画, 序列图片, 性能, 视频, 解码, 音频
发布在 JS实例 | 10 条评论 »
2021年04月10日 by 张 鑫旭 阅读 5861 次, 今日 6 次
讲讲前端JS实现网络带宽网速检测，以及相关的用户体验方面的事情。
阅读全文…
标签： downlink, lazy, loading, navigator, NetworkInformation, progress, XMLHttpRequest
发布在 JS API | 9 条评论 »
2021年03月31日 by 张 鑫旭 阅读 5464 次, 今日 3 次
最近与type=”time”输入框打了不少交道，学到了不少细节知识，关于UI，关于时间格式，以及step/min/max属性，和大家分享下。
阅读全文…
标签： font-size, form, html, input, input time, max(), min, revert, step
发布在 HTML相关 | 2 条评论 »
2021年03月20日 by 张 鑫旭 阅读 7309 次, 今日 18 次
不借助C/C++，纯JS浏览器中ffmpeg.wasm实现指定长度、位置和数量的音频和视频合并成新的视频，此领域目前为数不多优质文章，建议收藏备忘。
阅读全文…
标签： audio, canvas, captureStream, ffmpeg, RecordRTC, video, wasm, WebAssembly, webM, WebRTC, 图片合成, 视频合成, 语音合成
发布在 JS实例 | 14 条评论 »
2021年03月14日 by 张 鑫旭 阅读 4802 次, 今日 6 次
line-height属性大家都知道，那么CSS line-height-step属性又是什么作用呢？一起来一探究竟吧。
阅读全文…
标签： line-height, line-height-step, 行高
发布在 CSS相关 | 4 条评论 »
我的应用
我的应用