怂叔-CSDN博客

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 735

原创 vue3 + ts + swiper7 实现炫酷切换效果

vue3 + ts + swiper7 实现炫酷切换效果

2021-12-17 17:03:00 1743

原创 vue3 + ts 实现滑块拼图验证

vue3 + ts 实现滑块拼图验证

2021-12-17 16:41:28 1358

原创 vue3 + ts 实现图形验证码支持数字加英文验证纯数字或纯英文

vue3 + ts 实现图形验证码支持数字加英文验证纯数字或纯英文

2021-12-17 16:30:12 1909 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 6123

原创 vant索引栏配合搜索，支持首字母查询

// 汉字拼音首字母列表本列表包含了20902个汉字,用于配合 ToChineseSpellconst strChineseFirstPY = "YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJTMYHZWZHFLZPPQHGSCYYYNJQYXXGJHHSDSJNKKTMOMLCRXYPSNQSECCQZGGLLYJLMYZZSECYKYYHQWJSSGGYXYZYJWWKDJHYCHMYXJTLXJYQB.

2021-12-03 17:22:36 3374

原创 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 847 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 259

原创快速删除node_modules文件夹

全局安装rimrafnpm install rimraf -g安装完成后在要删除文件的同级目录执行rimraf node_modules完成删除

2021-12-01 10:18:32 96

转载 uniapp打包，ios上架基本流程，iOS证书(.p12)和描述文件(.mobileprovision)申请

直通车

2021-11-18 17:25:30 540

原创安卓微信公众号默认不操作拦截回退失败

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 2825

原创 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 631

转载 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 1380

转载 css技巧

直通车

2021-11-04 16:11:01 63

原创获取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 307

原创 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 725

原创使用require.context实现前端工程自动化路由vue项目

require.context一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块在components/pages目录下定义文件，注：以这种方式生成路由的话，路由路径是以你文件名决定的，所以文件名要好好规划/** * @parms dire...

2021-10-25 16:36:26 447

原创 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 334

转载 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 5617

转载前端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 134

原创 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 115

原创 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 230

中国省市区数据二级三级四级

echarts 世界地图中文版

echarts 世界地图

空空如也