路由 程式vue js
Vue-Cli脚手架
1.搭建Vue-Cli脚手架 1.1.安装npm NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写 ......
SciTech-Wireless-WiFi-WDS(无线路由桥接扩网)两个路由器无线桥接（WDS）要点
两个路由器无线桥接（WDS）要点 当上网点距离路由器有好几道墙，连接WiFi信号很差时: 可用另外一个路由器无线桥接(大多数路由器的WDS功能)到主路由器(连光猫连接的路由器), 扩大主WiFi路由器的信号范围。 这个桥接的路由器称为 桥路由器； 现在一直用两个路由器桥接，很稳定，不会掉线： 说明 ......
nest.js中不同环境的配置读取
node中不同环境的配置读取 在node中最常用的是.env格式的配置文件，他有一个专门的npm包 dotenv： 我们来创建一个node项目试一下： 进入这个目录，安装dotenv: npm install dotenv 然后新建一个.env配置文件： aaa=1 bbb=2 新建index.js ......
js的this指向
在JavaScript中，this 是一个特殊的变量，它引用了调用对象。它的指向在不同的上下文中有不同的变化。以下是一些常见的 this 指向的情况： 1.全局上下文：在全局作用域中，this 指向全局对象。在浏览器中，这通常是 window 对象。 console.log(this); // wi ......
JS 日期与毫秒之间互相转换
时间戳(Unix/Linux timestamp)转换工具—在线转换毫秒时间戳工具 (toolscat.com) Date()函数：该方法返回日期的毫秒表示（毫秒数精确到毫秒） 1. 毫秒转日期： // 2023-3-25 格式 new Date(1679673600000).toLocaleDat ......
store下的 moudles 下的 permssion.js文件 主要是对路由规则的生成进行解释
import { asyncRoutes, constantRoutes } from '@/router' /** * Use meta.role to determine if the current user has permission * @param roles * @param rou ......
api下的 user.js 主要是从前端页面获取的接口
import request from '@/utils/request' // 登录接口 export function login(data) { return request({ url: '/vue-element-admin/user/login', method: 'post', dat ......
router下的 index.js 对路由进行分析
// 引入vue import Vue from 'vue' // 引入vue-router import Router from 'vue-router' // 路由就是一个插件 需要use Vue.use(Router) // 引入layout组件 很重要 // 一级路由出口 匹配layout组 ......
vue-element-admin-master 代码解释 带注释——main.js
// 引入vue import Vue from 'vue' // 映入js-cookie // 是用来操作cookie 后端返回的token就存储在cookie中 import Cookies from 'js-cookie' // 引入重置样式 import 'normalize.css/nor ......
permission.js 主要是对权限管理进行分析
// 引入路由 import router from './router' // 引入仓库 import store from './store' // 引入ElementUI中的提示组件 message import { Message } from 'element-ui' // 引入nprog ......
vite+vue3 打包后页面空白现象
使用vite打包之后运行index.html空白，打开控制台发现报错: 解决方法： 在vite.config中加入: publicPath: './', 这是vite.config中的结构: export default defineConfig({ publicPath: './', lintOn ......
JS获取302重定向后的地址
使用fetch API来发送一个HTTP请求，然后获取response.url属性 fetch('原始URL') .then(function(response) { if (response.ok) { var redirectedURL = response.url; console.log(r ......
JS获取URL字符串中的参数
// 获取完整的URL字符串 var url = window.location.href; // 获取URL字符串中的参数部分 var params = url.split('?')[1]; // 将参数部分按照&符号分割成数组 var paramsArray = params.split('&' ......
js一道try...catch的面试题
说到try...catch都觉得非常熟悉了，不就是用来捕捉代码块中的错误嘛，平时也用得比较多的。然而因为了解不够多，我的面试却栽在了一个简单的知识点上：try...catch只能捕捉到同步执行代码块中的错误。 题目是：以下代码有错吗？如果有错，应该如何改正？ try { setTimeout(() ......
js字符串，取得文件扩展名
解决方法 1: 正则表达式 function getFileExtension1(filename) { return (/[.]/.exec(filename)) ? /[^.]+$/.exec(filename)[0] : undefined; } 解决方法 2: String的split方法 ......
vue3横向时间轴展示
架子是用的vue3+element Plus， 要用到时间轴展示，但element组件只有竖着的，想要横着的，找了一圈没有合适的，终于找到个合适的，文章原址 https://blog.csdn.net/m0_62949703/article/details/127800712 数据结构： { dat ......
解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等
总得说来报这种Error: Can't resolve+模块名字的错误，一般就只有两种原因：一、少了这个包（直接安装：pnpm add -D 模块名字@版本），二、有这个包，但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上，该降级的时候降级，降级一般先 ......
wiki.js知识库搭建记录
1. 部署环境 系统版本： OpenEuler22.03-LTS2 wiki.js版本：docker版 安装docker yum -y install docker 安装docker-compose curl -L https://github.com/docker/compose/releases ......
前端md5 js加密
cdn地址 <script src="https://cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js"></script> 使用 var hash = md5('value') // "2063c1608d6e0baf80249c42e2be5804 ......
# vue 预览 pdf、word、excel
vue 预览 pdf、word、excel 这是之前做项目的时候涉及到的一个功能，当时做了之后就一直没有整理，其实也很简单，功能不多，只是预览，没有在线编辑的功能，所以呢，啊哈哈哈哈哈，一个插件就可以了。 预览 pdf 预览 pdf 我是用的这个插件，直接运行一下命令就可以了： npm instal ......
视图集ModelViewSet drf之路由 认证组件
视图集ModelViewSet ModelViewSet -视图类：GenericAPIView(继承) - 路由映射：list create retrieve update destroy 继承5个视图扩展类： CreateModelMixin,ListModelMixin,UpdateModel ......
Node.js+Express+Koa2开发接口学习笔记(三)
数据库操作（创建和增删查） 使用Navicat快速创建myblog数据库 创建表 使用navicat快速建表 使用sql语句进行简单的查询 -- show tables; -- 显示该数据库中的所有表 INSERT INTO users(username,`password`,realname) V ......
Python+Selenium4自动化之JS属性
应用场景 在自动化中, 能对JS代码进行增、删、改的话，可以帮助我们解决很多问题， 如：修改<a>标签的target属性，让它不打开新的窗口(_blank)，从而不用频繁使用switch_to进行窗口之间的切换。 如：日期的输入框被锁定无法直接输入，需要点开日历控件后，从日历控件上点击日期，这时就可 ......
vue+go实现注册功能
<!DOCTYPE html><html><head> <meta charset="utf8"> <style> .container { width: 400px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-rad ......
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
vue3 elementplus 表格表头过长 三个点显示
vue3:const renderHeaderMethods = ({ column }) => { return createVNode( resolveComponent('el-tooltip'), { effect: 'dark', content: column.label, placem ......
js 把对象存入数组中
js 把对象存入数组中 var params = []; var info= { "张三" : "21", "李四" : "32", "王五" : "14", "小红" : "31", "小兰" : "24", "王明" : "22", }; for ( var key in info) { var ......
nginx部署vue编译项目刷新页面404
原因：nginx配置错误。 因为vue打包输出的是单页网页应用，只有一个index.html入口，其他路径是由前端路由去跳转的，服务器目录下没有对应物理路径，所以就会报404。 这样的nginx配置会出现该问题。 location / { alias /home/vue/dist/; index i ......
vue3学习之Pinia状态管理
状态管理 src/views/Pinia.vue <script setup> import { ref } from "vue"; import { storeToRefs } from "pinia"; import { useCounterStore } from "../stores/cou ......