摘要：
完整的代码, 可以复制引用 import axios from 'axios'; // 引入axios库 import router from '../router'; // 引入vue-router import Utils from '../utils/utils'; // 引入自定义的工具函数 阅读全文
posted @ 2021-10-27 23:03
完美前端
阅读(250)
评论(0)
推荐(0)
2021年10月27日
摘要：
完整的代码, 可以复制引用 vue-router库的相关功能 // 导入vue-router库的相关功能 import { createRouter, createWebHistory } from "vue-router"; // 导入Vuex store import store from ". 阅读全文
posted @ 2021-10-27 23:02
完美前端
阅读(280)
评论(0)
推荐(0)
摘要：
// 导入Vue 3的createApp函数 import { createApp } from 'vue'; // 导入主组件、路由、Vuex存储、axios配置和API工具 import App from './App.vue'; import router from './router/ind 阅读全文
posted @ 2021-10-27 23:00
完美前端
阅读(1668)
评论(0)
推荐(0)
摘要：
#### 使用 `vw` 实现响应式布局 方法一：使用CSS计算功能 这种方法是通过CSS中的`calc()`函数来计算`font-size`的值。 /* 根据750宽度的设计稿计算font-size，即1rem = 100px; */ html { font-size: calc(100vw / 阅读全文
posted @ 2021-10-27 21:26
完美前端
阅读(1135)
评论(0)
推荐(0)
摘要：
完整的代码, 可以复制引用 实现了一个通知条 (mequeText) 的滚动效果。当页面加载完成后，这个通知条开始从右往左滚动。当鼠标悬停在上面时，它停止滚动，并且当鼠标移出时它重新开始滚动。此外，用户还可以通过鼠标按下并拖动来手动移动这个通知条。 <!DOCTYPE html>; <html la 阅读全文
posted @ 2021-10-27 16:13
完美前端
阅读(108)
评论(0)
推荐(0)
摘要：
显示美东时间的HTML结构 <p class="fr">;美东时间 <span id="mdsj">;</span>; (UTC -5:00)</p>; JavaScript 动态显示美东时间的方法 // 定义GetTime函数，动态地在页面上显示美东的当前时间 function GetTime(o 阅读全文
posted @ 2021-10-27 16:08
完美前端
阅读(319)
评论(0)
推荐(0)
摘要：
切换全屏状态 // 定义一个变量用于跟踪是否处于全屏状态 this.isFull = !this.isFull; // 定义一个对象，其中包含用于进入和退出全屏模式的各种浏览器方法 var documentMethods = { // 用于进入全屏的方法列表 enter: ['requestFull 阅读全文
posted @ 2021-10-27 16:07
完美前端
阅读(96)
评论(0)
推荐(0)
摘要：
功能介绍 // 这个文件是在2016年9月5日创建的, 博主个人在项目里使用的特效库, 基于jquery, 需引入 函数实现 //当鼠标移动到列表项或点击列表项时，使该列表项变为选中状态。 //移入or点击默认选中 /** * 根据用户的操作（点击或移入），对列表项进行选中操作。 * @param 阅读全文
posted @ 2021-10-27 16:03
完美前端
阅读(105)
评论(0)
推荐(0)
摘要：
功能介绍 // 这段代码是在2016年6月5日创建的, 博主个人在项目里使用的特效库 函数实现 // 获取指定 class 名称的元素集合 // 参数 oParent：父元素对象，从该元素下查找指定 class 名称的元素 // 参数 className：要查找的 class 名称 // 获取 cl 阅读全文
posted @ 2021-10-27 16:02
完美前端
阅读(33)
评论(0)
推荐(0)
摘要：
完整的代码, 可以复制引用<!DOCTYPE html><html><head> <!-- 设置字符编码为UTF-8 --> <meta charset="utf-8"> <!-- 为IE浏览器设置兼容模式，优先使用最新的引擎渲染网页 --> <meta http-equiv="X-UA-Compa 阅读全文
posted @ 2021-10-27 15:59
完美前端
阅读(343)
评论(0)
推荐(0)
摘要：
初始化数据 // 定义三个数组: // arr：主数组，包含了多个消息对象 // arr2：包含了部分消息ID和未读标记的数组 // arr3：初始为空，后面用于存放过滤后的结果 let arr = [ { messageId: 1154198777724319, appid: "xiniv2", 阅读全文
posted @ 2021-10-27 15:59
完美前端
阅读(919)
评论(0)
推荐(0)
摘要：
数组去重方法1 // 初始化一个包含重复元素的数组 var arr = ['1', '2', '3', '4', '5', '2', '2', '2', '2']; var arr2 = []; // 遍历数组，利用indexOf来判断新数组arr2中是否已存在当前元素 for (var i = 0 阅读全文
posted @ 2021-10-27 15:42
完美前端
阅读(76)
评论(0)
推荐(0)
摘要：
数组冒泡排序 // 冒泡排序方法 // 初始化一个无序的数组 var arr = [4, 95, 19, 1, 33, 3, 2]; // 外层循环：每一轮进行比较 for (var i = 0; i < arr.length; i++) { // 内层循环：每一轮进行俩俩比较 for (var j 阅读全文
posted @ 2021-10-27 15:40
完美前端
阅读(419)
评论(0)
推荐(0)
摘要：
利用分割方法计算字符出现次数 // 利用分割计算字符出现的次数 // 初始化一个字符串 var str = 'border-bottom-color'; // 通过split方法将字符串按照'o'字符分割，然后计算得到的数组长度减1，就是'o'出现的次数 var n = str.split('o') 阅读全文
posted @ 2021-10-27 15:39
完美前端
阅读(29)
评论(0)
推荐(0)
摘要：
HTML 结构 <ul> <li>111111</li> <li>111111</li> <li>111111</li> <li>111111</li> </ul> 事件委托示例 // 获取第一个ul元素 var oUl = document.getElementsByTagName('ul')[0 阅读全文
posted @ 2021-10-27 15:13
完美前端
阅读(103)
评论(0)
推荐(0)
摘要：
方法1：JS千分位格式化 // 将数字转换为字符串 var aa = String(10123456789); var arr = []; // 获取数字长度对3取余的结果 var num = aa.length % 3; var num2 = 0; var tem = ''; // 若不为0，则表 阅读全文
posted @ 2021-10-27 15:12
完美前端
阅读(140)
评论(0)
推荐(0)
浙公网安备 33010602011771号