前端

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

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

几个常用的chrome调试技巧

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

Flutter 三方库 shelf_web_socket 的鸿蒙化适配指南 - 实现具备高性能全双工长连接与协议协商能力的端侧服务端架构、支持分布式实时信令与多端协同实战

欢迎加入开源鸿蒙跨平台社区:#Flutter 三方库 shelf_web_socket 的鸿蒙化适配指南 - 实现具备高性能全双工长连接与协议协商能力的端侧服务端架构、支持分布式实时信令与多端协同实战前言在进行 Flutter for OpenHarmony 开发时,当我们的鸿蒙应用需要充当“控制中心”角色(如控制智能家居、开启本地调试服务或实现 P2P

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

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

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

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

Augment Code神级实测:UI截图拖进VS Code,12分钟出可运行前端代码!

Augment Code 神级实测:UI 截图拖进 VS Code,12 分钟出可运行前端代码!作为前端开发者,你是否也曾被 UI 稿卡得动弹不得?明明只是还原设计,却要在切图、写 CSS、调响应式上耗费大半天?最近实测了一款 AI 编码工具Augment Code,直接颠覆了我对 “

WebAssembly:十年磨一剑,这些实践案例让我看到了它的真面目

不是锤子,也不是钉子——我在寻找WebAssembly的真正边界 前言最近在研究WebAssembly(Wasm)时,我陷入了一场自我辩论。一边是铺天盖地的技术布道:“Wasm将取代JavaScript!”,另一边是冷静后的思考:它真的适合所有场景吗?带着这个疑问&#xff

vue-gird-layout组件封装,cv就可以使用

先来效果图展示 展示.png 拖拽尺寸.png 拖拽后.png 移动.png 组件封装大家这块直接复制使用就OK <template> <grid-layout :layout="layout" :col-num="colNum" :row-hei

第三十二节:Vue路由: Vue-router基本配置与使用

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌. 1. Vue路由的安装和配置 1.1 安装vue路由 npm install vue-router --save-dev 2.2 配置vue路由 // 1\. 导入路由并使用 import Vue from 'vue' // 导入vuerouter import