![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
慕慕慕白
这个作者很懒,什么都没留下…
展开
-
el-input的一些奇奇怪怪的问题
1、type为number时,切换为中文输入法输入会让光标上移。2、input禁止输入特殊符号。原创 2022-11-17 16:28:42 · 332 阅读 · 0 评论 -
? ?. ?? ??=的用法
? ?. ?? ??= 的用法原创 2022-07-21 16:31:33 · 3832 阅读 · 0 评论 -
两个table的td拖拽
业务背景为 table布局模板的页面开发原创 2022-07-20 17:47:45 · 290 阅读 · 0 评论 -
el-scrollbar滚动条初始化在div底部
setTimeout(()=>{ _this.$refs['t_right_out'].wrap.scrollTop = 100000 console.log(_this.$refs['t_right_out'].wrap.scrollTop ,'999999999999999999')},50)原创 2022-05-27 16:54:04 · 911 阅读 · 0 评论 -
div拖动
有个缺点;鼠标移动过快,会导致拖动失灵 var callCenterDiv = document.querySelector('#callCenterDiv') callCenterDiv.onmousedown = function (e) { // 记录鼠标到盒子边缘的距离,这个距离在整个拖拽过程中是固定不变的 var disX = e.offsetX, disY = e.offsetY // 只要鼠标在box上按下了,在整个文档里移动都会触发拖原创 2022-04-24 17:47:21 · 430 阅读 · 0 评论 -
el-select遍历,选中的选项后要保存的是个对象,并且每一组互不干扰
首先画页面用vue + element-ui可以实现<td width=8% v-for="(Item, Index) in item.weekList" :key="Index"> <div v-else class="staff_item_input"> <el-select clearable v-model="Item.times" value-key="keyValue"> <el-option v-for="(vItem, vI原创 2022-03-04 16:17:20 · 1437 阅读 · 0 评论 -
不同分辨率下样式不一样解决办法
方法一:针对不同分辨率用户设置不同的css(不推荐)即针对不同的分辨率,开发不同的css样式,在界面加载时,先判断用户屏幕分辨率,在应用相应的css。相比较,这种方法最复杂,而且如果系统面向大众,需要作很多不同的css方法二:根据分辨率的宽度,计算当前屏幕的分辨率宽与设计图宽一个比例值例如设计图宽 1366实际屏幕 1920 (获取屏幕宽度 :document.body.clientWidth)比例值 1920/1366设计图按钮左margin:20px则:实际按钮左margin: 20原创 2022-01-25 14:52:28 · 2016 阅读 · 0 评论 -
把对象按照ASCII码排序
function sortASCII(obj){ var arr = new Array(); var num = 0; for (var i in obj) { arr[num] = i; num++; } var sortArr = arr.sort(); var sortObj = {};原创 2022-01-20 16:13:52 · 362 阅读 · 0 评论 -
前端时间问题
getdata(){ let sjc = new Date().getTime() let week = new Date().getDay() this.getWeekDate(sjc,week) }, //整周的时间戳 然后转化成yyyy-MM-dd getWeekDate(sjc...原创 2021-12-27 15:58:38 · 297 阅读 · 0 评论 -
vue 全屏简单方法 方便以后复制黏贴
data:data() { return { fullscreen: false };},js://全屏fullScreen(){ let element = document.documentElement; if (this.fullscreen) { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitCancelFullScreen) {原创 2021-11-10 19:56:35 · 102 阅读 · 0 评论 -
Echarts滚动条
Echarts图表数据过长增加滚动条效果,并且可以用鼠标滚轮滚动dataZoom:[//x轴滑动条 { type: 'slider', show: true, xAxisIndex: [0], start: 0, //初始化时,滑动条宽度开始标度 bottom: '7%', end: 45, height: 10, fillerColor:'#3E86FF', borderColor: "transparent", backgroundColor: 'w原创 2021-11-04 10:59:33 · 3966 阅读 · 0 评论 -
高德地图鼠标经过点标记显示信息窗体
marker.on(“mouseover”, function (e) {console.log(e);infoWindow.open(map, marker.getPosition())});marker.on(“mouseout”, function (e) {console.log(e);infoWindow.close(map, marker.getPosition())});原创 2021-10-08 09:56:50 · 820 阅读 · 0 评论 -
vue设置scrollTop不起作用
今天遇到一个小问题vue设置滚动条高度一直为0。解决方法放在下边。在这里一定要加上this.$nextTick()方法,否则document.querySelector(“.article”).scrollTop的值永远为0,不会赋值成功的methods: { gundong() { this.time = '60' //时间 this.article = document.querySelector('.article')//获取dom this.aHeight = this.artic原创 2021-07-30 15:30:05 · 1792 阅读 · 1 评论 -
高德地图加载、标记点、标记点覆盖范围、信息窗体
1、引入js文件<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script> 2、创建地图html://创建地图容器<div id="container"></div>js://创建地图let map = new AMap.Map("container", { resizeEnable:..原创 2021-07-29 16:04:52 · 1007 阅读 · 0 评论 -
判断当前浏览器类型的代码
function isBrowser() { var userAgent = navigator.userAgent; //微信内置浏览器 if(userAgent.match(/MicroMessenger/i) == 'MicroMessenger') { return "MicroMessenger"; } //QQ内置浏览器 else if(userAgent.match(/QQ/i) == 'QQ') { retur.原创 2021-07-22 14:57:20 · 151 阅读 · 0 评论 -
localStorage
localStorage 的优势1、localStorage 拓展了 cookie 的 4K 限制。 2、localStorage 会可以将第一次请求的数据直接存储到本地,这个相当于一个 5M 大小的针对于前端页面的数据库,相比于 cookie 可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的。localStorage 的局限1、浏览器的大小不统一,并且在 IE8 以上的 IE 版本才支持 localStorage 这个属性。 2、目前所有的浏览器中都会把localStorag...原创 2021-07-13 13:59:11 · 346 阅读 · 0 评论