
前台技术
流泪兔兔头
如果一个人习惯了轻松成功,就无法培养处理真正困难的问题所必需的耐心
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css解决打印不加粗BUG
chrome打印宋体,不会有加粗效果,解决办法为通过css阴影实现类似效果原创 2022-06-15 10:57:28 · 1623 阅读 · 2 评论 -
VUE获取图片并压缩下载
VUE获取图片并压缩下载原创 2022-04-28 09:41:35 · 858 阅读 · 2 评论 -
js调用vue内的方法并传值
js调用vue内的方法原创 2022-04-21 14:35:49 · 3329 阅读 · 1 评论 -
this.$confirm中,确定和取消执行不同的逻辑
效果如图:【确认通过】按钮执行逻辑A,【确认不通过】按钮执行逻辑B。代码如下:this.$confirm("确认“里斯”的居家隔离条件?", "提示", { confirmButtonText: "确认通过", cancelButtonText: "确认不通过", type: "warning", distinguishCancelAndClose: true, // 重要,设置为true才会把右上角X和取消区分开来 closeOnClickMo.原创 2021-12-15 11:11:33 · 4234 阅读 · 0 评论 -
VUE表单校验,金额
rules: { money: [ { required: true, message: '请输入金额', trigger: 'blur' }, { pattern: /^(([1-9]{1}\d{0,9})|(0{1}))(\.\d{1,2})?$/, message: "请输入合法的金额数字,最多两位小数", trigger: "blur" } .原创 2021-08-25 11:11:02 · 2747 阅读 · 0 评论 -
vue对象复制(深拷贝,多层对象拷贝方式在后面)
使用:es6中的“对象扩展运算符 ”,如下 // 对象深拷贝 obejctCopy() { // 源对象小李 const source = { name: '小李', age: 18, gender: '男', school: '清华大学' } // 拷贝小李 const copy1 = { ...source } // 拷贝小李,并修改名字为小张 const copy2 = { ...source, name: '原创 2021-07-14 11:13:38 · 16255 阅读 · 3 评论 -
VUE(el-select、el-option...)修改值后页面不更新
现象:明明绑定了v-model,但是在页面操作时输入没变化,点击其他地方后再回来又变了。比如上图,用户类型明明绑定了userType,但是在选择的时候并没有第一时间反映到下拉框上。查看data定义如下因为在data定义时,并没有说明userType这个属性,所以会导致userType属性是非响应式的。如果是非响应式属性,那么就会出现修改值后页面显示不及时更新的问题。解决方案:1、在定义的时候就写入属性(此时只要在下拉框选择,那么显示就会实时更新)2、在方法内使用th.原创 2021-07-14 10:56:18 · 11354 阅读 · 2 评论 -
IE浏览器axios请求不走后台
axios请求header中添加'Pragma':'no-cache'。永久性解决方法是在axios配置添加这个参数,比如:const config = { headers: { Pragma: 'no-cache'}, params: { id: this.state.taskID }}// 或者这样写也可以config.headers['Pragma'] = 'no-cache'axios.get(url, config).then(...)参照链接:https原创 2020-09-17 09:52:52 · 586 阅读 · 1 评论 -
验证金额的正则表达式
整数位不限制,限制两位小数:(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)整数位限制18位,限制两位小数:(^([0-9]{1,18})?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)...原创 2020-03-04 09:13:04 · 3551 阅读 · 3 评论 -
jquery实现html转义 反转义
参考来源:https://www.cnblogs.com/woostundy/p/4138173.html实现方式:$('<div>').text('<a>').html()结果:<a>$('<div>').html('<a>').text()结果:<a><...转载 2019-04-16 09:35:58 · 3980 阅读 · 0 评论 -
不刷新页面更改地址栏内容
先贴出来代码: var stateObject = {}; var title = ""; var newUrl = "www.baidu.com"; history.pushState(stateObject,title,newUrl);只要将newUrl里面的内容换成自己想要的就行了 ...原创 2019-02-12 16:03:36 · 441 阅读 · 0 评论 -
字符串如何转为momentjs对象
在js端计算时间总是一个棘手的问题momentjs可以有效的帮助我们进行时间的各种操作。但是我们在使用他的方法时,需要先建立一个moment对象方法是:var now = '2017-12-12 00:00:00';var moment = moment(now,'YYYY-MM-DD HH:mm:ss');moment对象就可以调用momenjs提供的方法了。比如:加一天:moment.add(...原创 2017-12-13 19:36:56 · 24350 阅读 · 0 评论 -
jQuery给对象绑定,解绑事件
主要用到jQuery的bind unbind方法绑定:比如想给一个button绑定一个点击事件:$("#button").bind("click",function(){...});其中click是触发方式,也可以换成mouseOver等等。function即为触发时执行的函数。可能会遇到的情况就是在执行的时候,走了两次$("#button").bind("click"原创 2017-09-07 10:52:53 · 694 阅读 · 0 评论 -
jQuery 把input变为disable
$("#input").attr("disabled","disabled");如果需要去掉disable属性$("#input").removeAttr("disabled");如果是javascript写法,那么本质就是先获取到input的对象,然后改变它的disable属性值document.getElementById("input").disable = fals转载 2017-09-05 15:45:43 · 867 阅读 · 0 评论