前端技术
LonM
这个作者很懒,什么都没留下…
展开
-
修改滚动条样式
css修改滚动条样式原创 2023-02-24 13:31:51 · 136 阅读 · 0 评论 -
前端文件流blob下载
api.standardDownload(e.id).then(res=>{ console.log('文件流--',res); const link = document.createElement("a"); let blob = new Blob([res], { type: "application/x-zip-compressed", // type: "application/json原创 2022-05-16 08:57:46 · 416 阅读 · 0 评论 -
Range - 获取光标位置
Range简介Range就是通过鼠标或者键盘或者代码选中的一段内容,这段内容浏览器会将其封装成一个Range对象。获取光标位置Chrome用getBoundingClientRectlet range = window.getSelection().getRangeAt(0).getBoundingClientRect();Safari用getClientRectlet range = window.getSelection().getRangeAt(0).getClientRects()[0原创 2022-01-10 16:10:02 · 990 阅读 · 0 评论 -
vueDialog弹框被遮罩层挡住
给dialog弹框添加下面的属性:modal-append-to-body='false'//遮罩层是否插入至 body 元素上,//若为 false,则遮罩层会插入至 Dialog 的父元素上原创 2021-12-20 11:30:59 · 930 阅读 · 0 评论 -
深度克隆方法
const clone = obj => { // 深度克隆 var o, i, j, k; if (typeof (obj) != "object" || obj === null) return obj; if (obj instanceof (Array)) { o = []; i = 0; j = obj.length; for (; i < j; i++) { if (typeof (obj[i]) == "object" &原创 2021-12-12 15:24:19 · 249 阅读 · 0 评论 -
关于element-ui输入框无法输入的问题
1.值确实改变改变了2.页面dom没有更新解决方法:给 el-input 标签加上下面的事件@input="$forceUpdate()"原创 2021-11-30 09:29:36 · 285 阅读 · 0 评论 -
删除highcharts数据标签上的阴影/背景发光
删除highcharts数据标签上的阴影/背景发光 plotOptions: { columnrange: { // or general options: "series: { ... }" dataLabels: { enabled: true, color: 'red', style: { textOutline: false原创 2021-11-05 11:22:41 · 511 阅读 · 0 评论 -
js实现汉字中文排序
js实现汉字中文排序的方法数组内的元素是对象,以对象某一个属性进行排序var arr = [ {name: '南京', code: '09', info: {province: '江苏'}}, {name: '北京', code: '01', info: {province: '北京'}}, {name: '上海', code: '02', info: {province: '上海'}}, {name: '深圳', code: '05', info: {province:原创 2021-11-05 11:19:17 · 9159 阅读 · 1 评论 -
js自动触发按键操作
HTMLElement.prototype.pressKey = function(e) { var doc = document.createEvent("UIEvents"); doc.keyCode = e; doc.initEvent("keydown", true, true); this.dispatchEvent(doc);}例:自动触发按回车键document.body.pressKey(13);原创 2021-09-06 10:32:35 · 5708 阅读 · 3 评论 -
单行或多行文本溢出隐藏
单行:overflow: hidden;text-overflow: ellipsis;white-space: nowrap;多行:overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;//两行-webkit-box-orient: vertical;原创 2021-09-06 10:28:22 · 139 阅读 · 0 评论 -
根据对象的某个键值对排序
根据对象的某个键值对排序//数组根据id从小到大排序var arr = [ { name: "aaa", id: "11"}, { name: "bbb", id: "12"}, { name: "ccc", id: "13"}]; function order(pro) { return function (obj1, obj2) { var val1 = obj1[pro]; var val2 = obj2[pro];原创 2021-09-06 10:23:39 · 335 阅读 · 0 评论 -
vue3.0概述
Vue3快速上手1.Vue3简介2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy代转载 2021-08-09 12:31:09 · 1042 阅读 · 0 评论 -
xml字符串格式化
vue,xml字符串格式化方法format(str){ var text = str //去掉多余的空格 text = '\n' + text.replace(/(<\w+)(\s.*?>)/g,function($0, name, props) { return name + ' ' + props.replace(/\s+(\w+=)/g," $1"); }).replace(/>\s*?</g原创 2020-08-28 09:09:12 · 339 阅读 · 0 评论