- 博客(37)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 移动端树形选择组件 -- 基于vant4+vue3 支持多选、单选、节点搜索
【代码】移动端树形选择组件 -- 基于vant4+vue3 支持多选、单选、节点搜索。
2023-07-24 10:48:56
4759
2
原创 基于vant4+vue3封装list列表组件，下拉刷新上拉加载空状态显示、取消请求
基于vant4+vue3封装list列表组件，下拉刷新上拉加载空状态显示、取消请求
2023-07-24 10:31:25
1134
原创 vue3+element-puls 自定义TreeSelect 树形选择多选
vue3+element-puls 自定义TreeSelect 树形选择
2023-06-30 16:49:22
3378
原创 vscode设置字体 -- Fira code
3、打开vscode 文件=》 首选项 =》 设置 =》用户 =》文本编辑器 =》 字体 =》在settings.json中编辑。2、下载完成解压缩进入ttf目录全选安装。最后重启vscode就设置成功啦。1、进入github下载字体。
2023-06-27 16:10:27
1760
原创 解决vue 加载时源码显示问题
当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。
2022-01-25 13:42:25
1908
1
原创 axios 使用nodejs的http-proxy-middleware代理处理前端跨域问题
axios 使用nodejs的http-proxy-middleware代理处理前端跨域问题不使用脚手架
2022-01-15 09:26:15
581
1
原创 vscode 开发vue项目 需要安装的基础插件
1.Auto Close Tag2.Auto Rename Tag3.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code4.HTML CSS Support5.HTML Snippets6.JavaScript (ES6) code snippets7.Live Server8.open in browser9.Vetur10.VueHelper
2022-01-06 17:04:33
704
原创 vue3 + ts 实现图形验证码 支持数字加英文验证 纯数字或纯英文
vue3 + ts 实现图形验证码 支持数字加英文验证 纯数字或纯英文
2021-12-17 16:30:12
1673
1
原创 vue3 + ts + element-plus ref获取节点报错 Property ‘xxx‘ does not exist on type ‘HTMLElement‘
vue3 + ts + element-plus ref获取节点报错 Property 'xxx' does not exist on type 'HTMLElement'
2021-12-08 09:51:47
5762
原创 vant索引栏配合搜索，支持首字母查询
// 汉字拼音首字母列表 本列表包含了20902个汉字,用于配合 ToChineseSpellconst strChineseFirstPY = "YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJTMYHZWZHFLZPPQHGSCYYYNJQYXXGJHHSDSJNKKTMOMLCRXYPSNQSECCQZGGLLYJLMYZZSECYKYYHQWJSSGGYXYZYJWWKDJHYCHMYXJTLXJYQB.
2021-12-03 17:22:36
2586
原创 git脚本，一键提交代码
git在开发中是经常都会使用的工具，可是通常的使用仍是直接经过几个简单的命令，例如:git add .git commit -m "..."git push origin master对于这种简单的步骤，咱们天天都会重复无数次，今天教你们一种方式，一键提交首先创建文件 push.sh# 确保脚本抛出遇到的错误set -e# 获取当前时间now=$(date "+%Y-%m-%d%H:%M")echo "正在上传博客源代码..."git initgit .
2021-12-01 10:57:34
797
1
原创 git 提交本地代码
git initgit add -Agit commit -m "xxx"git remote add origin ’git仓库路径‘git push -f origin main注： main是你的分支名 以前GitHub默认分支名为master ，现在为main
2021-12-01 10:26:15
230
原创 快速删除node_modules文件夹
全局安装rimrafnpm install rimraf -g安装完成后在要删除文件的同级目录执行rimraf node_modules完成删除
2021-12-01 10:18:32
69
原创 安卓 微信公众号 默认不操作拦截回退失败
let ua = navigator.userAgent;var isAndroid = ua.indexOf('Android') > -1 || ua.indexOf('Adr') > -1if (window.history && window.history.pushState) { if (ua.toLowerCase().indexOf('micromessenger') != -1 && isAndroid) { //安卓回退弹窗.
2021-11-18 10:52:30
2780
原创 NavigationDuplicated: Avoided redundant navigation to current location: “/“. 解决路由重复点击
// 解决重复点击路由报错的bugconst originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch((err) => err)}
2021-11-18 09:20:18
581
转载 css唯美边框
<div class="gradient-border" id="box">Animated <br>CSS<br>Gradient Border</div>html, body { height: 100%;}body { display: flex; justify-content: center; align-items: center; height: 100%; background: #1D1F20;}...
2021-11-16 17:44:49
1327
原创 获取url地址栏参数
getParameter(){ var url = location.search; //获取url中"?"符后的字串 var objParameter = new Object(); if ( url.indexOf( "?" ) != -1 ) { var str = decodeURI(url).substr( 1 ); var strs = str.split( "&" ); for ( var i = 0; i &l.
2021-10-29 11:37:43
281
原创 vue element-ui 导航栏动态加载 组件递归方式
Navigation.vue<template> <!--子级菜单--> <el-menu-item v-if="item.children && item.children.length === 0" :index="item.path"> <i :class="item.icon"></i> {{item.title}} </el-menu-item>
2021-10-28 14:46:05
688
原创 使用require.context实现前端工程自动化路由vue项目
require.context一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块在components/pages目录下定义文件，注：以这种方式生成路由的话，路由路径是以你文件名决定的，所以文件名要好好规划/** * @parms dire...
2021-10-25 16:36:26
392
原创 node.js搭建前端服务
项目结构创建两个文件server.jseslint.jsserver.jsvar PORT = 8080;var http = require('http');var url = require('url');var fs = require('fs') //fs模块是用于读取文件var eslint = require('./eslint').types;var path = require('path');var server = http.crea..
2021-10-15 17:13:33
299
转载 15个简易高效的代码段
1、不循环地重复一个字符串此 JavaScript代码段将展示如何在不使用任何循环的情况下重复字符串。我们将通过JavaScript中的repeat()方法来构建一个数字，该数字将作为你需要的数字副本。//Old Methodfor(var i = 0; i<5; i++){ console.log("????") // ????????????????????}// Best Methodconsole.log("????".repeat(5)) //??????????..
2021-10-13 09:51:19
5455
转载 前端15个优雅的JavaScript技巧
1. 有条件地向对象添加属性我们可以使用展开运算符号(...)来有条件地向 JS 对象快速添加属性。const condition = true;const person = { id: 1, name: 'John Doe', ...(condition && { age: 16 }),};如果每个操作数的值都为true，则&&操作符返回最后一个求值表达式。因此返回一个对象{age: 16}，然后将其扩展为person对象的一部分。如...
2021-10-13 09:10:43
112
原创 vuex模块化
目录结构index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)// $store.state.user.userid// $store.commit("user/setUserId", 123456);// user 用户模块！！！import user from "./modules/user" export default new Vuex.Store({ modules: { .
2021-10-12 17:14:47
85
原创 axios封装
axios封装这里使用vant来做提示，如果要换成别的直接改相应代码即可request.js/**** request.js ****/// 导入axiosimport axios from 'axios'import Vue from 'vue'// 使用vant Notify做消息提醒import { Notify,Toast } from 'vant';//1. 创建新的axios实例，const service = axios.create({ // 公共接口
2021-10-12 17:05:04
212
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人