前端
关注
分享
扫一扫
csstmg
这个作者很懒，什么都没留下…
展开
-
vue3中 状态管理pinia得使用
在做项目中 vue2改造vue3项目时的vuex 发生得一些变化。原创 2023-07-25 15:06:08 · 743 阅读 · 0 评论 -
echarts 中 tooltip 自定义样式
自定义 echarts的 tooltip原创 2022-12-06 17:41:55 · 438 阅读 · 0 评论 -
重新上传的方法
【代码】重新上传的方法。原创 2022-11-29 12:04:13 · 1224 阅读 · 0 评论 -
cdn使用体验以及坑 vue element
【代码】cdn使用体验以及坑 vue element。原创 2022-11-07 18:26:20 · 452 阅读 · 0 评论 -
vue cli3 项目中.eslintrc.js 、prettier.config.js、以及本地eslint-settings.json配置 跟后续vscode 统一配置
前端项目 如何保证代码的规范原创 2022-09-24 16:11:56 · 861 阅读 · 0 评论 -
proxy跨域处理
vue中 vue-cli3 跨域配置 在 vue.config.js中。然后对axios 进行处理。原创 2022-09-24 14:44:57 · 416 阅读 · 0 评论 -
企微 js-sdk的使用
public/index 引入。然后在 layout 中 调用。原创 2022-09-21 18:19:38 · 545 阅读 · 0 评论 -
菜单权限开发
【代码】菜单权限开发。原创 2022-09-08 14:36:00 · 108 阅读 · 0 评论 -
Promise使用 --async-await
【代码】Promise使用 --async-await。原创 2022-09-05 10:49:55 · 305 阅读 · 0 评论 -
修改element tab样式
【代码】修改element tab样式。原创 2022-08-23 10:20:24 · 794 阅读 · 0 评论 -
vue 点击页面其他位置 监听隐藏下拉
代码】vue 点击页面其他位置 监听隐藏下拉。原创 2022-08-18 10:09:33 · 678 阅读 · 0 评论 -
vue递归组件--vue递归目录--vue递归tree
代码】vue递归组件--vue递归目录--vue递归tree。原创 2022-08-11 17:14:31 · 330 阅读 · 0 评论 -
G6尝试 学习
代码】G6尝试学习。原创 2022-07-28 10:13:46 · 696 阅读 · 0 评论 -
element开关样式更改
element el-switch开关样式更改原创 2022-07-19 11:46:44 · 332 阅读 · 0 评论 -
苹果home兼容问题修改--苹果fixed定位被遮挡-或者距离太近
苹果home 安全距离兼容原创 2022-06-10 10:43:05 · 653 阅读 · 0 评论 -
pc 多张图片文件上传 多张单张上传
效果<template> <div class="myBox" :class="{'big':isbig}" v-loading="loading"> <div :class="{'dragBoxBig':isbig}"> <div class="dragBox "> <!-- contain --> <div class="mr-10 mt-1原创 2022-04-22 14:08:39 · 319 阅读 · 0 评论 -
h5 vant上传图片 上传文件 支持多张单张
效果图一个图片上传一个文件上传上代码<template> <div class="myBox" :class="{'big':isbig}"> // 照片文件展示 里面有的图片需要换成vant - icon <div class="twoBox"> <div class="dragBox "> <div class="m原创 2022-04-22 13:58:43 · 1008 阅读 · 0 评论 -
el-cascader添加全选功能-多级
<el-cascader class="myCascader" :options="areaData" :props="regionalInfosProps" collapse-tags clearable v-model="editDepartmentForm.regionalInfos" @change="changecascader($event,'edit')" popper-class="cascader-department cascaderOwner" size="small...原创 2022-03-17 11:03:13 · 1392 阅读 · 1 评论 -
echarts的一次使用
先上效果// 监测视口大小 window.addEventListener('resize', () => { setTimeout(() => { this.myEchart && this.myEchart.resize() }, 200) })<template> <div class="analysisChart"> <div ref="myDiv" :style原创 2022-03-07 18:30:02 · 559 阅读 · 0 评论 -
el-table表头添加气泡
<el-table-column> <template slot="header" v-if="item.prop ==='returnRatio'"> <span>计划回款占比（%）</span> <el-popover placement="top" width="230" trigger="hover"> <div style="font-size..原创 2022-02-25 17:09:33 · 651 阅读 · 0 评论 -
版本回退revert 比reset好一点 reset 必须强退
git revert -n 8b89621019c9adc6fc4d242cd41daeb13aeb9861有可能会冲突在git addgit commit -m “revert add text.txt”没冲突就直接git push原创 2022-02-14 16:57:19 · 177 阅读 · 0 评论 -
table中空样式
.el-table__empty-block { height: 260px !important; background: url(~@/assets/tb-empty.png) no-repeat top; background-size: 400px 200px; padding: 20px 0 60px; margin-top: 20px; position: relative; &::after{ content: '查找不到相关内容～'; p.原创 2022-01-24 17:37:55 · 486 阅读 · 0 评论 -
webpack的学习知识
webpack 学习不建议全局安装–使用本地安装npm install webpack webpack-cli -D-D 本地使用 --save 线上用直接运行webpacknpx webpack绝对路径相对路径compress 服务器压缩插件打包html插件可以打包出不同的js文件清除插件使用数组或者正则单页 引入多个js 或者说是（多入口）多页面 （多入口多出口）多页面入口jshtml 插件也需要配置多个一般都是单入口web原创 2022-01-17 17:25:32 · 368 阅读 · 1 评论 -
reduce使用
https://www.jianshu.com/p/e375ba1cfc47原创 2022-01-15 10:45:20 · 132 阅读 · 0 评论 -
vuex mapState
import { mapState } from 'vuex' computed: { ...mapState({ userInfo: (state) => state.user.userInfo }) },vuexconst state= () => { return { token: getToken(), userInfo: {}, area: [], // 省市区 leaders: [], permi原创 2022-01-13 18:11:51 · 313 阅读 · 0 评论 -
el-cascader的使用 以及x轴方向像后移动
<el-cascader ref="department" props.multiple = true :options="departmentList" popper-class="cascader-department department" filterable :show-all-levels="false" v-model="cascader" @change="changeDepartment" ...原创 2022-01-10 15:24:42 · 1075 阅读 · 0 评论 -
换行旋转样式
思路 — 处理数据 第2行数据需要倒序 mounted() { const _this = this window.onresize = () => { this.$nextTick(_ => { _this.processWidth = _this.$refs.bussiProcessRef.clientWidth // 获取容器宽度 }) } },、、、、监听容器宽度 watch: { proces.原创 2022-01-06 10:22:32 · 552 阅读 · 0 评论 -
input带出-账号-密码解决方法
.is-hidden { position: absolute; left: -10000px; top: -10000px;}让input看不见，而不是直接display: none，如果直接display: none，有些浏览器则不生效，比如谷歌<input type="text" class="is-hidden" /><input type="password" class="is-hidden" />修改readonly属性原创 2021-12-04 14:37:44 · 1072 阅读 · 0 评论 -
改变element全局样式的颜色-使用theme-chalk工具
public/index.html<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="time" content="<%= htmlWebpackPlugin.options.createDate %>"> <!-- 关闭dege浏览器自动识别电话 --> .原创 2021-11-23 14:19:31 · 7167 阅读 · 0 评论 -
tabel里面样式总结
<el-table-column prop="labelList" label="客户标签" min-width="250"> <template slot-scope="scope"> <template v-if="scope.row.labels.length"> <el-row class="row-tag"> <el-col :span=..原创 2021-11-18 09:41:48 · 393 阅读 · 0 评论 -
每日一算法2--链表
这是一链表的运算表达的应该清楚了吗，不清楚大家讨论下原创 2021-10-22 16:55:18 · 72 阅读 · 0 评论 -
添加时间-项目 vue-config--hash解决线上包未更新
<title><%= htmlWebpackPlugin.options.title %></title>vue.config.jsconst path = require('path')const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin// const UglifyJsPlugin = require('uglifyjs-webpac..原创 2021-10-15 14:37:02 · 269 阅读 · 0 评论 -
前端优化--webpack等
https://juejin.cn/post/6844904150988226574splitChunksconst path = require('path')const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin// const UglifyJsPlugin = require('uglifyjs-webpack-plugin')function resolve (dir) .原创 2021-09-17 17:11:51 · 95 阅读 · 0 评论 -
深度遍历--广度遍历
深度遍历（DFS）遍历完父节点的所有子节点的子节点的子节点...再遍历其兄弟节点。const DFS = { nodes: [], do (root) { for (let i = 0;i < root.length;i++) { var node = root[i]; // 过滤 text 节点、script 节点 if ((node.nodeType != 3) && (n原创 2021-09-15 10:12:05 · 331 阅读 · 0 评论 -
改写meta标签
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 改写为=======> if (process.env.NODE_ENV !== 'development') { const meta = document.createElement('meta') meta.content = 'upgrade-insecure-requests' .原创 2021-09-14 11:24:24 · 246 阅读 · 0 评论 -
一些css样式的设计方案
倾斜的阴影效果<div class="separate-panel"> <div class="about"> <router-link :to="{name: 'giud'}">开始使用</router-link> </div> </div> .separate-panel{ position: relative; .about{ ..原创 2021-08-25 11:15:45 · 171 阅读 · 0 评论 -
校验以http https 开头的链接
const regWebsit = /(https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/ if (value) { if (regWebsit.test(value)) { callback() } else { callback(new Error('网址格式不正确（请输入以https开头的链接地址）'.原创 2021-08-10 14:10:00 · 1304 阅读 · 0 评论 -
插入用户昵称 h5端
<template> <div class="insertText"> <!-- 文字弹窗 --> <van-action-sheet v-model="text_show" title="新建/编辑话术"> <div class="text_edit_content"> <div class="edit-user-content"> <!-- <p clas.原创 2021-08-09 19:52:33 · 238 阅读 · 0 评论 -
this.$set()使用
this.productList.forEach(p => { this.$set(p, 'checked', true) }) this.$set(this.list, index, tItem) this.tableData.forEach(e => { this.$set(e, 'inputVisible', false) this.$set(e, 'inputValue', '') e.labelList.fo..原创 2021-08-05 09:52:53 · 593 阅读 · 0 评论 -
一次vue插槽的深度使用----里面有pdf-视频-链接-小程序-文字样式
<collapse :collapseList="collapseList" @handleChange="handleChange" > <template #[slotName]> <dynamicComponent class="mb-10" :itemInfo="componentName" ></dynamicComponent>原创 2021-08-04 22:10:26 · 191 阅读 · 0 评论