Xin-FAS
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于
  • 友链
vue2+vue-router3自动注册路由

vue2+vue-router3自动注册路由

介绍这是一个能够自动注册页面至路由的工具函数,支持 路由嵌套 自定义参数 使用引入把这个函数放入src目录下,在main.js处将router对象交给这个函数自动注册src/views-auto和src/pages-auto文件夹下的所有vue文件,配置参数见:autoRouter API说明 12345678import router from './router'imp
2023-09-06
前端 > Vue
#JavaScript #Vue2 #VueRouter3
Vue2.7组合式中使用this

Vue2.7组合式中使用this

介绍这是一个非常不合理的需求,请谨慎观看。。 能在setup的作用域下,在函数内容使用this 使用main.js中引入 1import './setThis' 使用this()方法 123456789101112<script setup>const toMainPage = function () { this.$router.push(&#x
2023-09-04
#JavaScript #Vue2
Vue2.7组合式中使用router3

Vue2.7组合式中使用router3

介绍众嗦粥汁,在setup的组合式语法中,this是无法获取当前Vue实例的,所以这在Vue2.7项目中使用vue-router@3就成为了困难,如下: 1234<script setup>// 无效console.log(this.$router, this.$route)</script> 那vue-router@3版本又不支持hook,所以可以手动封装一个,先看使用
2023-09-04
前端 > Vue
#JavaScript #Vue2 #VueRouter3
封装一个自动注册插件

封装一个自动注册插件

功能说明能自动注册指定目录下的所有js和vue文件 js注册为指令,指令名称就是文件名 vue注册为组件,组件名为文件名的大驼峰形式 使用vue2 版本在main.js中引入后使用即可 123import autoRegister from './autoRegister'Vue.use(autoRegister) 第二个值可以传入一个数组,指定自动注册的文件夹内容,如:
2023-08-31
前端 > Vue
#JavaScript #Vue2 #Vue3
实时获取当前页面源文件地址

实时获取当前页面源文件地址

需求说明在一个中大型项目中,常常因为文件很多,不能立马找到需要修改的页面的源文件,所以就有了这个 作用:打印出当前页面的源文件地址 先看使用默认使用在App.vue中混入即可(默认console.log打印) 12345678910111213<script>import { initMixinPrint } from "@/views/printFile
2023-08-28
前端 > Vue
#JavaScript #Vue2 #VueRouter3 #Vue3 #VueRouter4
封装个性化console.log

封装个性化console.log

console.log样式介绍当console.log的第一个参数中存在%c时,将会对应使用第一个参数后的样式,如下: 1console.log('%c测试一', 'color: red') 这样就能改变测试一的文字颜色,多个样式如下 1console.log('%c测试一%c测试二', 'color: red',
2023-08-27
前端 > 前端其他
#JavaScript
将Hammer封装为指令使用

将Hammer封装为指令使用

Hammer.js简单介绍:监听手势触发(上下滑动,左右滑动,长按等) 官网文档:https://hammerjs.github.io/getting-started/ 封装为指令使用(hammer-directive)使用前记得先安装 1npm i hammerjs Vue2 版本123456789101112131415161718192021222324252627282930313233
2023-08-18
前端 > Vue
#JavaScript #Vue2 #Vue3 #TypeScript
获取路径中的文件名

获取路径中的文件名

使用功能:传递文件路径,获取其中的文件地址 一些例子: 12345678basename('D:\\static\\pages\\index.html') // index.htmlbasename('D:/static/pages/index.html') // index.htmlbasename('D:/static/pages/index&
2023-08-18
前端 > 前端其他
#JavaScript
搭建一样的博客

搭建一样的博客

前言以下详细记录着搭建过程,如果想要快速的获得一个一样的博客,可以直接从给git获取,同步更新:https://github.com/Xin-FAS/FAS-Blog-Template,好用请点个`star` 初始化Hexo官网:https://hexo.io/zh-cn/index.html 12345678# 全局安装hexonpm install hexo-cli -g# 创建一个叫做ini
2023-08-17
教程
#Hexo #Fluid
windows使用nvm

windows使用nvm

介绍NVM是node的版本管理工具,用于在一个设备上同时拥有多个node版本,并快速切换使用对应版本npm,同作者所说,nvm最初是基于Mac/Linux的独立项目,并不包含windows的使用,但是他们还是推出了nvm for windows nvm(mac/linux):https://github.com/nvm-sh/nvm nvm for windows:https:
2023-08-16
教程
#其他
使用微PE重装系统

使用微PE重装系统

WinPE介绍微软文档:https://learn.microsoft.com/zh-cn/windows-hardware/manufacture/desktop/winpe-intro 简单来说PE系统(windows预安装系统)主要功能就是用于刷机和修复windows系统 PE系统也是一个windows系统,只不过这个系统去掉了大部分的功能,只保留了基本的运行环境 硬件要求一个u盘 软件
2023-08-14
教程
#其他
js数字转中文数字

js数字转中文数字

介绍获取对应数字的中文读法数字字符串,使用如下 123456getChineseNumber(100000) // 十万getChineseNumber(10000000) // 一千万getChineseNumber(1234) // 一千二百三十四getChineseNumber(0) // 零getChineseNumber(123456789) // 一亿二千三百四十五万六千七百八十九ge
2023-08-14
前端 > 前端其他
#JavaScript
制作WTG

制作WTG

WTG介绍是什么WTG即Windows to go,简称为WTG。对于WTG的规定请看: https://learn.microsoft.com/zh-cn/windows/deployment/planning/windows-to-go-overview 好处 WTG和使用它的设备相互独立,资料互不影响 WTG的u盘可以随声携带 WTG可以让你在不同电脑中使用自己熟悉的环境 即使u盘已经装了W
2023-08-13
教程
#其他
springboot保存图片

springboot保存图片

关键代码1234567891011121314151617181920212223242526@Servicepublic class UserServiceImpl implements UserService { @Value("${avatar.intUrl}") private String intUrl; @Value(
2022-08-19
后端 > Java
#SpringBoot
python简单爬虫

python简单爬虫

通用头部参数 名称 说明 Cookie 用户信息,在headers部分,包含登录校验、签名认证才可能需要cookie User-Agent UA是最基本的headers之一,是浏览器类型,其中包含windows系统信息,html版本和浏览器版本和内核信息 Referer Referer也是最基本的headers之一——防盗链接,它用来验证你的来源,需要告诉请求地址,是从哪里来的
2022-08-16
后端 > Python
#Python
12345

搜索