前端

手摸手,带你优雅的使用 icon

演进史 首先我们来说一下前端 icon 的发展史。 远古时代 在我刚开始实习时,大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分,所以为了优化有了image sprite 就是所谓的雪碧图,就是将多个图片合成一个图片,然后利用 css 的 background-position 定位显示不同的 icon 图标。但这个也有一个很大的痛点,维护困难。每新增一个图

AI的提示词专栏:前端 UI 生成 Prompt,HTML/CSS/JS 教程

AI的提示词专栏:前端 UI 生成 Prompt,HTML/CSS/JS 教程 本文围绕前端 UI 生成 Prompt 展开,先阐述其关联价值,即解决前端开发中 “需求描述→代码转化” 的效率瓶颈,提升效率、降低门槛并实现标准化输出。接着介绍核心设计原则,包括明确 UI 功能定位与视觉风格、指定技术栈与兼容

创意摄影艺术工作室网站#独立站网站建设 #bootstrap (Photography Art Studio Website)

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。 所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩,提供核心代码讲解&#xff0

几个常用的chrome调试技巧

1. 拖动 dom 元素 选中一个dom元素,通过拖动就可以改变元素的位置。如下图: 2. 选中 dom 元素右键删除元素 选中一个dom元素右键菜单会有很多功能选项,常用的有隐藏、删除元素等。如下图: 3. 在控制台引用选中元素 $0 使用$0可以在控制台引用选中元素,如下图: 4. $_引用上一次的结果 使用$_可以在控制台引用上一次结果,如下图

python+亮数据Web Scraper API,全自动构建“每日科技精选”YouTube聚合站

打造高定制化“每日科技精选”YouTube聚合站 引言 🔧 为什么选择“有代码”方式? 🚀 实操案例:用Python抓取YouTube科技视频 1. 找到YouTube数据集 2.选择API, 配置参数 3.调用API,获取snapshot_id 4.后台查看状态 5.获取爬取结果 6.数据清洗&#