如何判断 CSS @font-face 规则中的字体是否加载结束,是否加载成功?本文提供的方法你一定喜欢。
阅读全文…
标签:font, font-face, FontFace, woff, woff2 发布在 JS实例 | 3 条评论 »
兴趣使然,做了个音频播放器,支持各种循环模式,支持样式自定义,基于 howler.js实现,希望里面的内容能够对你的工作与学习有所帮助。
标签:audio, howler, slot, Web Audio API, Web Components, 播放器 发布在 JS实例 | 17 条评论 »
多次遇到复制文字内容到剪切板的需求,每次都重新撸一遍代码,很糟心,所以特别写了篇文章,方便下次复用和溯源,也顺便帮助下其他同行小伙伴。
标签:clipboard api, clipboardData, copy, execCommand, paste, 剪切板 发布在 JS实例 | 14 条评论 »
在前端同行的提醒下,了解了下ogv.js解码webM视频,也就是使用canvas播放webM视频,可以让iOS,iPhone播放webM视频,但是,我的主要目的是解决Android原生video 视频层级问题的。
标签:iphone, mp4, video, WebAssembly, webM, 视频 发布在 JS实例 | 5 条评论 »
太好了,HTML imports被废弃了,我可以放心使用这个语法实现HTML include功能了,从此静态页面也可以有公用头部和尾部啦。
标签:attributeChangedCallback, customElements, html, imports, link, rel, Web Components 发布在 HTML相关, JS实例 | 10 条评论 »
CSS revert是一个新出来的全局关键字,在使用display显示元素的时候,revert可以提高我们的开发体验,简化我们的实现。
标签:all, css相关, display, list-item, revert, 全局关键字 发布在 CSS相关, JS实例 | 7 条评论 »
HTML表单输入框元素直接使用value属性赋值是不会触发change事件的,本文提供一种实现方法,保证原生的value赋值特性同时可以触发change事件。
标签:CustomEvent, defineProperty, dispatchEvent, getOwnPropertyDescriptor, HTMLInputElement, proxy 发布在 JS实例 | 7 条评论 »
大家如果进行原生的web components组件开发,可能会遇到build-in自定义元素在Safari浏览器下不支持的场景,本文提供了相应的解决方案,为您的实际开发助航。
标签:connectedCallback, CustomEvent, dispatchEvent, polyfill, Safari, Web Components, 组件, 自定义元素 发布在 JS实例 | 一条评论 »
H5直播,Android视频播放层级,内置播放器等问题,可以看看本文介绍的两个JS项目,JSMpeg和Broadway,或许会有所帮助。
标签:Broadway, JSMpeg, mp4, Vap, webGL, 视频, 解码, 音频 发布在 JS实例 | 9 条评论 »
H5中希望有炫酷3D动效,但是3D WebGL实力不允许,可以试试使用本文要介绍的VAP,导出PNG图片序列,可以有高性能的炫酷动画效果,Android和iOS也可以使用。
标签:canvas, OpenGL, webGL, 动画, 序列图片, 性能, 视频, 解码, 音频 发布在 JS实例 | 15 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee