- 博客(113)
- 资源 (10)
- 收藏
- 关注
原创 Element el-table 中 type=“selection“ 的列 没法用 if 判断显示隐藏??
你是否也遇到了Element el-table 中 type="selection" 的列 没法用 if 判断显示隐藏??例如/***此处还有两个 按钮graduate 一个 已毕业1 一个未毕业0 ,需求是当已毕业的时候 需要增加多选框,未毕业不需要增加多选框,点击按钮 切换页面表格中 多选框那列的显示隐藏*****/<el-table :data="tableData" ref="multipleTable" @selection-change="handleS..
2020-12-11 16:54:44 6625 14
原创 VUE + VUX 客户端 金额,输入数字同步翻译成大小汉字金额
is-required 这个组件的源码 https://blog.csdn.net/dyp330/article/details/85781622 <template> <div> <!--金额,输入数字同步翻译成大小汉字金额--> <div class="mt-10"> <span class="am...
2019-01-04 16:05:50 701
原创 JS VUE 中 请假排除周末,包含半天可以设置
// 两个时间相差天数const datedifference = (sDate1, sDate2) => { // sDate1和sDate2是2006-12-18格式 let dateSpan, days, sDate = Date.parse(sDate1), eDate = Date.parse(sDate2); dateSpan = eDate ...
2018-11-08 15:42:38 1545 1
原创 大文件上传到服务器报错的问题
<br />最近遇见了个大文件上传到服务器报错的问题;我使用的是FileUpload控件上传的<br />开始用的是SaveAs()和WebClient的方法,结果本地测试可以上传,一发布的服务器就出错,配置文件也写了<httpRuntime maxRequestLength="2058000" executionTimeout="90000" useFullyQualifiedRedirectUrl="false" requestLengthDiskThreshold="8192"/>但是还是不行,<br
2010-11-18 18:49:00 1618
原创 Element-plus 与Element 2.x的差异-部分
一、 组件里插槽的书写变化: 组件 Element-plus Element 2.x 备注 input 插槽 #append slot="append" 插槽名称没有变化只是写法有差异 input 默认插槽 #default 默认插槽 slot 使用#defaul
2021-04-09 15:10:32 2331
原创 el-autocomplete 省略号 鼠标浮动上去显示 全部内容
下拉列表 显示 提示文字显示... 需要显示全部的时候 增加 slot<el-autocomplete v-model="query.skuModel" :fetch-suggestions="getSkuModel"placeholder="请输入型号"value-key="model"clearable:trigger-on-focus="false"><templateslot-scope="{item}"&...
2021-03-19 14:41:09 2234
原创 Vue 中 使用 ElementUI 中的 el-select 中的remote-method 如何添加自定义方法 ?
首先认为大家都知道el-select 组件 可以支持远程搜索,官网代码 https://element.eleme.cn/#/zh-CN/component/select ,不知道的朋友自行学习哦!el-select 组件 支持远程搜索 有一个:remote-method="remoteMethod" 这个方法 (官网有代码内容),但是如果需要在单独传一个 自定义参数,怎么办呢?需求:把组件放在了 el-table的列中 需要把 row的数据传递进去,实现如下::remote-met...
2021-01-30 18:44:20 10394 2
原创 检测多余的代码(vue/no-unused-properties的使用说明)
你的网站中有没有 data,methods,props,computed里面出现冗余的代码,本文介绍下如果查找到这些代码。然后删除~~~主要用到 eslint 的插件vue/no-unused-properties,下面的 no-unused-propertie这个插件的官网,有兴趣的可以看看。https://eslint.vuejs.org/rules/no-unused-properties.html下面介绍下如何在网站中实现检测的功能。一、在package.json里初始化如下组件..
2020-12-01 10:42:13 1730
原创 Vue 框架下 IE11 访问后 无法登录!并且不提示错误?
Vue 框架下 IE11 访问后 无法登录!并且不提示错误?查看 网站里的 actions 里面的 conmmit 的写法 ,我遇到的问题是:除了IE11之外 都正常登录。IE11也不提示错误!!commit写法问题:commit(mutations.loggedIn.name, {xxx:xxx});改成commit("loggedIn", {xxx:xxx});原来搭建框架的人 挖了好大的坑 我找了一天才定位到问题~~~...
2020-08-05 17:30:15 271
原创 cropperjs 截图后 图片尺寸变大 ?
今天遇到了一个上传头像,限制最大上传1M的图片,在选择的时候已经限制了,但是经过截图处理后 图片又大于1M了,很郁闷啊~看了文档,想到了处理办法~ getCroppedCanvas(options)这方法需要设置 option里的宽高,宽高是值根据cropper.getData()这方法获取,但是不能超过1440px,否则转化为的Base64位图片后就算再转回温江形式 还是会大于1M的~~const fileName = $(this)[0].value;const suffixIndex = ..
2020-08-03 15:40:27 2067
原创 js replace 正则替换全部 回车
function contentFormatter(value) {var str = /\\r\\n/g;if (value.indexOf("\\r\\n") > -1) {value = value.replace(str, "<br />");}return value;}function contentFormatter(value) ...
2019-07-17 13:46:37 1515
原创 css 手机,移动端设置0.5px的横线
电脑上 一般边框都是 1px,但是在手机端的小程序上 1px就会没那么美观,需要用到0.5px的哦手机上 0.5px的一条直线设置如下:<div class="gridClass"></div>.gridClass {position:relative;margin-top: 40px;width: 100%;}.gridClass:afte...
2019-07-17 13:34:37 1270
原创 css 设置input 的 placeholder 的颜色
1.设置placeholder 的颜色(.control-height是原有的类名)input.control-height::-webkit-input-placeholder {color: #9297A0!important ;}input.control-height:-moz-placeholder {color: #9297A0!important;}inp...
2019-07-17 13:32:52 251
原创 css 设置 一条两端渐变浅色的 亮白色线
1./**一条两端渐变浅色的 亮白色线**/.btnLine {background-image: linear-gradient(90deg, rgba(237,240,244,0.00) 11%, #EEF1F5 35%, #EEF1F5 64%, rgba(238,241,243,0.00) 86%);width: 290px;height: 1px;}...
2019-07-17 13:32:01 2170
原创 Cannot assign to read only property ‘exports’ of object ‘#Object’ 指向vux 的picker mix require and exp
Vue + Element + Vux 框架 一个应用同时支持手机和pc展示效果不一样用jenkins 部署后 显示不出来,部署全都正确,打开就是空白页面 console报错:VUE报错:Cannot assign to read only property ‘exports’ of object ‘#Object’指向vux 的picker mix require and expor...
2019-03-01 15:42:26 331
原创 VUX 中添加红色 * 的组件
<template> <span v-if="isRequired" class="redClass">*</span></template><script>export default { name: 'IsRequired', props: { isRequired: { type
2019-01-04 16:07:33 476
原创 学习HTML5--JQ实现拖拽小例子
不废话 直接上代码,官网上是JS实现的,下面是JQ实现的,JQ版本: jquery-3.3.1.min.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>dragDrop</title>
2018-07-20 13:49:52 281
原创 数组去除重复和数组删除指定元素---lodash 用例
1. 普通数组例如:var arr = [1,2,3,4,2,1];_.uniq(arr); 输出:[1,2,3,4]2.对象类数组var list = [{"name":"GreenVPN","pkgname":"org.greenvpn"},{"name":"搜狗短信","pkgname":"com.sogouchat"},{"name
2018-06-26 09:54:38 32879
原创 VUE 初始化 npm install 报错npm ERR! cb() never called!
1.VUE 初始化 npm install 报错npm ERR! cb()never called!npm ERR! cb() never called!npm ERR! This is an error withnpm itself. Please report this error at:npm ERR! https://github.com/npm/npm/issuesnpm ERR! A ...
2018-05-23 15:43:06 52704 5
原创 Angular ionic 日期组件 带点击前一天 后一天的功能
angular结合 ionic 写的小时间组件1、安装nodejs2、通过命令进入指定盘下路径输入以下命令:npm install -g bower3、运行bower install 安装对应的依赖JS库4、通过命令进入指定盘下路径输入以下命令:npm run install-g(如果已经执行过该方法,直接跳过该步) 5、进入开发环境: npm run serve-dev 开启开发环境服务代码部
2017-09-14 17:10:55 1681
原创 JQ 中 时间格式化和 时间的比较
//格式化时间Date.prototype.formatDate = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.
2016-01-08 13:42:38 2200
原创 Bootstrap3 框架下 使用 Bootstrap-table 结合 Bootstrap- file input 上传文件 并显示进度条
Bootstrap 3框架下 使用 Bootstrap-table 结合 Bootstrap- file input 使用 Bootstrap3-dialog 弹出上传页面列出上传的文件(支持多文件上传)网站中使用的单页面应用 还用到了 require 引用外部JS文件页面中所有需要的引用,具体文件请到对应官网下载
2016-01-05 17:31:50 18313 3
原创 火狐浏览器 上运行的一个bug
当使用火狐浏览器运行如下代码:测试 table{width: 800px;word-break: break-all;}table .showgroup span {display:none;min-width:60px; position:absolute; margin-top:20px; margin-left:-20px; padding:
2015-06-16 18:04:09 774
转载 "自适应网页设计"到底是怎么做到的?
首先,在网页代码的头部,加入一行viewport元标签。 viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用css
2015-04-20 16:39:49 874
原创 第五章jQuery对表单表格的操作及更多应用
本章主要讲表单和表格的一些应该,需要注意的就是:1.end()方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态2.三元运算符 语法是条件 ? 结果1 : 结果2;. 这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。3.parseInt(data,表示进制数字代表) [2表示二进制、8表示八进制、10表示十进制、16
2015-04-17 14:16:15 636
原创 锋利的jQuery 第六章 jQuery于Ajax的应用
6.5jQuery中的load()方法结构:load(url,[,data],[,callback])参数名称类型说明urlString请求HTML页面的URL地址dataObject发送至服务器的key/value数据call
2015-04-16 20:26:56 1030 1
原创 锋利的JQuery 第四章后续部分
4.2JQuery中的动画hide(1000) 和show(1000) 可以把元素隐藏和显示,隐藏类似于向左上角收起的效果,显示的时候是从左侧想右侧显示 fadeOut()作用是逐渐降低元素的透明度,直至消失,fadeIn()增加元素的透明度直至显示。 sideUp()作用是由下到上缩短显示,sideDown()作用是由上至下拉伸显示(俗名:拉窗帘效果); animat
2015-04-15 15:50:31 669
原创 第四章 JQuery 中的事件和动画
4.1.2事件绑定bind(type [,data], fn)的方法,方法有3个参数,第一个是事件,比如:blur,focus,load,select, change,submit,error等;第二个参数可选参数,做为event.data属性值传递给事件的额外数据对象。第三个参数是绑定的处理函数 toggle()方法,我测试中发现一个jquery-1.11.2.js版本的一个问题
2015-04-13 20:50:58 602
转载 目前比较全的CSS重设(reset)方法总结
在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题)。但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和呈现。 当今流行的浏览器(如:Firefox、Ope
2015-04-13 20:24:35 463
原创 今天继续学习锋利的JQuery,第三章后半段
书中3.2.9中$(“p”).addClass(“other”)和$(“p”).attr(“class”,”other”),两个都是设置和获取样式的操作,两个区别在于,如果p标签之前有一个样式”class1”,那么第一个方法是在原有样式追加一个other样式,而attr则是直接修改样式,还有attr不止能获取样式,还能获取元素的属性,例如:获取属性$(“a”).attr(“href”)和设
2015-04-12 22:15:12 546
原创 锋利的JQuery 第三章内容
第三章 JQuery 中的DOM操作3.2.3创建节点没啥特别的主要记住创建出来的元素是父子的关系:向元素内容部追加节点$(“ul”).append(“”),使用append();想向元素后面追加$(“p”).appendTo(“测试”);在这里“To”可以理解为向后,到哪里的意思,还有$(“p”).prepend(“测试”),指向元素内部添加前面添加a标签,在这里“pre”在英语里也
2015-04-10 19:34:28 818
原创 锋利的JQuery 第二章内容
DOM对象和 JQuery对象JQuery 对象可以转换成DOM对象,两种方法:可以通过[index]和get[index]方法进行转换第一种例如:var$ulr=$(“#ID”); ——> varulr=$ulr[0];//转化后的DOM对象第二种方法例如:var $ulr=$(“#ID”);----à varulr=$ulr.get(0); DOM对象转换成JQu
2015-04-09 21:44:00 539
原创 锋利的JQuery学习记录:第一课
今天才开始学习锋利的JQuery一书~虽然有点晚,但是不是有句俗话叫只要学习就没有晚么~呵呵~以前对JQ在工作中用到过,但是还不够系统,所有今天开始从头系统的学习下~HTML5和JQuery一起学~~目前IE10好像还并不支持HTML5,至少我的IE10不支持,所以以下代码都是用GoogleChrome测试的。。。本文中只列些我觉得有用的东西,还有初学者容易混淆或者遗忘的部分。
2015-04-08 21:34:23 531
转载 CSS实现 边框的圆边圆角
圆边圆角CSS代码:#divcss5 h1, #divcss5 h2, #divcss5 p {margin:0 10px; letter-spacing:1px;} #divcss5 h1 {font-size:2.5em; color:#fff;} #divcss5 h2 {font-size:2em;color:#06a; border:0;} #divcss5 p {pad
2014-11-26 14:29:48 3150
转载 浏览器IE6、IE7、IE8、css bug兼容性处理
1:li边距“无故”增加 11:li边距“无故”增加任何事情都是有原因的,li边距也不例外。先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其低级元素ul的padding引 起,padding的上下值对li有影响,左右无影 响。所以只好笨手笨脚地把padding去掉,换成
2014-11-15 16:37:33 723
原创 CSS 学习积累
本文不讲详细,只讲注意事项,需要看详细,地址如下: position语法:position : static absolute relative position参数:static : 无特殊定位,对象遵循HTML定位规则absolute: 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过css
2014-10-29 09:02:30 619
转载 IE HACK兼容性
本文向大家描述一下如何使用CSS HACK区别IE6、IE7、IE8、Firefox兼容性问题,针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack,相信你对本文介绍一定会感兴趣。CSS HACK区别IE6、IE7、IE8、Firefox兼容性问题1.区别IE和非IE浏览器#tip{ background:blue;/*非IE背景藍色*/ b
2014-09-18 09:28:00 531
原创 Sahrepoint2013 创建HTML布局页面
1.在IE中打开设计管理器,找到:2.点击创建页面布局,选择母版页和页面内容类型,如下 3.创建后记得发布主要版本。。。。在IE中点击“...”就可以找到 4.然后打开SPD,在页面布局中找到对应的HTML页面,点击右键签出,再高级模式下编辑,打开页面首先如果你要使用外部样式连接,用查找找到 id="PlaceHolderAdditionalPageHead"的标签在
2014-06-19 09:47:58 1646
Cookie用法大全
2011-06-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人