![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 51
七镜全栈成长
Kubernetes、Gin、React
展开
-
241. 【前端】JavaScript-实现下载图片但不自动预览图片
之前完成过一个需求:“JavaScript 实现导出网页中的一个模块为一张图片”。当时是通过 canvas 实现的,导出图片的效果也非常好,是我们客户在举办线下会议时做广告机的广告图用的。一张广告图可能很好做,美工手动完成一下也不费劲,但如果广告图里的数据全部来自数据库,图片也存在网络上呢?(我要解决的就是这个问题,根据动态数据实现网页自动排版并导出图片)原创 2023-02-23 22:36:17 · 480 阅读 · 0 评论 -
228. 【CSS-选择器世界】-自定义单选框
还记得第一次在大项目中负责后台管理模块时,我们设计给出了个设计规范,其中就有自定义的单选框、复选框,当时一看到就头大,因为实在不知道如何下手,毕竟浏览器的单选框是浏览器自己的组件,样式是不归程序员管理的。浏览器现在明白了,原生的单选框和设计风格不搭时,可以自定义,最好的实现方法就是借助原生的单选框再配合其他伪类。说白了就是把原生的单选框给隐藏了,然后通过伪类重新实现一个。可以看到样式和颜色想怎么改就怎么改。原创 2023-02-23 22:33:34 · 239 阅读 · 0 评论 -
222. 【CSS-选择器世界】-占位符显示伪类-placeholder-shown
placeholder-shown 伪类的匹配和 placeholder 属性密切相关,顾名思义就是“占位符显示伪类”,表示当输入框的 placeholder 内容显示的,匹配该输入框。原创 2023-02-23 22:34:04 · 195 阅读 · 0 评论 -
221. 【CSS-选择器世界】-focus-within-实现无障碍访问的输入框
整体聚焦伪类 :focus-within 非常实用,且兼容性不错,目前已经可以在实际项目中实用,包括移动端项目和无须兼容 IE 浏览器的桌面端项目。原创 2023-02-23 22:32:06 · 195 阅读 · 0 评论 -
219. 【CSS-选择器世界】CSS-属性选择器搜索过滤技术
这三种属性选择器完全是字符匹配,而非单词匹配。其中、美元符号以及星号都是正则表达式中的特殊标识符,分别表示前匹配、后匹配和任意匹配。原创 2023-02-23 22:32:50 · 279 阅读 · 0 评论 -
218. 【CSS-选择器世界】CSS-优先级规范概览
CSS 选择器有着明显的不可逾越的等级制度,分为 0~5 这 6 个等级,其中前 4 个等级由 CSS 选择器决定,后 2 个等级由书写形式和特定语法决定。:not():is():where不难看出,CSS 选择器的优先级(0 级至 3 级)属于 CSS 优先级的一部分,也是最重要、最复杂的部分,学会 CSS 选择器的优先级等同于学会了完整的 CSS 优先级规则。原创 2023-02-23 22:32:10 · 78 阅读 · 0 评论 -
217. 【CSS-选择器世界】CSS-选择器的分类
尤其对于 CSS 选择器,它作为 CSS 世界的支柱,其作用好比人类的脊柱,与 HTML 结构、浏览器行为、用户行为以及整个 CSS 世界相互依存、相互作用、这必然会产生很多碰撞,让 CSS 选择器变得非常强悍。同时 CSS 选择器也并非你想的那么单纯。原创 2023-02-23 22:30:19 · 310 阅读 · 0 评论