笔记
北里新妆
这个作者很懒,什么都没留下…
展开
-
自动补全输入框-el-autocomplete
自动补全输入框-el-autocomplete。原创 2023-03-14 10:42:43 · 549 阅读 · 0 评论 -
uniapp学习笔记-问题
uniapp学习笔记原创 2023-02-27 16:09:17 · 646 阅读 · 0 评论 -
JSON.parse解析字符串中含有引号报错的解决方案
JSON.parse解析字符串中含有引号报错的解决方案转载 2023-02-17 16:28:57 · 4171 阅读 · 0 评论 -
echarts显示X轴最后一个lable
echarts显示X轴最后一个lable原创 2023-01-12 10:34:24 · 1776 阅读 · 0 评论 -
vue3中watch监听reactive数据和ref
vue3中watch监听reactive和ref转载 2022-09-08 10:14:11 · 3746 阅读 · 2 评论 -
如何关闭占用的端口程序
如何关闭占用的端口程序原创 2022-08-18 10:18:58 · 2891 阅读 · 0 评论 -
纯前端table到excel文件并下载
纯前端excel下载转载 2022-04-12 10:42:10 · 527 阅读 · 0 评论 -
谷歌浏览器切换页面或者隐藏页面造成定时器延缓或者停止的问题
谷歌浏览器切换页面或者隐藏页面造成定时器延缓或者停止的问题转载 2022-03-01 11:32:02 · 2085 阅读 · 0 评论 -
加入购物车
抛物线原创 2022-02-25 17:03:01 · 182 阅读 · 0 评论 -
js各种旋转
旋转原创 2022-02-25 15:41:02 · 3072 阅读 · 0 评论 -
map体验二
map体验二options通用的属性:需求一 ------- 画扇形 sector方法修改配置重新设置配置图层options通用的属性:{ zIndex: 1, // 层级 size: 5, // 大小值 unit: 'px', // 'px': 以像素为单位绘制,默认值。'm': 以米制为单位绘制,会跟随地图比例放大缩小 mixBlendMode: 'normal', // 不同图层之间的叠加模式,参考[https://developer.mozilla.org/en-原创 2021-09-06 15:04:11 · 196 阅读 · 0 评论 -
谷歌浏览器切换页面或者隐藏页面造成定时器延缓或者停止的问题。
使用html5的Page Visibility API来实现控制,由于浏览器本身切换页面或者缩小带来的定时器延缓,理论上是直接停止,但是实测发现只是延缓,这导致我们不仅需要控制定时器的开启,还需要控制关闭的时间。页面缩小或者切换其他窗口下hidden为true,清空定时器,否则开启canvas,由于浏览器一开始虽然为false但是仍然不会。解决方法:使用监听事件visibilitychange,当监听到离开页面时暂停,回来后继续document.addEventListener('visibili转载 2021-04-27 14:25:03 · 1866 阅读 · 0 评论 -
Chrome更新89版本后,sessionStorage丢失a标签跳转丢失sessionStorage
localStorage作用范围:本地存储,关闭浏览器后,数据依然会保存。同源浏览器窗口可以共享使用localStorage存储的数据。sessionStorage作用范围:只存在于当前会话页面,当会话结束后,数据也随之销毁,在不同的浏览器窗口中共享。也就是存在于当前浏览器页面,页面关闭,数据也会删除。(注意:通过鼠标右键打开的新标签无法共享sessionStorage)而这块对于sessionStorage可能一直存在一个误区,在Chrome浏览器89版本前,当前会话页面指的是当浏览器窗口没有关闭时,转载 2021-04-26 11:18:26 · 1056 阅读 · 1 评论 -
css 矩形边框加粗
css矩形边框加粗的方法第一种 before after第二种 通过背景图片第三种 通过子元素定位实现第四种 通过background 渐变第一种 before after长度可调,具体的可以自己进行调整<div class='tf'></div>.tf{ width: 100%; height: 80px; background-image: linear-gradient(0deg, rgb(18 24 78 / 20%) 0%, rgb(19 24原创 2021-04-12 16:39:28 · 1295 阅读 · 0 评论 -
table设置tbody滚动条
table tbody { display: block; height: 400px; overflow-y: scroll; } table thead, tbody tr, tfoot tr { display: table; width: 100%; height: 40px; table-layout: fixed; font-size: 16px; text-align:center; } t转载 2021-01-13 11:41:40 · 1701 阅读 · 0 评论 -
关于父元素设置min-height,子元素设置 height 100% 不生效的问题
<div class="container"> <div class="child"></div></div> <style> .container { min-height: 100px; border: 1px solid; } .child { height: 50%; background: red; }问题:子元素高度为0.转载 2021-01-13 11:41:51 · 1406 阅读 · 0 评论 -
页面突然出现‘>>>>>‘,f12出现Use $0 in the console to refer tothie element
问题图片:问题:突然发现页面多了一行,而且全是>,刚开始以为是编码问题,后来发现是自己粗心导致,把这个发出来警惕一下!解决办法:表格里面只能th和td。不能放别的,我在写td的时候多大了一个>尖括号,导致了上面的错误!!!!...原创 2021-01-13 15:25:32 · 1670 阅读 · 0 评论 -
ajax上传文件,不执行progress,添加不上事件
注意点1,ajax添加progress进度条必须是异步!!!!代码://上传function importBuildingInfo(url,type){ var formData = new FormData($("#msgForm")[0]); formData.append("type",type); $('.loadsmall').show() $.ajax({ url:url, type:'POST', async : true,//这个是最重要的,必须是转载 2020-12-14 16:10:02 · 521 阅读 · 0 评论 -
layui radio 赋值更新问题
好久没有使用layui了,前几天使用radio进行赋值,但是一直不成功,解决后就想着记录一下。问题一:radio样式显示不对,没有渲染这是因为你的有些表单元素可能是动态插入的。这时Form模块的自动化渲染是会对其失效的。需要依赖加载模块:form (请注意:如果不加载form模块,select、checkbox、radio等将无法显示,并且无法使用form相关功能)解决方法:var form=layui.form;form.render()html里面最好加上form,照着demo写问原创 2020-11-23 15:52:46 · 902 阅读 · 0 评论 -
layui回顾
layui表格laydatelayer表格简单的表格实例使用,主要用作笔记回顾,更多详细的api可以看官网哦。传送门:layui-table官网实例1.引入&页面html<link rel="stylesheet" href="layui/css/layui.css" /><link rel="stylesheet" href="layui/css/layui.css" />//html<!--表格 --><table class="la原创 2020-10-30 15:19:49 · 201 阅读 · 0 评论 -
笔记-设置不同域名下的cookie
function setCookie(name, value, day, path, domain){ day = day || 30; path = path || '/'; var str = name + '=' + value + '; '; if(day) str += 'expires=' + new Date(Date.now() + day * 24 * 3600 * 1000).toGMTString() + '; '; if(path) str +原创 2020-09-27 17:47:49 · 975 阅读 · 0 评论 -
错题集
错题集1.(不定项选择题)嵌入在HTML文档中的图像格式可以是?2.添加/删除3.通过style方式设置样式,样式的属性格式是—驼峰写法4.mousemover mouseenter5.Web安全色所能够显示的颜色种类为()。216色6.Javascript是如何实现继承的?7.background-clip8.vue-router有哪几种导航钩子?三种。全局导航router.beforeEach 注册一个全局的 before 钩子router.afterEach(route => { // ...}原创 2020-09-27 11:11:43 · 364 阅读 · 0 评论 -
vue笔记 公共函数、公共数据写法
vue公共函数方法一方法二方法一//第一步1文件.vueclass common { diskdata(obj) { return :{} }export default new common()//第二步main.jsVue.prototype.$commonJS = common //第三步调用方法this.$commonJS.diskdata(obj)方法二//文件global.vuelet indexStrFun=(index)=>{ return index原创 2020-09-27 10:22:24 · 657 阅读 · 0 评论 -
纯前端实现验证码功能
纯前端生成验证码原创 2020-08-11 15:30:21 · 538 阅读 · 0 评论 -
jquery上传头像
<!doctype html><html><head><meta charset="utf-8"><title>jquery上传头像</title><script src="js/jquery.min.js"></script><style></style></head><body><img id="pic" style="width:10原创 2020-08-11 15:22:11 · 727 阅读 · 1 评论 -
echarts 柱状图使用getZr点击柱子以外的部分
例子注意:echarts点击事件先进行off(),能够避免2次事件chart.getZr().off()chart.getZr().on('click',params=>{ let pointInPixel = [params.offsetX, params.offsetY] console.log(chart.containPixel('grid', pointInPixel)) let pointInGrid = chart.convertFromPixel({ serie原创 2020-06-04 16:44:26 · 5752 阅读 · 5 评论