- 博客(34)
- 收藏
- 关注
RSS订阅原创 ElementUI 表格横向滚动条时滚动到指定位置
elementUI table 横向滚动条滚动到指定列 会将滚动条滚动到设置的列，方便编辑；
2024-04-02 14:40:16
987
1
原创 导出下载附件功能
1、window.open下面展示一些 内联代码片。doExport(){//导出 let url = ''; if(process.env.NODE_ENV == 'development'){ url= 'http://localhost:8080/shhjc-server/'; } else { url=getRootPath()+'/'; }; window.open(url+'shhjc/framework/topic/doExp2', '_self');},2、jqu
2021-08-31 17:58:30
225
原创 附件上传和下载
jquery//文件上传 $.ajaxFileUpload({ url:yxUrl.upFileUrl+"?tableName=K_IM_CHECK_DEAL&aboutRecordId="+data.data.dealDetID, //用于文件上传的服务器端请求地址 secureuri: false, //一般设置为false fileElementId: 'file-ipt', //文
2021-08-26 16:44:29
332
原创 记录一些常用正则验证
1、字符串每隔3个汉字换行 let city = "听妈妈的话要快快长大"; city=city.replace(/[^\x00-\xff]/g,"$&\x01").replace(/.{6}\x01?/g,"$&\n").replace(/\x01/g,""); console.log(city);//听妈妈的话要快快长大2、清楚字符串中的换行符let name = name.replace(/\n|\r/g, "");3、清楚字符串中的空格str = str
2021-06-04 17:52:28
175
原创 vue-cli搭建的项目在ie中的常见报错
vue-cli搭建的项目在ie中的常见报错1、ie不支持replace方法document.getElementById(“menuTabIcon1”).classList.replace(‘unselMenuIcon1’,“selMenuIcon1”);此处可以用add方法代替document.getElementById(“menuTabIcon1”).classList.add(‘selMenuIcon1’);2、修改ie滚动条样式和chrome方法不一样chrome:设置滚动条样式隐藏
2021-04-25 16:28:03
405
翻译 element-ui 日期组件选择只能在三个月内
1、2、pickerOptions: { disabledDate(time){ let currentTime=that.duration[0] let threeMonths=60*60*1000*24*90 if(currentTime){ return .
2021-04-12 17:03:18
2273
翻译 全屏按钮模拟f11实现方法
// 全屏按钮 fullScreen(){ var el = document.documentElement; var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; if (typeof rfs != "undefined" && rfs) { rfs.call(el)
2021-04-12 16:49:53
494
原创 css3实现椭圆轨迹运动
1、X轴Y轴在一个矩形内移动做斜线运动此处left top 为矩形右下角的值.ball { position: absolute; animation: animX 2s linear infinite alternate, animY 2s linear infinite alternate }@keyframes animX{ 0% {left: 0px;} 100% {left: 500px;}}@keyframes a
2020-09-11 14:21:09
3675
原创 echarts双Y轴刻度不对齐以及有负数时x轴线不太底部问题
echarts双Y轴刻度不对齐以及有负数时x轴线不太底部问题1、遇到的问题双Y轴刻度不对齐以及x轴不在底部问题2、解决方法1）解决x轴线不在底部问题在axisLine里面设置onZero属性2）解决对齐问题问题描述：1、这里已经强制设置了min max 以及interval为5但是人不对齐发现是最大值和倒数第二个值间隔不均匀导致的所以这里的max要通过计算来获取2、这里柱子对应左侧y轴 两条折线对应右侧y轴所以这里要求出两条折线的最大值和最小值进而比较出最终的最小值和最大值解决
2020-08-30 16:08:49
6295
3
原创 css实现数字钟表字体实现 fonts
css实现数字钟表字体实现 fonts一、需求二、实现步骤1、字体下载链接: https://pan.baidu.com/s/19o5G1CO1MeBnZa9q3s0qTw .提取码：swzy2、引用1)@font-face { font-family: 'UnidreamLED'; src:url(UnidreamLED.eot); /***兼容ie9***/ src:url(UnidreamLED.eot?#iefix)format('embedded-opentype'
2020-08-30 15:40:17
5039
1
原创 elementUI表单验证 v-for遍历表单 自定义正则校验以及对区间范围进行正则校验
elementUI自定义表单验证一、需求二、具体实现1、数据结构以及效果2、要达到的验证效果3、具体代码实现form表单验证1、首先通过将数组变形为普通form表单验证的对象数据格式2、这里动态设置校验规则3、自定义验证方法总结一、需求对输入框的值进行正则验证，但是这些输入框是通过v-for的值来绑定的 并且这是绑定区间范围的值。因此需要自定义验证 这里的难点在于多prop的绑定。二、具体实现1、数据结构以及效果2、要达到的验证效果既要对单个绑定的验证(只能是数字 并且要满足默认的范围)还要
2020-08-25 15:59:01
2000
原创 多人合作使用git
创建本地git1.建立一个自己的分支git branch zyn使用git branch查看当前的分支情况，如不 出意外，则显示一个master一个zyn分支，而你当前在master分支上。2.切换到新建的分支git checkout zyn3.在zyn下进行commitgit commit -m “zyn”4.再回到原来的master分支git checkout master...
2019-12-03 19:45:23
172
原创 js删除数组中元素，改变下标问题
js删除数组中元素，改变下标问题js删除数组中元素，改变下标问题方法一：使用标识flagfor(var i=0,flag=true,len=this.fuzzyQueryList.length;i<len;flag ? i++ : i){ if(fatherName == list.fatherName && name == list.name) { thi...
2019-11-05 17:26:01
2520
原创 vue-cli3搭建项目遇到的坑
1、proxy的pathRewritedev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { target: 'http://XX.XX.XX.XX:8083', changeOrigin: true, ...
2019-07-04 19:30:55
443
原创 echarts遇到的坑
1、app中用的echarts4.x版本 echarts图盖着其他定位元素具体情境：echarts图中 一些元素为定位上去的 但是莫名不展示了 后来发现是是被ecahrts图给盖着了解决方法：使backgroundColor设置为透明2、echarts图 百分比不管用具体情境：在有tab页的页面中设置ecahrts图为百分比 但是展示很小原因：初始化图表容器不展示 百分...
2019-07-02 19:16:01
1548
原创 flex布局时 固定宽度被压缩不展示
最近项目使用flex时遇到的坑flex-shrink属性1、flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。.item { flex-shrink: <number>; /* default 1 */}2、如果所有项目的flex-shrink属性都为1，当空间不足时，都将等比例缩小。3、如果一个项目的flex-shrink属性为...
2019-07-01 11:24:41
8206
原创 axios请求方式content-type区别-------form Data(application/x-www-form-urlencode)和Request payload(applicati)
1.form格式，将Content-Type类型设置为application/x-www-form-urlencode，POST请求时将data序列化,提交的数据会按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码// http request 拦截器 instance.interceptors.request.use( ...
2019-06-20 19:35:22
3343
原创 vue-cli 打包之后图片引用路径问题以及vue cli 使用npm run dev 报错Cannot GET /
1、vue-cli打包后 的dist文件中图片路径错误按理说，这个img的路径应该是https://xxxxxxxxxxxxxx/dist/static/img/xxx.xxxxxx.png,但是很明显路径就成了https://xxxxxxxxxxxxxx/static/css/static/img/xxx.xxxxxx.png，图片路径多了两层。其实很简单。打开/build/utils.js...
2019-06-18 19:37:14
1559
原创 Uncaught (in promise)一般是pormise写法
Uncaught (in promise)一般是pormise写法有问题new Promise(function(resolve, reject) {reject(‘该prormise已被拒绝’);}).catch(function(reason) {console.log(‘catch:’, reason);});
2019-06-17 14:18:02
2249
原创 git命令总结、上传本地文件到github(.gitignore文件)
git config --global user.name “xxx” // 用户名git config --global user.email "xxx@163.com" // 邮箱github 新建仓库(my-test)git clone ‘仓库’(https://github.com/zhang1430116185/my-test.git)cd my-testgit add ....
2019-06-08 11:31:08
725
原创 移动端适配-flexible.js使用(解决对外部引入css，px2rem能不能转换rem问题)
移动端flexible.js适用于最新版vue-cli,配置手淘的lib-flexible.js和rem实现移动端页面自适应1.安装lib-flexible.jsnpm install lib-flexible --save2.在项目入口文件main.js中引入lib-flexibleimport ‘lib-flexible’3.px转换rem使用 webpack 的 px2rem-...
2019-06-03 16:25:05
3454
4
原创 nrm---管理npm的工具
安装nrmnpm install -g nrm （管理npm的工具）使用步骤1、先安装自己npm私服npm set registry http://172.19.16.1:48732、nrm ls（查看所有的支持源（有*号的表示当前所使用的源））3、老的错npm地址错误，删掉之前的nrm del npm名称(longshine)4、新增一个新的私服地址nrm add npm名称(...
2019-05-31 22:33:14
352
原创 vue项目中使用jsplumb流程图(以及类似官网的放大缩小漫游)
html//jsplumb初始化jsplumb(_this) {jsPlumb.ready(function() {_this.instance = jsPlumb.getInstance({ Endpoint: ["Dot", { radius: 2, cssClass: "dot" }], //连线 Connector: ['Bezier', { curvines...
2019-05-28 17:41:15
11824
7
原创 特殊的象形柱图echarts
效果图html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>特殊---柱图</title> <link rel="stylesheet" type="text/css" href="css/css-reset.css"/> &l...
2019-05-28 16:51:47
1813
原创 轮播无限向上滚动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.9.0.js" type="text/javascript" c...
2019-05-28 16:20:12
388
原创 记一次关于弹框按钮位置问题
1.场景：弹框中的按钮位置放置问题原rp设计：确定按钮放在右边，取消按钮放在左边事情经过：看到很多关于弹框的rp设计图，然后我发现rp中对弹框里面按钮位置的放置问题上没有区分不是很合理，所以我提出了自己的优化意见并且被采纳。修改为确定按钮放在左边，取消按钮放在右边。原因如下：1、采用「action」/「cancel」顺序时，用户会阅读完所有可操作的选项，这意味着用户的视线不会停留在「A...
2019-05-28 16:13:52
888
原创 记一次全屏展示问题
全屏展示需求背景：看板的用户为了方便领导使用，设想在桌面添加一个快捷方式，双击快捷方式可以打开看板页面（推荐谷歌浏览器），看板全屏展示，如果要退出点击看板页面上的“退出”按钮，直接关闭当前页面。现存问题：基于该需求，开发人员做了如下尝试:一：桌面创建快捷方式1.桌面创建快捷方式，绑定看板访问地址；2.双击快捷方式打开谷歌浏览器跳转到看板页面（免登），不能全屏，点退出按钮可以关闭浏览器...
2019-05-28 16:06:12
153
原创 一些前端需要用到的 不错的网站。
1、制作favicon.icohttp://www.faviconico.org/它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上用link标签实现shortcut icon1、其中favicon.ico需放在根目录下面（不提倡用这种方法，因为图片没有授权，违反了W3C标准，）2、这里的favicon必须是16*16或者32*32的，必须是8位色或者24位色的，格式必须是png或...
2019-05-28 15:43:58
193
原创 css遇到的问题大汇总
学习工作前端好几年了，感觉自己就是个废柴，很多都不懂，平时就是写写业务代码，用到的时候才会想着去学习，是时候要学习了。中午刚写了一篇博客，下午就看到自己的小伙伴写博客写了好几年了，比自己优秀的人都这么努力，自己还有什么理由不努力呢！加油！
2019-05-28 15:30:10
486
原创 在vue项目中使用monaco-editor插件实现代码编辑器功能（以及sql格式化功能）
**记一次vue-cli2项目中使用monaco-editer编辑器插件**1、使用npm安装依赖npm install monaco-editor --savenpm install monaco-editor-webpack-plugin --save-dev2、在webpack.base.conf.js如下3、在使用过程如下格式化功能使用了sql-formatter插...
2019-05-28 13:16:32
16565
17
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人