- 博客(28)
- 收藏
- 关注
原创 小程序导航自定义
// 获取系统信息 const systemInfo = wx.getSystemInfoSync(); // 胶囊按钮位置信息 const menuButtonInfo = wx.getMenuButtonBoundingClientRect(); // 导航栏高度 = 状态栏到胶囊的间距(胶囊距上距离-状态栏高度) * 2 + 胶囊高度 + 状态栏高度 var navBarHeight = (menuButtonI.
2022-04-30 12:21:15 177
原创 URLSearchParams获取参数
const urlstr = new URLSearchParams(window.location.search)const params = Object.fromEntries(urlstr.entries())console.log(params)
2022-04-02 17:43:54 598
原创 JavaScript常用小技巧
1.String类型转换Number类型const str = '1.1';console.log(+str)console.log(~~str) //相当于Math对象中的floorconsole.log(Number(str))console.log(parseInt(str))console.log(parseFloat(str))2.数字分隔符console.log(1_000_000)//10000003.判断一个字符串为空的时候赋值?? 如何左边的值为null或und
2022-03-23 16:48:59 1084
原创 JavaScript处理模糊电话号码
let str = "18152616212" console.log(str.replace(str.slice(3, 7), "*".repeat(3)))//181***6212
2022-02-28 14:34:42 288
原创 JavaScript获取当前时间戳的方法
1.Date.now()2.Date.parse(new Date())3.new Date().getTime()4.new Date().valueOf()
2022-02-28 14:20:09 609
原创 axios基于ts封装
|-- axios |--axios.ts |--index.tsimport axios, { AxiosRequestConfig } from 'axios'export default class Axios { public instance constructor(config: AxiosRequestConfig) { this.instance = axios.create(config) this.interceptors() } priva
2021-12-23 18:37:42 741
原创 vite-plugin-mock使用方式
yarn add vite-plugin-mock mockjs -D //vite.config.ts export default ({ command, mode }: ConfigEnv): UserConfig => { //command 可以根据'build' | 'serve'不同环境来配置 const isBuild = command === 'build' //mode拿环境变量 development开发 |production 生产 const root
2021-12-23 18:30:36 1742
原创 prettierrc配置
yarn add prettierrc -D在根目录下.prettierrc.js文件module.exports = { // 代码结尾是否加分号 semi: false, // 是否使用单引号 singleQuote: true, // 对象大括号内两边是否加空格 { a:0 } bracketSpacing: true, // 单个参数的箭头函数不加括号 x => x arrowParens: 'avoid', // 超
2021-12-22 14:59:09 711
原创 vue3自动引入组件,ui库,import
1 unplugin-vue-componentsnpm install unplugin-vue-components -D// vite.config.jsimport { defineConfig } from 'vite'//自动导入组件import Components from 'unplugin-vue-components/vite';//自动按需引入ui库import { ElementPlusResolver, AntDesignVueResolver, Va
2021-11-30 12:50:44 6087
原创 pinia用法
目录结构store store创建import { defineStore } from "pinia";// defineStore 调用后返回一个函数,调用该函数获得 Store 实体export const useStore = defineStore({ // id: 必须的,在所有 Store 中唯一 id: "user_test", // state: 返回对象的函数 state: () => ({ count: 2, }), getter
2021-11-17 09:30:47 1909
原创 vue自动注册全局组件
目录接口componenty-h.vuecomponent.js//component.jsimport Vue from "vue"let requireComponent = require.context("./",false,/\.vue/);console.log(requireComponent.keys())requireComponent.keys().forEach((element) => { const config = requireComponent(el
2021-11-02 21:51:44 83
原创 防抖节流实现方式
防抖原理简单理解就是输出最后一次结果前面的结果都会呗干掉节流简单理解就是延迟多少秒执行一次//防抖 function debounce(fn) { let timeout = null; return function () { if (timeout) clearTimeout(timeout); timeout = setTimeout(fn, 1000); }; } function scroll()
2021-10-30 10:25:11 86
原创 对象深拷贝和浅拷贝的实现方式
1、浅拷贝实现方式1.复制操作let obj = {name: "浅拷贝"};let newObj=obj;newObj.name="修改";console.log(obj)//{ name: '修改' }console.log(newObj)//{ name: '修改' }2.Object.assignlet obj = {name: "浅拷贝"};let newObj=Object.assign({},obj);newObj.name="修改";console.log(newOb
2021-10-23 00:35:48 186
原创 前端常用组件,动画库
Vue工具类vue-draggable : https://www.itxst.com/vue-draggable/tutorial.html vue-qr : https://www.npmjs.com/package/vue-qr vue-cropper : https://github.com/xyxiao001/vue-cropper vue-lazyload : https://www.npmjs.com/package/vue-lazyload vue-simple-up
2021-10-14 19:06:57 381
原创 Vue项目中使用Echarts 和Echarts中水球liquidFill的中文API
一 安装Echartsnpm install echarts-liquidFill --savenpm install echarts --save二 引入Echarts 在入口文件index.js中 如下所示 仅供参考import Vue from 'vue'import vueRouter from 'vue-router'import Echarts from 'echarts'//引入echartsimport {router} from './router'import App
2021-10-14 18:56:49 774
原创 支付宝授权管理后台返回form前台处理
async function sign(record: Recordable) { if (record.state == 0) { createMessage.success('请将url地址或二维码发给用户签约授权'); let from = await getUserSign({ companyId: record.companyId, url: 'https://www.baidu.com/', }.
2021-10-12 13:57:00 152
原创 获取当前月份共有多少天
获取当前月份共有多少天let date=new Date();let n=date.getFullYear()let y=date.getMonth()console.log(new Date(`${n}-${y}-1`).getDay())//获取当前月一号是星期几console.log(new Date(n,y,0).getDate())//获取当前月共有多少天
2021-08-11 10:37:23 499
原创 vue vue.config 指定目录
module.exports = { // 如果你不需要使用eslint,把lintOnSave设为false即可 lintOnSave: true, chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) // key,value自行定义,比如.set('@@', resolve('src/components')) .set('_c', resolve('sr.
2021-06-01 11:45:22 286
原创 vue-cli3打包时根据不同命令修改请求地址
第一步在根目录创建一个.env.test文件test名字可以自定义,在里面写入NODE_ENV='test'第二步在package.json文件中scripts字段中加入"test": “vue-cli-service build --mode test”"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "test": "vue-cli-service buil
2021-05-26 13:45:44 330
原创 VueRouter重复点击报错
重复路由点击报错const originalPush = Router.prototype.push;Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err);};
2021-05-26 09:46:33 106
原创 Iview 表单验证的规则总结
Iview 表单验证的规则总结 <FormItem prop="UserId" :rules=" [ { required: true, message: '请选择一项', trigger: 'change',type:'number',min:1}, ]" > <Select v-model="formAddOrder.UserId" filterable @on-change="selec
2021-05-22 16:24:02 403
原创 vue做less全局配置
1. 引入loadervue add style-resources-loader2. 配置vue.config.js1 // vue.config.js 2 const path = require("path"); 3 module.exports = { 4 pluginOptions: { 5 "style-resources-loader": { 6 preProcessor: "less", 7 patt
2021-05-22 11:21:23 88
原创 vue如何做vant做移动适配
1. 按照官网要求按需导入组件(此处看我之前的文章或官网)2. 根目录下postcss.config.jsmodule.exports = { plugins: { 'autoprefixer': { browsers: ['Android >= 4.0', 'iOS >= 7'] }, 'postcss-pxtorem': { rootValue: 37.5, //这是基准值,在375px的屏幕变大rem的值会变大,小于这个
2021-05-22 11:11:25 170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人