2020年10月11日 by 张 鑫旭 阅读 17856 次, 今日 27 次
本文介绍#RRGGBBAA色值表示法，对应的透明度的16进制色值，RGB颜色和HSL颜色语法以前的限制都取消了，支持小数，参数个数3个4个都可以，以及介绍RGB颜色和HSL颜色的新语法，希望本文内容对大家的学习有所帮助。
阅读全文…
标签： Alpha通道, color, hsla, opacity, rgba, RRGGBBAA, 颜色
发布在 CSS相关 | 4 条评论 »
2020年10月11日 by 张 鑫旭 阅读 20484 次, 今日 32 次
本文介绍一种自定义任意CSS语法、以及Polyfill CSS新特性的技术，这个技术的精华之处就是巧用CSS变量var让这些浏览器本不应该识别的语法也认为是合法的，从而让JS进行解析识别与转化成为了可能，本文通过3个案例演示该技术，希望可以对您的学习有所帮助。
阅读全文…
标签： attr(), circle(), css var, CSS变量, ellipse(), inset(), keyword(), offset-path, polyfill, polygon, ray()
发布在 CSS相关, JS实例 | 2 条评论 »
2020年10月10日 by 张 鑫旭 阅读 28599 次, 今日 22 次
CSS attr()新语法可以让HTML属性以任意的CSS属性值类型呈现，足矣对现有的web开发产生颠覆，但是可惜这么好用的东西目前没有任何浏览器支持，本文会介绍我自己找到的一种Polyfill方法，可以让所有支持CSS变量的浏览器都可以使用attr()新语法。
阅读全文…
标签： attr(), content, css var, CSS变量, polyfill, 自定义属性
发布在 CSS相关, JS实例 | 9 条评论 »
2020年10月6日 by 张 鑫旭 阅读 49471 次, 今日 40 次
flex:initial适合小部件元素的分布布局，flex:0适合用到替换元素的场景，flex:none适合按钮等不换行的小控件，flex:1适合等分布局，flex:auto适合基于内容动态适配的布局，具体的剖析可以点击链接进行查看。
阅读全文…
标签： flex, flex-basis, flex-grow, flex-shrink, flex:0, flex:1, flex:auto, flex:none, flex布局, grid布局
发布在 CSS相关 | 19 条评论 »
2020年09月13日 by 张 鑫旭 阅读 31913 次, 今日 31 次
目前关于CSS Layout API最详细最深入的文章，内有简单易学全新的自定义布局案例，案例代码有详细的注释描述，彻底弄懂CSS Layout API。
阅读全文…
标签： blockOffset, css var, css相关, display:layout, houdini, inlineOffset, Layout API, LayoutConstraints, LayoutEdges, LayoutFragment, layoutWorklet, line-height, Paint API, styleMap, text-align, 瀑布流布局
发布在 CSS相关 | 10 条评论 »
2020年09月6日 by 张 鑫旭 阅读 23807 次, 今日 27 次
SVG textPath可以让文字沿着指定的路径排列排版布局，文中还有配套开发的路径转换工具和诸多应用案例，精彩不容错过。
阅读全文…
标签： CSS Shapes, css相关, emoji字体, offset-path, path, SVG, textPath, viewBox
发布在 SVG相关 | 9 条评论 »
2020年08月20日 by 张 鑫旭 阅读 32665 次, 今日 29 次
本文介绍如何使用CustomEvent.detail触发addEventListener绑定的内置或自定义的事件并传参，以及IE浏览器不支持的解决方法。
阅读全文…
标签： addEventListener, bubbles, cancelable, createEvent, CustomEvent, dispatchEvent, Event, javascript, 自定义事件
发布在 JS API | 20 条评论 »
2020年08月12日 by 张 鑫旭 阅读 44652 次, 今日 39 次
带大家了解下滚动锚定概念以及对应overflow-anchor属性的作用和特性，虽然不是常用CSS，但是，关键时候说不定就救命了。
阅读全文…
标签： overflow-anchor, overscroll-behavior, Scroll Snap, scroll-behavior, 锚点
发布在 CSS相关 | 12 条评论 »
2020年08月6日 by 张 鑫旭 阅读 42695 次, 今日 34 次
在我以前的认知里，background-image是不能有动画或过渡效果的，但是，今天发现并不是这样的，CSS animation动画和transition过渡都可以触发A背景图到B背景图淡入淡出效果。
阅读全文…
标签： animation, background, background-image, linear-gradient, transition
发布在 CSS相关 | 15 条评论 »
2020年07月27日 by 张 鑫旭 阅读 41561 次, 今日 29 次
本文演示了如何纯前端对MP3、WAV、OGG等格式音频进行剪辑、剪裁、剪切、复制、播放以及上传等处理，使用Web Audio API，有完整的代码，还有在线demo演示页面，即插即用，希望本文内容可以对你的工作有所帮助。
阅读全文…
标签： API, ArrayBuffer, audio, AudioBuffer, AudioBufferSourceNode, AudioContext, copyFromChannel, copyToChannel, createBufferSource, FileReader, Float32Array, readAsArrayBuffer
发布在 JS实例 | 24 条评论 »
我的应用
我的应用