![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端、原创
weixin_45776308
这个作者很懒,什么都没留下…
展开
-
字符串转为数字,使用Number和parseInt会出现精度丢失,使用BigInt
【代码】字符串转为数字,使用Number和parseInt会出现精度丢失,使用BigInt。原创 2023-01-06 15:17:37 · 720 阅读 · 0 评论 -
el-tree-select中的编辑回显问题
render-after-expand="false" 属性,才可以进行编辑回显label的值,原创 2023-01-05 16:10:11 · 1983 阅读 · 3 评论 -
时间段选择,时间轴选择,时间颗粒度为5分钟(vue)
时间段选择转载 2022-11-24 17:45:14 · 920 阅读 · 1 评论 -
线段相交问题(基于js,vue)
判断两个线段之间是否相交,由于涉及坐标的计算,所以引入了math.js解决js精度丢失问题。原创 2022-08-04 16:27:23 · 330 阅读 · 0 评论 -
下载视频到本地,后端返回视频的url(视频流较大,30min)
way1:直接使用传统的方法a标签(设置同域可以下载,不使用) const name=row.path.substring(row.path.lastIndexOf('/')+1) const link = document.createElement('a') link.href = row.path link.download = name document.body.appendChild(link) link.click()原创 2022-04-06 17:16:12 · 704 阅读 · 3 评论 -
axios封装
import axios from 'axios'import { Message } from 'element-ui'import router from '../../router'const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, timeout: 90000})// 请求方法处理service.interceptors.request.use( config => { .原创 2022-01-17 09:16:36 · 37 阅读 · 0 评论 -
git合并分支
求换不同的分支,合并代码:如果将main分支合并到master分支:1切换分支到mastergit checkout master(本来就存在master)git checkout -b master(不存在master分支)2.将该分支的代码拉取下来git pull3.查看所有分支git branch -a4.将main分支与master分支合并git merge main5.git status6.git push 或者 git push --set-upstream ...原创 2022-01-14 17:55:54 · 147 阅读 · 0 评论 -
ei-ui里面的日期选择器把默认的图标从左移到右边
/deep/.el-date-editor .el-range-separator { color: #979797 !important; width: 8%; font-size: 12px; } /deep/ .el-date-editor .el-range__icon { position: absolute; right: 5px; top: 1px; co..原创 2021-12-08 15:55:24 · 483 阅读 · 0 评论 -
CSS中&的意思:是sass里面的新语法,相当于this的作用
.el-row { margin-bottom: 20px; &:last-child { margin-bottom: 0; } }等同于:.el-row { margin-bottom: 20px;}.el-row:last-child { margin-bottom: 0;}原创 2021-12-08 14:38:43 · 376 阅读 · 0 评论 -
本地存储对象(localStorage)
存对象 localStorage.setItem("obj",JSON.stringify(obj)); 取对象 var obj=JSON.parse(localStorage.getItem("obj")); console.log("obj",obj); lstorage只能存储字符串的数据,对于JS中常用的数组或对象却不能直接存储,需要转化为JSON字符串,...原创 2021-12-08 10:35:43 · 814 阅读 · 0 评论 -
传参的几种形式
1.form-data // 登录以form-data形式传参(username,password是后端需要的参数) const formData = new FormData(); formData.set("username", username); formData.set("password", password); //上传文件时也以form-data形式传参(file和id是后端需要的参数)...原创 2021-12-08 10:23:56 · 1363 阅读 · 0 评论 -
echarts笔记:
1.echarts自适应页面变化:(vue使用element-resize-detector监听元素宽度变化)使用插件element-resize-detector 1.使用插件: element-resize-detector2.下载插件到vue项目npm install element-resize-detector --save-dev3.在页面监听使用:html代码:<div class="echars_container" ref="box"&...原创 2021-12-06 17:47:14 · 350 阅读 · 0 评论 -
element-ui引入不生效原因:在引入到main.js里面时,还需要引入红线部分
原创 2021-11-17 11:30:41 · 1060 阅读 · 0 评论 -
reset.css
@charset "utf-8";/* -----------H-ui前端框架-----------------------H-ui.reset.css v1.2重定义浏览器默认样式H-ui.reser CSS file for H-uiCopyright H-ui Inc.http://www.H-ui.netdate:2014.10.09Created & Modified by guojunhui.--------------------------------------.原创 2021-11-17 11:03:01 · 74 阅读 · 0 评论 -
vue.config.js的基本配置
const path = require('path');const resolve = (dir) => path.join(__dirname, dir);var webpack=require('webpack');module.exports = { publicPath: "./", // 公共路径 indexPath: 'index.html' , // 相对于打包路径index.html的路径 outputDir: process.env.outputDir || '.原创 2021-11-17 10:28:02 · 321 阅读 · 0 评论 -
el-table前面的编号按照0-无情大排序(而不是分页就从0开始)
count(index) { return (this.currentPage - 1) * this.pageSize + index + 1 },原创 2021-11-16 14:16:05 · 146 阅读 · 0 评论 -
网络请求封装(两种方法)
import axios from 'axios'import { Message } from 'element-ui'import router from '../../router'const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, timeout: 90000})// 请求方法处理service.interceptors.request.use( config => { .原创 2021-11-16 14:04:02 · 1284 阅读 · 0 评论 -
模态框的拖动(只有点击头部的时候才会拖动)
1.创建一个jsshihimport Vue from 'vue'; // v-dialogDrag: 弹窗拖拽属性 (重点!!! 给模态框添加这个属性模态框就能拖拽了)Vue.directive('dialogDrag', { //属性名称dialogDrag,前面加v- 使用 bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header'); .原创 2021-11-16 13:39:49 · 181 阅读 · 0 评论 -
图片上传upload
<template> <div class="algorithm_update"> <el-dialog :title="title" :visible.sync="visible" :before-close="handleClose" width="600px" :close-on-click-modal="false"> <div class="edit_.原创 2021-11-16 13:11:17 · 931 阅读 · 0 评论 -
点击确当的时候使用for循环批量调用新增接口。要求必须是同步插入,不能异步插入。
// 批量上传数据 async mulAdd(){ // this.uniqueArr1(this.arr) this.noLength1(this.arr) this.noMax1(this.arr) // this.noName1(this.arr) console.log('去除数据库数据',this.arr); for(let i=0;i<this.arr.length;i++){ .原创 2021-11-16 10:50:18 · 534 阅读 · 0 评论 -
身份证号的校验
/^[1-9][0-9]{5}([1][9][0-9]{2}|[2][0][0|1][0-9])([0][1-9]|[1][0|1|2])([0][1-9]|[1|2][0-9]|[3][0|1])[0-9]{3}([0-9]|[X])$/原创 2021-11-16 09:45:12 · 63 阅读 · 0 评论 -
分页样式的调整
修改跳转到某一个页面时,按钮的颜色/deep/.el-pagination.is-background .el-pager li:not(.disabled).active { background: #347fff; border-radius: 2px; filter: blur(0.1171875px); }修改其他样式:/deep/ .el-pagination__total { margin-top: 2px; } /deep/.el-pagin.原创 2021-11-09 17:05:48 · 666 阅读 · 0 评论 -
el-table滚动条自定义样式
/deep/.el-table__body-wrapper{ //滚动条整体 &::-webkit-scrollbar{ width:4px; height:14px; } //滚动条小方块 &::-webkit-scrollbar-thumb{ border-radius:10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); ba.原创 2021-11-09 17:01:49 · 227 阅读 · 0 评论 -
路由的监听(比如在登录页不显示导航条和头部公共部分)
watch: { // 根据路由监听判断是否是登录状态 $route: function(val) { this.currentRoute = val.path; if (val.path === "/") { this.isLogin = false; } else { this.isLogin = true; } }, },<template><div v-if=...原创 2021-11-07 15:45:43 · 79 阅读 · 0 评论 -
以特定符号进行分隔
{{scope.row.path.substring(0,scope.row.path.lastIndexOf('.'))}}原创 2021-11-05 11:19:15 · 56 阅读 · 0 评论 -
vue 文件上传失败还显示在列表
1.通过upload上传的文件,在文件上传失败的时候还显示在列表上2.解决方案,通过on-change事件,3.主要思路就是在on-change事件中过滤掉不需要的数据,比如过滤文件的大小: //文件的大小 noMax(arr){ for (var i = 0; i < arr.length; i++) { const size=arr[i].size/1024/1024 if(size>1){ ..原创 2021-11-03 13:50:37 · 1869 阅读 · 0 评论 -
vue实现实时搜索功能
问题描述:在输入框输入时便直接搜索数据,不需要点击搜索功能即可实现实现方法:主要通过watch来监听参数的变化,此案例中form就为参数data(){return{ form:{}}搜索方法: fetchData(params){ const pageSize=this.pageSize const pageNum=this.currentPage params.pageSize=pageSize params.pa原创 2021-11-03 13:35:25 · 1846 阅读 · 2 评论 -
上传文件代码部分
<template> <div class="algorithm_update" v-show="dialogVisible"> <el-dialog :class="{'show':formData.state==='已处理'}" :title="title" :visible.sync="dialogVisible" width="700px" :before-close="han.原创 2021-10-31 21:48:05 · 65 阅读 · 0 评论 -
封装el-table表格的组件
问题描述:在进行vue开发时需要很多表格用来展示数据,其中不少都是重复的为了减少这些代码的书写,封装一个通用的组件<template> <div class="app-container"> <div class="filter-container"> <slot name="filter-content" /> <el-row> <el-col> &l.原创 2021-10-20 13:59:34 · 399 阅读 · 1 评论 -
element中dialog出现滚动条记录位置问题
问题描述:而当你滚动到一定位置后关闭Dialog,然后再次打开时滚动条仍然保持在上一次关闭前的位置而没有回到顶部解决方法:原创 2021-10-20 10:50:26 · 522 阅读 · 0 评论 -
Element通过表单修改表格数据时,表格数据跟着修改
Element通过表单修改表格数据时,表格数据跟着修改问:通过表单获取表格中某一行的数据进行修改时,表格中数据会跟着发生变化,而且绑定的数据不是同一个数据,表格中的数据是某个数组,表单中是另一个对象。因为获取表格中某一行数据的row是object类型,直接赋值就是浅拷贝,复制的是它的地址,一输入表格中数据就会发生变化。因此,需要进行深度拷贝 this.formData = JSON.parse(JSON.stringify(row)) this.formData.id = JS原创 2021-10-11 10:34:12 · 405 阅读 · 0 评论 -
Flutter
1.课程大纲2.dart原创 2021-09-29 16:09:14 · 200 阅读 · 0 评论 -
flutter源码解析:案例 OutlinedButton
1.首先定义好OutlineButton:OutlinedButton(onPressed: (){ print("Outline"); }, onLongPress:(){ print("长按输出按钮ssss"); }, child: Text("你好"),// .all :在边框之类的就是指4个边都统一设置原创 2021-09-29 13:40:27 · 1586 阅读 · 0 评论 -
去除图片base64前缀
const data = 'data:image/png;base64,iVBORw0K······' // 此处省略不知道多少个字符let noPrefix = data.replace(/^data:image\/\w+;base64,/, '') // replace + 正则 把前缀替换成空原创 2021-09-23 11:50:57 · 4089 阅读 · 0 评论 -
下载android Studio 并且安装sdk
前言:安装了各个版本都要问题(1)http://www.android-studio.org/ 进入到这个链接,进行下载,我是下载红色框里面的,自己按照自己的需求来下载:(2)下载好之后打开,点击进行安装(2)点击next(3)在这里选择自己的安装路径(4)选择do not import settinfg之后出现下面的启动界面:在启动的时候会弹出下图:选择cancle到达AS页面:点击next,进入UI界面...原创 2021-09-18 16:05:39 · 8733 阅读 · 0 评论 -
Flutter中SDK的下载
前言:用的传统的下载方式,cmd各种闪退,后来找到了其他方法(1)flutter | 镜像站使用帮助 | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror复制这个链接到浏览器到达这个页面:(2) 复制红框的命令到git窗口:git clone -b master https://mirrors.tuna.tsinghua.edu.cn/git/flutter-sdk.git./flutter-sdk/bin/flutter --version我的原创 2021-09-18 15:38:18 · 1843 阅读 · 0 评论 -
dart本地下载不了,连接不上服务器问题,status:Cannot connect
前言:因为dart下载需要翻墙,灭有这个技术的就需要使用其他办法了(1)复制下面这个链接到浏览器https://storage.googleapis.com/dart-archive/channels/stable/release/2.7.1/sdk/dartsdk-windows-x64-release.zip(2)解压到相对应的目录,如:放在D:\dart\dart-sdk\(3)配置环境变量:(4)打开cmd输入命令:出现版本号成功下载了dart --ver.转载 2021-09-17 15:44:48 · 665 阅读 · 1 评论 -
vue使用rem自适应布局(初级)
1.先在搭建号的项目中下载两个插件:npm i amfe-flexiblenpm i postcss-plugin-px2rem2.在main.js文件夹里面引入amfe-flexible3.新建一个rem.js文件夹,并导入到main.js:const baseSize = 16;// 设置 rem 函数function setRem() { // 当前页面宽度相对于 750 宽的缩放比例,可根据自己需要修改。 const scale = docume..原创 2021-09-16 14:31:32 · 339 阅读 · 0 评论 -
下载文件、图片:
原创 2021-09-14 11:28:30 · 39 阅读 · 0 评论 -
node-sass下载版本问题
"node-sass": "^4.14.1","sass-loader": "^7.3.1",先将原本携带的版本卸载。再下载指定的版本npm uninstall sass-loader //卸载初始版本的npm install sass-loader@7.3.1 --save-dev // 下载指定版本npm uninstall node-sass //卸载初始版本的npm install -D node-sass@4.14.1 //下载指定版本 ...原创 2021-09-09 11:16:34 · 2358 阅读 · 0 评论