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 介绍这是一个非常不合理的需求,请谨慎观看。。 能在setup的作用域下,在函数内容使用this 使用main.js中引入 1import './setThis' 使用this()方法 123456789101112<script setup>const toMainPage = function () { this.$router.push( 2023-09-04 #JavaScript #Vue2
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的第一个参数中存在%c时,将会对应使用第一个参数后的样式,如下: 1console.log('%c测试一', 'color: red') 这样就能改变测试一的文字颜色,多个样式如下 1console.log('%c测试一%c测试二', 'color: red', 2023-08-27 前端 > 前端其他 #JavaScript
将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 介绍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重装系统 WinPE介绍微软文档:https://learn.microsoft.com/zh-cn/windows-hardware/manufacture/desktop/winpe-intro 简单来说PE系统(windows预安装系统)主要功能就是用于刷机和修复windows系统 PE系统也是一个windows系统,只不过这个系统去掉了大部分的功能,只保留了基本的运行环境 硬件要求一个u盘 软件 2023-08-14 教程 #其他
js数字转中文数字 介绍获取对应数字的中文读法数字字符串,使用如下 123456getChineseNumber(100000) // 十万getChineseNumber(10000000) // 一千万getChineseNumber(1234) // 一千二百三十四getChineseNumber(0) // 零getChineseNumber(123456789) // 一亿二千三百四十五万六千七百八十九ge 2023-08-14 前端 > 前端其他 #JavaScript
制作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保存图片 关键代码1234567891011121314151617181920212223242526@Servicepublic class UserServiceImpl implements UserService { @Value("${avatar.intUrl}") private String intUrl; @Value( 2022-08-19 后端 > Java #SpringBoot
python简单爬虫 通用头部参数 名称 说明 Cookie 用户信息,在headers部分,包含登录校验、签名认证才可能需要cookie User-Agent UA是最基本的headers之一,是浏览器类型,其中包含windows系统信息,html版本和浏览器版本和内核信息 Referer Referer也是最基本的headers之一——防盗链接,它用来验证你的来源,需要告诉请求地址,是从哪里来的 2022-08-16 后端 > Python #Python