前端[色色]

2025年4月17日

摘要： 1.VSCode 安装扩展 Tailwind CSS IntelliSense 2.打开 VSCode 设置快捷键：Ctrl + ,（Windows/Linux）或 Cmd + ,（Mac）。搜索 Tailwind CSS IntelliSense。 3.新增以下配置 { "tailwindCS 阅读全文

posted @ 2025-04-17 11:56 前端[色色] 阅读(591) 评论(2) 推荐(0)

TailwindCSS 使用 Iconify图标库

摘要： 1.安装（@iconify/json）和 @iconify/tailwind 插件 npm i @iconify/json @iconify/tailwind -D 2.在 tailwind.config.js 中声明插件 const { addDynamicIconSelectors } = re 阅读全文

posted @ 2025-04-17 11:49 前端[色色] 阅读(98) 评论(0) 推荐(0)

2023年4月3日

vue3中监听scroll事件的3种方法

摘要：监听元素的滚动事件是很常见的一个需求了。下面介绍3种在vue3中监听元素滚动事件的方法。 1.添加事件监听：Event Listener <script setup> import { ref, onMounted, onUnmounted } from 'vue' const content = 阅读全文

posted @ 2023-04-03 18:01 前端[色色] 阅读(22638) 评论(0) 推荐(1)

2022年4月1日

vue2 和 vue3 路由使用对比

摘要：以跳转至/detail 页面，传递id:1举例： vue2 vue3 路由跳转 (通过query) //<router-link>跳转 <router-link :to="{ path:'/detail',query:{id:1} }">详情</router-link>//path可替换成name，阅读全文

posted @ 2022-04-01 11:25 前端[色色] 阅读(449) 评论(0) 推荐(0)

2021年3月9日

VSCode+Vue.js+Prettier+ESLint 四步代码格式化

摘要： 1.安装 VS Code 插件 Vetur Prettier ESLint 为了让代码保存时自动格式化，在 setting.json 【setting.json打开方式：文件 --> 首选项 --> 设置 --> setting.json 或者快捷键 ctrl + , 】添加如下代码： "edit 阅读全文

posted @ 2021-03-09 17:05 前端[色色] 阅读(1265) 评论(0) 推荐(0)

2021年1月25日

通过媒体查询适配所有 ios 刘海屏

摘要：废话不多说，直接上干货。本文主要解决如何通过媒体查询适配所有iphone刘海屏。 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文

posted @ 2021-01-25 19:39 前端[色色] 阅读(1132) 评论(0) 推荐(0)

2020年9月11日

vue-cli3 安装包后报错

摘要： vue-cli3 有时候安装某些包之后会报错。比如提示‘Cannot find module 'vue-loader/package.json'’，可以尝试下执行下面2条命令：删除已安装的包： rm -r node_modules ；再重新安包依赖包：npm install 。我没有执行第一条阅读全文

posted @ 2020-09-11 16:41 前端[色色] 阅读(580) 评论(0) 推荐(0)

2020年9月8日

git项目分支的创建，合并，远程提交

摘要： 1.新建本地分支创建新本地分支 git checkout -b 分支名比如你要创建一个叫login的分支，就执行如下命令： git checkout -b login 查看所有本地分支 git branch 前面带 * 表示你当前所在的分支。 2.代码提交至本地分支 2.1 先暂存修改的文件执阅读全文

posted @ 2020-09-08 14:01 前端[色色] 阅读(1252) 评论(0) 推荐(0)

码云(Gitee)项目托管步骤

摘要： 1.注册码云账号码云官网 2.配置公钥右上角头像 > 设置 > SSH公钥 SSH公钥生成方法 SSH公钥设置测试公钥是否配置成功执行 ssh -T git@gitee.com ，成功的话，如下图所示： 3.码云新建远程仓库点击头部导航栏“＋” > 新建仓库 > 填写项目相关信息 > 点击阅读全文

posted @ 2020-09-08 13:50 前端[色色] 阅读(2380) 评论(0) 推荐(0)

2020年9月4日

JS常用代码片段

摘要： 1.固定保留指定位数的小数（非四舍五入） function formatDecimal(num, decimal) { num = num.toString() let index = num.indexOf('.') if (index !== -1) { num = num.substring( 阅读全文

posted @ 2020-09-04 14:33 前端[色色] 阅读(337) 评论(0) 推荐(0)

公告