View Transitions API可以让页面元素在无需设置具体定位属性值的情况下实现各种各样的动画效果,是个很强很有用的新特性。
阅读全文…
标签:animation, API, CSS动画, pagereveal, pageswap, transition, View Transitions API, 动画, 动画效果 发布在 CSS相关, Web综合 | 3 条评论 »
最近尝试在Dialog对话框组件中大肆使用顶层特性,以便减少z-index这类层级的判断,结果发现事情并没有预想的那样顺利,顶层特性也是有隐患的,好在有低成本的解决方法。
标签:::backdrop, dialog, requestFullscreen, showModal, showPopover, Top Layer, z-index, 全屏, 层级, 弹框, 提示, 锚点定位 发布在 Web综合 | 3 条评论 »
想要提高网页的加载体验,其实有个非常简单且实用的技巧,那就是改变请求资源的加载优先级,这也可以改变?没错!
标签:fetchPriority, link, loading, prefetch, preload, rel, 性能优化, 预加载 发布在 Web综合 | 4 条评论 »
相比于tinypng,我这个工具还自带尺寸设置功能,同时还可以控制压缩率,指定压缩格式,纯前端实现,高性能高效率。
标签:download, FileSaver, jpeg, png, toDataURL, 图像处理, 图片压缩 发布在 Web综合 | 24 条评论 »
一个看似简单的HTML属性的底下,可能是一座巨大的冰山,referrer及其相关特性就是如此。
标签:crossOrigin, meta, noreferrer, referrer, referrerpolicy, rel 发布在 Web综合 | 2 条评论 »
Codeium官方说自己哪哪都比GitHub Copilot强,我倒要看看,Codeium究竟是吹牛,还是真的深藏不露。
标签:API, chatGPT, Codeium, Copilot, 人工智能, 单元测试, 工具, 测试 发布在 Web综合 | 11 条评论 »
不知道大家有没有遇到autocomplete off无效,或者需要重置浏览器表单自动填充样式的需求,本文就将带大家聊聊背后相关的知识。
标签::autofill, autocomplete, form, input, readonly 发布在 Web综合 | 11 条评论 »
相信不少人知道polyfill的意思,那么ponyfill、prollyfill以及nottifill这几个词是什么意思呢?本文会解答相关的疑问。
标签:export, fill, nottifill, polyfill, Ponyfill, prollyfill 发布在 Web综合 | 6 条评论 »
type=range类型输入框UI自定义兼容性很好很实用,但是只是单值选择,有没有可能直接两个拖拽按钮实现范围选择呢?可以的,活用CSS即可,JS只需做一点微小的支持。
标签:CSS变量, input range, pointer-events, Shadow DOM, Web Components, 组件, 自定义元素 发布在 Web综合 | 5 条评论 »
iOS Safari浏览器下的focus行为和其他浏览器都一些明显不一致的地方,有时候会给开发带来困扰,这里就说说相关的细节知识,均源自于自己日常开发,希望可以给遇到类似问题的前端同行带来帮助。
标签::focus-within, autofocus, blur, button, focus, iOS, iphone, Safari, tabindex 发布在 Mobile相关, Web综合 | 6 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee