- 博客(60)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 创建vue脚手架时出现Vue packages version mismatch怎么办?也就是版本冲突问题解决办法
解决该问题步骤如下:删除C:\Users\Administrato\AppData\Roaming\npm\node_modules\vue的vue文件夹 下载vue@2.6.10 npm i vue@2.6.10 开始项目下载 vue create 项目名 此处是vue create demo 成功解决:之后 ...
2020-10-15 14:58:09
1525
原创 前端css容易出现的样式问题和解决方法,比如外边距合并,外边距塌陷,图片底部缝隙,精灵图,弹性盒子居中等
css1.外边距合并2.外边距塌陷3.padding撑大盒子:如果父子嵌套,子盒子没有宽度,盒子不会"撑大4.margin的上下auto无效,左右居中 margin:0 auto ;//块级元素居中,必须要有"宽度"5.图片底部缝隙问题比较常用的几个csswhite-space:强制一行显示overflow:hidden:超出隐藏text-overflow:ellipis;超出显示省略号[若是要显示省略号;这这三个样式连着一起用...
2020-06-27 23:56:28
301
原创 easyui中datagrid表格如何正确显示和隐藏
最近遇到了一个问题，是关于easyui数据表格的显示和隐藏的，一般显示元素可以通过dispaly:block(或show())和display:none (hide()）控制xianshi
2021-06-19 18:43:25
3439
1
原创 jquery中属性选择器选中元素
jQuery 属性选择器jQuery 使用 XPath 表达式来选择带有给定属性的元素。$("[href]") 选取所有带有 href 属性的元素。$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。...
2021-05-30 20:29:39
671
原创 css如何去掉图片里面存在的背景色
对于图片外的背景颜色，可以使用background-color:transparent;对于图片里面的背景色，那么可以用ps处理，或者css处理，去掉背景色 .selectCaiLiao{ display: block; //不是块元素，想设置宽高有用可以这样处理 width:100%; height: 38px; background: url("../../../css/zTreeS...
2021-05-18 23:25:23
5352
原创 jquery中动态生成元素的几种方式
很多时候，由于后台传的数据特别多，需要使用动态生成元素的方式1）在body中：<body><span>喜欢的城市</span><selectname=""id="select"></select></body>2）在js中 （用append或者html的方式）<scriptsrc="../jquery-3.3.1.min.js"></script><...
2021-05-18 23:02:37
821
原创 jquery如何在字符串拼接中实现if条件判断?
我在项目号种是这样处理的:分为两个步骤:首先var tr =""; if(row.SEG_NAME && row.DEPA_YPE=="02"){ //如果是这个条件,则执行 tr = "<tr><td ><span class=\"grayStyle\">名称</span><span class=\"pl-10\" title="+row.SEG_NAME+">"+row.SEG_NA...
2021-01-19 17:02:26
1626
原创 jquery如何根据内容做隐藏效果?
最近,可能有有jquery定义全局变量太乱了,出现了个问题.在""尚未包含人员"的情况下,应该是不显示右边数据的内容的想到了jquery中隐藏css样式 .hide{display:none}jquery中var doText = $('#personList').find("p:contains('尚未包含人员')"); if(doTex.length>0){ $('#dataList').addClass('hide'); }else{...
2021-01-19 16:52:06
170
原创 jquery中如何获取文件的大小
最近百度了好几种方式都没有效果针对这种a标签直接open的方式我也是醉了因为要对这个导出文件大小进行限制,当文件大于100mb的时候,就会有提示并且不让下载对于这种前端计算是很难处理的,解决思路 可以让后台将文件大小(最好封装成一个接口,因为下载文件接口传的是文件流)传给前端,可以这样,下载之前判断一下有没有100Mvar maxFileSize=""; //jquery喜欢定义全局变量的方式$("#reportExportByFilePath").click(funct...
2021-01-19 09:17:05
1105
8
原创 jquery判断多选框是否选中可以使用is()方法
一般我在项目中是使用is方法var useTag=$("#xuanzhong").is(":checked"); //值为ture或者falseif(useTag==true){//如果多选框选中 //操作}else{//多选框没有选中 //操作}
2020-12-27 15:59:57
409
原创 layui中input框禁填置灰
$("#zhsbmc_name").attr("disabled", true).addClass('layui-disabled');
2020-12-24 11:38:13
4636
3
原创 在idea中git pull失败的解决办法
今天一打开项目就git pull失败了,很是苦恼11:20 Git Pull Failed Your local changes would be overwritten by merge. Commit, stash or revert them to proceed. View thempull失败后重新解决 首先在idea中右键 点击 git -revert 还原然后重新拉取,发现分支有冲突,于是依次点击idea中红色部分然后重新git pull下 出现A..
2020-12-17 11:55:08
4138
原创 jquery如何用each遍历实现一个排异切换的效果?
1.给样式 <style> .rec{ color:red; } .gre{ color: green; } </style>2.给标签 <ul> <li class="m">c</li> <li class="m">h</li> <li c
2020-12-13 01:12:19
266
原创 jquery中为什么要用一个变量保存this了,var that=this?
当有多个事件(比如取消事件的时候),通过var that=this,可以指定当前特定的取消事件,而不会影响到其他取消事件.我在项目中的用法: $("#listWdsq .mui-card").on("click", "#wdyy_qxyy", function (e) { // console.log(e); var that = this; // console.log($("#wdyy_qxyy").parent().attr('data
2020-12-13 01:04:40
409
原创 jquery中如何使用事件委托?
当子元素有事件,父元素有事件,当点击子元素,子元素到底是执行子元素的事件还是父元素的事件了?会有冲突,要用到事件委托也就是在子元素中点击执行当前区域子元素事件,在父元素区域内但是子元素区域外执行的是父元素事件事件委托使用情况:子元素有事件,父元素有事件,子元素又是动态生成的情况下使用语法:$(父元素标签).on('click等事件','子元素标签',function(e){}在项目中用途:$("#listWdsq.mui-card").on("click","#wd...
2020-12-13 00:54:52
517
1
原创 vue中使用Mock.js
使用步骤1) 安装 npm i mockjs2)引入mockjs import Mock from "mockjs" 或者 var Mock=require("mockjs") 注意 list是定义数据的数组名, 100是默认的有100条数据,此处可以指定任意数据条数里面的属性名和值可以自己定义,也可以使用提供的数据3)在main.js挂载axiosimportaxiosfrom'axios'Vue.prototype.$axios=axios4)调用接...
2020-11-20 17:59:00
226
原创 vue项目中使用markdown文章样式
当后台传来的数据是这种格式的怎么处理,看起来很乱,还有标签1)可以在vue中用v-html 解析html 其他项目则用其他方法 ,此处用的是v-html="articalObj.content" 解析内容 <div class="articalContent" v-html="articalObj.content"> {{ articalObj.content }} </div>2)上述排版还是看起来不太美观 这个.
2020-11-19 14:39:11
1444
原创 vue中tab栏切换
1.绑定类名 :class="{'属性名:后面为布尔类型,true为生效'}"2.定义3)在css中样式.active{font-size:18px;color:#2878ff;}
2020-11-18 23:33:09
1231
原创 解决前端跨域问题配置
跨域配置 一般的跨域都是后端去配置 早期的有jquery中ajax中的jsonp跨域设置 后端也可以用cors 前端如果要自己配置 1)在项目中创建vue.config.js [和src同级] 在vue.config,js中 注意这个target中的地址是后台给的服务器的地址,module.exports = { devServer: { proxy: { "/...
2020-11-18 14:12:22
628
原创 路由懒加载问题和linkActiveClass属性
1.路由懒加载问题 :就是需要的时候调用好处:就是在需要运行的时候才调用,加快加载速度,提高用户体验具体来说:vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时简单说 :进入首页不用一次加载过多资源造成用时长const routes = [ ..
2020-11-18 12:22:52
553
原创 vue面包屑导航的实现
1.在路由（router.js)中添加meta对象2.在页面上使用 通过this.$route.meta.name 取到{name:'用户列表'},{name:'添加用户'}....... 可以给需要meta的路由添加 <el-breadcrumb separator="/"> <el-breadcrumb-item v-if="this.$route.meta.name" :to...
2020-11-17 21:28:01
2324
原创 vue中数字滚动组件的使用
在项目中的用法1.安装 npm i vue-count-to2.引入3.注册组件 在vue中 这个组件不应该在data里面 所以用的时候要注意 components 和 data 是同级4）在页面上用在需要的地方进行插入 :startVal是开始数字 :endVal是结束数字 需要注意: 如果后台传的是字符串类型,用parseInt() 转换一下infoObj.bannersNum是从数据库里面传过来的 这个要根据实际接口操作（和后台接口参数名和规则一致），此...
2020-11-17 17:16:57
441
原创 用js在页面上写一个倒计时
我在自己的项目中是这么做倒计时的1）html代码 time1,time2,time3分别是用来显示时、分、秒的 <div class="countTime"> <span id="time1">1</span> <i>:</i> .
2020-11-16 17:38:53
1519
原创 css实现等分布局
css画页面的时候，喜欢使用百分比实现等分布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <styl.
2020-11-12 15:53:12
691
原创 css快速实现移动端圣杯布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { ...
2020-11-12 15:08:17
222
原创 用css实现pc端响应式布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>响应式布局</title> <style> * { mar.
2020-11-12 11:53:41
1833
1
原创 css比较常见的li布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>li布局</title> <style> * { ma...
2020-11-11 23:04:48
551
原创 vue中使用el-upload上传组件并且和后台的联调
前提：在elemnet-ui中组件能应用的情况下，在vue项目中使用el-upload上传组件 在main.js中注册el-upload后 <el-upload class="avatar-uploader" action="http://127.0.0.1:3000/api/admin/upload" :show-file-list="false" :on-success="handleSucce.
2020-11-11 22:14:12
1114
原创 vue中添加和编辑显示控制 (带接口,编辑中带id)
1)首先定义一个变量 showMode:true,//true表示添加文章false表示显示文章 [在vue中一般定义在data中] [AddOrEditAritcal.vue]2)然后在页面上应用 <h1>{{showMode?"添加文章":"编辑文章"}}</h1> [在vue中template中] [AddOrEditAritcal.vue]3)在编辑中携带id [Artic...
2020-11-11 18:43:00
1007
原创 出现 Uncaught (in promise) undefined Promise.then (async)问题
我在调接口的时候出现了这个问题,想了很久最后发现时调用axios中put方法和deletes方法存在一些差别原来报错的写法是:export function put(url, params) { return new Promise((resolve, reject) => { //如果不加的话,返回undefined axios .put(url, params) .then((res) =&...
2020-11-10 23:15:50
7072
原创 vue中数据加密处理
在vue中,通常要对一些数据进行加密操作我一般使用crypto-js去实现各种加密效果官方地址： https://www.npmjs.com/package/crypto-js操作步骤有1)安装依赖包 npm icrypto-js2)在工具包目录添加方法import crypto from "crypto-js";export function getMd5(str) { return crypto .MD5(str) .toString(...
2020-11-10 22:55:39
1778
原创 时间格式化的处理
使用moment ,查看文档地址http://momentjs.cn/1)下载moment npm i moment2)有些地方需要用到时间格式化 ,需要处理数据我比较喜欢的做法有两种方法有两种:方法1.对定义的currentTime时间格式化function formatTime(arr) { arr.forEach(item => { item.currentTime = moment(item.currentTime).format("Y...
2020-11-10 22:31:39
278
1
原创 vuex的详细使用
可以参照vuex官网https://vuex.vuejs.org/zh/guide/总结:1.引入模块 import {goods} from "./modules/goods"2.将vuex导入模块modules:{ goods}3.定义模块const state={};const getters={};const mustations={};const actions={};exportdefault{namespaced:t...
2020-11-04 18:06:08
176
原创 vue中正确使用富文本编辑器wangeditor和使用wangeditor遇到的坑
地址:http://www.wangeditor.com/,gitHub:https://github.com/wangfupeng1988/wangEditor/blob/master/example/demo/in-vue/src/components/Editor.vue1）首先终端中安装npm i wangeditor <divref="editor"style="text-align:left"class="text"></div>2) 引入富...
2020-11-01 17:28:13
3798
1
原创 vue中使用@mousedown、@mouseenter等鼠标事件失效解决办法
在vue中，使用@click点击事件没有任何问题 <el-button type="primary" icon="el-icon-plus" @click="searchBtn">添加用户</el-button>但是将@click替换为@mouseenter、@mousedown等鼠标事件[非鼠标点击事件]时，发现事件不触发（也就是失效了）此时应该在@mouseenter、@mouseenter等鼠标事件加上native属性就好了 <el-button ty
2020-10-31 00:37:19
14817
3
原创 vue项目中如何使用this.$confirm
首先在element-ui中的el-table下的el-table-column中引入插槽（相当于占位符） <template slot-scope="scope"> <el-button size="mini" @click="handleEdit(scope.$index, scope.row)" >编辑</el-button > <el-but...
2020-10-30 23:58:34
7704
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人