网页前端
琦玉和龙卷
这个作者很懒,什么都没留下…
展开
-
Vue企业项目安装依赖
1.首先打开windows的cmd查看npm的config配置执行npm config list命令;查看registry是不是企业的前端依赖私服(因为有些企业需要封装自己的依赖);注:配置registry可参考链接https://www.jianshu.com/p/0e80d8a355a82.查看前端的package.json搜索"scripts";这些就是项目的脚本;大概命令都是webpack-dev-server......;npm install; npm run de.原创 2022-04-21 15:20:26 · 1837 阅读 · 0 评论 -
mysql普通url模板后缀以及mybatis使用HashMap接收参数
jdbc:mysql://localhost:3306/dbName?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=false&serverTimezone=GMT%2B8原创 2022-03-06 00:40:15 · 969 阅读 · 0 评论 -
el-table的表头居中、es6的对象数组的reduce回调去重等VUE技巧(如若有误,望指正)
<el-table-columnheader-align="center"></el-table-column>elementui官网header-align 表头对齐方式,若不设置该项,则使用表格的对齐方式 String left/center/right原创 2022-03-03 13:58:32 · 1078 阅读 · 0 评论 -
vue小数的四舍五入保留两位小数
在这里插入图片描述代码parseFloat(0.125567).toFixed(2);原创 2022-03-01 10:58:02 · 6167 阅读 · 0 评论 -
elementui的el-row在浏览器缩放放大以后,样式重叠问题解决
解决代码<template> <el-form :model="formInline" label-width="105px"> <div class = "container"> <el-row style="display: flex;flex-wrap:wrap; justify-content: left"> <el-form-item label="审批人.原创 2022-02-27 13:19:01 · 3337 阅读 · 0 评论 -
如果有多个异步函数需要保证同时执行并保证全部执行完毕后再进行下一步
array.push(api.post())array.push(api.get())Promise.all(array).then(resArr=>{resArr.forEach(res=>{ console.log(res)})})在.then后面判断做下一步操作原创 2022-02-23 14:17:27 · 1347 阅读 · 0 评论 -
结合element自定义分页组件(自定义标签)
有项目经验的都会用到弹窗组件,它就是一个自定义标签那我想自定义封装一个属于我林冲的分页的组件,那应该如何做,灵感来自:https://www.cnblogs.com/wang-dl/p/13614472.html效果如下其实我们创建vue项目,官方就给了你一个自己封装组件开始封装项目结构如下Lc-Pagination.vue 代码<template> <div class="pagination"> <el-pag..转载 2022-01-28 16:03:25 · 1159 阅读 · 0 评论 -
vue+element项目实现如下右边输入框紧挨左边输入框或者下拉框的效果
如图实现只需要把右边的el-form-item 加上label-width="0px"即可,成<el-col :span="15"> <el-form-item label="" prop="code" label="" label-width="0px"> <el-input v-model="form.code" placeholder="请输入号码"></el-input> </el-form-item>.原创 2022-01-27 16:57:26 · 2881 阅读 · 0 评论 -
ElementUI+vue项目的vue文件里面的el-table-column要根据对应的值返回名称
如图,灵感来源,用到vue数组的list方法,更多vue数组方法可以借鉴别人,链接如下借鉴链接那我们项目中定义方法 getLabel 如下 getLabel(list, id, value, label) { if (id !== '' && Array.isArray(list) && list.length !== 0) { return !list.find(item => item[value] === id) ? id .原创 2022-01-27 16:31:19 · 1733 阅读 · 1 评论 -
Element ui自定义验证规则validator(vue+typescript项目)
定义规则变量private rules = {};初始化this.Rules = {date: [{required: true, validator: this.validateTime, trigger: 'change'}]};定义自定义验证规则方法validateTime(rule, value, callback) { const start = value; const end = this.timeVO.endTime; if (!start).原创 2022-01-27 15:53:24 · 2099 阅读 · 1 评论 -
VUE项目的新增和编辑使用同一个弹窗,出现关闭编辑弹窗然后打开新增弹会有验证提示问题
VUE项目的新增和编辑使用同一个弹窗,出现关闭编辑弹窗然后打开新增弹会有验证提示问题解决方法定义一个使用 this.$nextTickH函数的方法,大致它会在dom形成之后更新数据。 clearValidate() { const form: any = this.$refs['refName']; if (form) { this.$nextTick(() => { form.clearValidate(); }) }.原创 2022-01-27 15:40:50 · 2381 阅读 · 0 评论 -
使用谷歌控制台 玩 正则表达式
如图写法和测试代码如下//1.直接写法/^[A-Za-z]+$/.test('adc')//2//正则表达式testReg = /^[A-Za-z]+$/;//测试内容testReg.test('adc');//3 和 2一样//正则表达式var Reg = /^[A-Za-z]+$/;//测试内容Reg.test("welcome to China"); //4和2,3一样//正则表达式var Reg = /^[A-Za-z]+$/;//测试内容Reg.te.原创 2021-12-21 13:49:02 · 1598 阅读 · 0 评论 -
使用谷歌控制台,转换字母的大小写
有趣:使用谷歌控制台,转换字母的大小写相信很多开发人员,定义变量时候,不小心把小写写成了大写,那么应该如何有趣地实现大小写转换呢相信很多开发人员,定义变量时候,不小心把小写写成了大写,那么应该如何有趣地实现大小写转换呢进入主题。在控制台输入如下代码,双引号里面内容是你想要转换的内容。console.log("aqewqr".toUpperCase());得到如下结果,则是小写变大写;大写变小写代码是toLowerCase();大写字母变小写如下ps:在浏览器控制台编写JavaScr原创 2021-12-21 11:44:54 · 1257 阅读 · 0 评论 -
Vue前端<el-time-picker>输出20:16:03格式时间
解决组件<el-time-picker format="hh:mm:ss "value-format="hh:mm:ss"placeholder="时间" v-model="ti" style="width: 100%;"> </el-time-picker>数据ti:‘20:18:03’,这样就可以输出如上格式的时间,而不是其它。...原创 2021-05-16 23:32:45 · 694 阅读 · 0 评论 -
Tomcat安装与eclipse部分配置
关于Tomcat与运行JSP文件的教程Tomcat的安装Tomcat的安装http://tomcat.apache.org然后在Download下载对应版本![installer结尾的那个最后安装在路径,然后点击在bin下的starup.bat##eclipse修改Windows/preferences/server/runtime environment/add...原创 2019-09-25 19:48:22 · 123 阅读 · 1 评论 -
简单模仿百度搜索框
模仿百度搜索框HTML新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入HTMLbody内容: ...原创 2019-08-20 13:26:47 · 2648 阅读 · 0 评论