qq_44170622的博客

原创 从零开始架构react后台管理系统（1）

搭建react+design最基本的框架一、为什么用antd-design框架？二、如何创建react项目1.创建react项目2.拉取webpack隐藏文件三、如何按需加载antd-design文件1. babel-plugin-import（推荐）2. 这时我们需要配置一下 .babelrc 文件3. 启动项目总结一个优秀的框架往往在开发的过程中发挥着不可替代的作用，首次架构非常重要，一个优秀的框架会使得我们的开发效率大大提升一、为什么用antd-design框架？优点：???? 提炼自

原创 dictTag...

【代码】dictTag...

原创 前端整理数组

return {});

原创 el-table 判断已选择的禁止二次选择

【代码】el-table 判断已选择的禁止二次选择。

原创 el-checkbox如何同时获得value值和label的值

el-checkbox如何同时获得value值和label的值

原创 强制提交代码

git 强制提交

原创 element ui picker 回显问题 加 **this.$forceUpdate()

picker 回显问题

原创 正则大师-正则

正则

原创 防止源码泄露 vue.config

productionSourceMap: false, 里面配置false

转载 mysql启动

打开终端在系统偏好设置中停止mysql服务 或者使用密令sudo /usr/local/mysql/support-files/mysql.server stop输入：cd /usr/local/mysql/bin 回车使用管理员权限登录，sudo su 回车，提示输入电脑密码 回车，输入以下命令来禁止mysql验证功能 ./mysqld_safe --skip-grant-tables &回车后mysql会自动重启（偏好设置中mysql的状态会变成running）输入 ./mysql/

原创 mysql忘记密码

忘记密码

原创 route返回上一级

router.go(-1);route 返回上一级

原创 element -ui对指定字段进行校验

let count = 0; const updateArr = type == 1 ? ["phone", "verifycode"] : ["passPhone", "password"]; let isAllowNext = false; // 是否允许下一步 updateArr.forEach((item) => { Form.value.validateField(item, (errorMsg) => { if (errorMsg) retur

原创 vue 3.0全局filter的使用

import filters from "./utils/filters";const app = createApp(App);app.config.globalProperties.$filters =filters2:filter.js3: <label>任务期限: </label>{{ $filters.formatTime(taskinfo.start_date)+"-" }}{{$filters.formatTime(taskinfo.end_date)}

原创 好无聊---手写promise

httpClient(){return new Promise(resolve,reject=>{}).then(res=>{if(code==200){ resolve(data)}}).catch(err=>{console.log(reject(err))}

原创 【无标题】上传组件清除规则检验

Form.value.clearValidate('fileList') }上传组件清除规则检验

原创 下拉选择器选择进行规则校验

{ required: "true", message: "请选择企业名名称", trigger: ['blur','change'] },在这里插入图片描述

原创 保留两位小数 ---正则 onkeyup

元

原创 vue 3.0 实现 el-table分页后依然选中

setup() {const router = useRouter();const multipleTable = ref(null);const state = reactive({multipleSelection: [],ids: [],count: 0,init: {page: 1,num: 9,},list: [...

原创 枚举如何使用

const enum Direction{up=“up”,down=“DOEN”,left=“LEFT”,right=“RIGHT”}const value=“up”if(value==Direction.up){debugger}

原创 类型type-guard ----typescript

function getLength(input:number| string):number{if(typeof input==‘string’){return input.length}else{return input.toString().length}}

原创 类型断言==typescript

function getLength(input:number| string):number{const str=input as stringif(str.length){return str.length}else{const num=input as numberreturn num.toString().length}}

原创 格式化el-table=＞(vue 3.0 )

<el-table-column prop="create_date" label="创建时间" :formatter="Formatter"/>let Formatter=(row,colomn)=>{if(row.create_date){return moment(row.create_date).format("YYYY-MM-DD ")}}

原创 element-ui表格进行置灰操作 --已测并成功

原创 九宫布局--flex

加上代码/* .box:after { display:block; content:''; width: 202rpx;} */变成

原创 vue 3.0 form 规则校验-----懂的都懂

查询 setup() {const router = useRouter();const Form = ref(null);const state = reactive({form: {industryName: “”,industryDesc: “”,},dialogVisible: false,loading: false...

原创 vue 3.0 路由导航守卫

// 判断是否需要登录权限 以及是否登录router.beforeEach((to,from,next) => { if (to.meta.title) { document.title = '灵活用工-' + to.meta.title } //我在这里模仿了一个获取用户信息的方法 const localStorage = window.localStorage; let isLogin= localStorage.getItem('isLogin');

原创 ＜noscript＞标签的使用

当用户禁止在浏览器使用javascript时候,noscript包裹的内容就会显示出来

原创 react input 只能输入数字

changeEvent=(e)=>{ let value = e.target.value.replace(/[^\d]/, '') this.setState({ checkCode: value })} <input value={this.state.checkCode} onChange={(e) => this.changeEvent(e)></input>解析：[\d]表示所有除了数字以外的字符，/g表示全局匹配，.replace(

原创 小程序隐藏home按钮

created() { wx.hideHomeButton(); },

原创 递归组件的样式渲染 (部门组件渲染=＞调用自己的组件)

vue递归组件实现多级列表<template> <div> <div class="list-item" v-for="(item, index) in list" :key="index"> <div class="item-name"> <span>{{item.name}}</span> </div>

原创 提示信息换行问题content

原创 mac安装mysql

1:brew install mysql @5.72:/opt/homebrew/opt/mysql@5.7/bin/mysql.server start

原创 taro第一个hooks

import { View, Button, Text } from "@tarojs/components";import { useState,useEffect } from "react";function ADD() { // 声明一个叫 "count" 的 state 变量 let [count, setCount] = useState(0); useEffect(()=>{ console.log("1111") },[]) .

原创 svn 第一次提交

svn import /Users/apple/Documents/eclipse_workspace/weibo svn://localhost/mycode/weibo --username=mj--password=123 -m "第一次导入"

原创 mac下删除本地.git链接

mac_命令行删除Git本地库117df14b24492018.02.13 15:35:20字数 129阅读 3,917进入git本地库位置输入命令行$ git init可以得到本地库的.get文件路径输入命令行$ ls -a此时可以得到本地库位置下的文件列表，会发现里面有.git .gitignore文件输入命令行$ rm -rf .git然后再输入命令行$ ls -a，可以发现文件列表内.git文件已不存在删除本地仓库目录输入命令行$ rm -rf 本地库位置本地库位置： ~

原创 n 切换版本

到任意版本： sudo n 版本号

原创 正则保证input输入框为整数和保留小数

1:保留正是整数和一位小数 <el-input maxlength="4" v-model="changeAnnual.AnnualInput" style="width:120px" placeholder="请输入天数" onkeyup="this.value=this.value.replace(/[^\d\.]/g,'').replace(/\.{3,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').re

原创 input只能输入数字

onkeyup="this.value=this.value.replace(/[^\d]/g,'')"

原创 canvas 将在线地址转化为base64返回

function getBase64(img){ function getBase64Image(img,width,height) { var canvas = document.createElement("canvas"); canvas.width = 170 canvas.height = 170; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0,