![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
js (JavaScript)
js(JavaScript)
草字
点点关注点点赞,私信问答先回复。
展开
-
tradingview 标注,设置事件标注,标记。
【代码】tradingview 标注,设置事件标注。原创 2023-02-11 19:59:11 · 933 阅读 · 1 评论 -
openlayer 绘制点,线,面(多边形),圆。获得坐标数据。地图信息编辑器。
【代码】openlayer 绘制点,线,面(多边形),圆。获得坐标数据。地图信息编辑器。原创 2023-02-01 16:51:54 · 1806 阅读 · 0 评论 -
js 卡片交换动画,网格卡片交换动画,排序算法动画,三消游戏交换动画
【代码】js 卡片交换动画,网格卡片交换动画,排序算法动画,三消游戏交换动画。原创 2022-12-02 15:21:02 · 724 阅读 · 0 评论 -
css 实现上升的气球效果
【代码】css 实现上升的气球效果。原创 2022-12-02 10:38:15 · 658 阅读 · 0 评论 -
js 关于如何动态设置css的hover样式最佳方式,设置hover样式
网上很多方式都是采用js监听dom的鼠标移入(onmouseover)移出(onmouseout)事件,进行控制这个dom的hover样式。消耗性能先不说,代码也很庞大,再加上如果是自定义主题(修改后能立马看到效果的,不是需要刷新)的功能可能就更麻烦了,要给所有的dom都绑定这样的事件。原创 2022-11-16 17:31:18 · 5431 阅读 · 4 评论 -
js 禁用滑动穿透
在监听到弹窗打开时,将滑动穿透禁用了,关闭时再打开。原创 2022-11-14 16:23:14 · 587 阅读 · 0 评论 -
js 监听a标签跳转页面,并携带自定义参数
【代码】js 监听a标签跳转页面,并携带自定义参数。原创 2022-11-09 17:09:15 · 344 阅读 · 0 评论 -
js 监听a标签跳转页面,并携带自定义参数
【代码】js 监听a标签跳转页面,并携带自定义参数。原创 2022-11-09 17:07:50 · 2600 阅读 · 0 评论 -
js 监听a标签跳转页面,并携带自定义参数
【代码】js 监听a标签跳转页面,并携带自定义参数。原创 2022-11-09 16:50:49 · 1565 阅读 · 0 评论 -
js 格式化,过万转换成万(W),过亿转化成亿(M)
【代码】js 格式化,过万转换成万(W),过亿转化成亿(M)原创 2022-11-03 15:13:28 · 1369 阅读 · 0 评论 -
js,vue 上传图片前压缩图片(无损压缩,保持在2M以内)
js 上传图片前压缩图片(无损压缩,保持在2M以内)原创 2022-10-17 11:28:29 · 4753 阅读 · 0 评论 -
‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序
node.js的版本不一致造成的。卸载当前node.js的版本,node.js并没有一个完全兼容所有项目的版本。(虽然大家都规定了不要安装13版本之后的版本,但是还是有一些新手不晓得非要跑去安装最新版)执行启动项目命令时,经常出现以上的报错,然后针对这个问题并没有标准的解决方法。一般情况使用没有安装依赖,也有可能是node.js的版本不一致造成的。是否安装成功node_modules,如果没有安装依赖,那么启动项目肯定是会报错的。如果这个区间的版本不行的话,那么就是用最新版。原创 2022-10-16 15:20:58 · 13969 阅读 · 2 评论 -
js 根据深浅色背景,动态设置黑色白色文字颜色。判断颜色是否为深色,rgb转16进制,16进制转rgb
根据深浅色背景,返回黑白文字颜色。原创 2022-10-13 10:48:14 · 1851 阅读 · 0 评论 -
css 去除a标签的下划线和颜色
text-decoration:none;color:#333;原创 2020-11-24 09:19:12 · 12975 阅读 · 2 评论 -
vue 页面一加载直接让输入框获得焦点,或者失去焦点的方法
输入框有两个方法:focus():获得焦点。blur():失去焦点。原创 2020-08-01 23:15:59 · 5190 阅读 · 0 评论 -
微信小程序 动态绑定样式
使用三目运算符,左边的表达式成立,执行一个样式,否则另一个样式。<view> <view class="{{active===0?'a':''}}">分类</view> <view class="{{active===1?'a':''}}">排行</view></view>原创 2020-08-05 13:54:05 · 3327 阅读 · 0 评论 -
js播放音频 Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with
google浏览器必须在用户与页面进行交互后,才能进行播放音频。原创 2022-10-07 15:20:58 · 2825 阅读 · 0 评论 -
html iphone手机显示数字或手机号为白色超链接(兼容性问题),手机号颜色变成白色,iPhone 13 pro max
其他方法:将数字用input框进行包裹,就不会被iphone手机转换了。或者在数字里面添加其他符号。iphone手机对纯数字内容做了二次处理,将他替换成了点击跳转到拨打电话界面的超链接。禁止iphone手机自动做相关处理。在html中的head头部添加如下。原创 2022-09-24 14:23:55 · 462 阅读 · 0 评论 -
uniapp 复制功能,ios复制不了,h5复制不了,部分浏览器无法复制
针对h5页面,ios和android端通过webview嵌套我们网页时。原创 2022-08-26 17:30:28 · 4413 阅读 · 0 评论 -
js import导入文件时报错:does not provide an export named ‘default‘ (at
说明:vue3不能使用require,所以需要将require替换成import这种方式,防止报错。文件没有export default来导出不存在默认的对象。引入需要使用到的属性和方法。将所有导出属性和方法合并到一个对象中。...原创 2022-08-26 16:20:56 · 41147 阅读 · 0 评论 -
前端针对不同技术的常用UI框架和图表
Element一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。基于Vue.js3的企业级UI组件库和前端解决方案,为数万开发者服务。Vant轻量、可靠的移动端Vue组件库。原创 2022-07-21 16:13:55 · 1074 阅读 · 0 评论 -
uniapp 实现抽奖幸运大转盘功能
手写抽奖转盘功能。原创 2022-07-20 16:37:59 · 6452 阅读 · 5 评论 -
js 监听浏览器页面关闭事件
方法:window.onbeforeunload = function() {//功能函数}如果想阻止关闭,给一个确认弹窗:window.onbeforeunload = function(e) { var e = window.event ||e; e.returnValue="确认关闭页面吗?";}不过returnValue给的字符是没有用的,浏览器始终都只会返回固定的提示,如下:...原创 2022-05-25 11:26:52 · 5621 阅读 · 0 评论 -
js 事件回调函数的对象属性说明:clientX、screenX、offsetX、pageX
clientX 鼠标相对于浏览器左上角x轴的坐标; 不随滚动条滚动而改变; clientY 鼠标相对于浏览器左上角y轴的坐标; 不随滚动条滚动而改变; pageX 鼠标相对于浏览器左上角x轴的坐标; 随滚动条滚动而改变; pageY 鼠标相对于浏览器左上角y轴的坐标; 随滚动条滚动而改变; screenX 鼠标相对于显示器屏幕左上角x轴的坐标; screenY 鼠标相对于显示器屏幕左上角y轴的坐标; offsetX 鼠标相对于被绑定事件的元素左上角X轴的坐标; offsetY 鼠标相对于...原创 2020-11-19 13:34:58 · 1540 阅读 · 0 评论 -
vue 使用高德地图,选点定位,搜索定位
效果图:一、申请高德地图的使用密钥key。高德开放平台 | 高德地图API在高德地图控制台里面“我的应用”中创建应用,并添加key就可以拿到密钥key和安全密钥了。二、安装依赖。npm install -S vue-amap三、使用。main.js引入依赖。import VueAMap from 'vue-amap'Vue.use(VueAMap);// 初始化vue-amapVueAMap.initAMapApiLoader({ key:.原创 2022-05-19 17:15:17 · 12185 阅读 · 24 评论 -
nuxt.js 打包上线
1.首先在项目根目录执行命令。npm run build命令执行完成后,不会生成像vue脚手架一样的dist目录,而是.nuxt目录。2.服务器端上线。打包后,在根目录创建dist目录(为了跟其他项目保持一致),将:.nuxt、static、nuxt.config.js、package.json 这些文件和目录复制到dist目录中。然后将dist目录放在服务器上,并依次执行以下命令:npm installnpm run start使用nginx做代理,将项目域名代理到原创 2022-05-16 18:07:22 · 2113 阅读 · 0 评论 -
TypeScript(ts) 快速学习所有知识或复习笔记
TypeScript一、数据类型:1.定义一个变量:let num:number= 1;声明变量关键词 变量名:变量类型=变量的值2.定义不同类型的变量://布尔类型let isDone: boolean = false;//数字let decLiteral: number = 6;//字符串let name: string = "bob";注意:不允许将类型不同的值和变量进行赋值。比如把布尔值赋值给字符串类型的变量就会报错。3.定义复杂类型的变量:原创 2020-12-12 16:19:01 · 311 阅读 · 0 评论 -
echarts 生成中国陕西省份(或其他省份)的地图,大屏使用
效果图:一、首先第一步需要下载echarts和获取到陕西身份的地图信息。1.下载echarts链接(官网):Apache ECharts2.生成指定省份的地图数据信息,数据可以在阿里云获取。DataV.GeoAtlas地理小工具系列如图,点击左圈需要的省份,这里我选择的是陕西省,然后点击右圈复制下载链接,得到一个json格式的数据,可以在json转换网站转成js格式。Json在线解析格式化-Json在线校验Json格式化压缩-Jsons在线工具转成js格.原创 2022-05-13 15:54:14 · 2754 阅读 · 0 评论 -
vue 页面加载进度条,页面跳转进度条
安装:cnpm install --save nprogressnprogress.js//引⼊nprogressimport NProgress from 'nprogress'import 'nprogress/nprogress.css' //这个样式必须引⼊NProgress.configure({ easing: 'ease', // 动画⽅式 speed: 500, // 递增进度条的速度 showSpinner: false, // 是否显⽰...原创 2022-05-12 11:18:53 · 486 阅读 · 0 评论 -
vue iframe中的根页面点击返回,如何使外层页面返回。
使用原生返回页面的方法,无论是在浏览器,还是在移动端app上,都会返回。window.history.back();原创 2022-05-12 10:16:46 · 682 阅读 · 0 评论 -
canvas 原生实现圆滑的曲线图
效果图:使用了jquery和mock.js。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <st原创 2022-04-13 20:03:00 · 606 阅读 · 0 评论 -
js 所有事件类型
事件 浏览器支持 解说 一般事件 onclick IE3、N2 鼠标点击时触发此事件 ondblclick IE4、N4 鼠标双击时触发此事件 onmousedown IE4、N4 按下鼠标时触发此事件 onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3、N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4、N4 鼠标移..原创 2022-04-12 17:03:24 · 194 阅读 · 0 评论 -
js 鼠标滑轮控制左右横向滚动
代码的实现通过jquery监听滑轮滚动,不推荐原生实现,原生实现还要处理不同浏览器监听的方式和兼容性,jquery已经帮我们做了很多处理了。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2022-03-31 19:54:48 · 2557 阅读 · 1 评论 -
js 监听页面滚动到底部,监听可视区域滚动到底部
全局页面body上的底部监听:window.onscroll = function(){ var scrollTop = document.documentElement.scrollTop||document.body.scrollTop; var windowHeight = document.documentElement.clientHeight || document.body.clientHeight; var scr原创 2022-03-18 10:24:17 · 5430 阅读 · 2 评论 -
js 将文本中的链接转成可跳转的a标签链接
方法一:function translateHtml(msg){ var reg = /((http|https):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|])/g; var textR = msg.replace(reg, "<a href='$1' target='_blank' style='color: #00a0e9;width: 360px;display: inline;...原创 2022-03-17 15:20:41 · 1587 阅读 · 0 评论 -
js 根据文章内容生成目录,锚点链接跳转,根据标题生成目录
效果图:我们都知道锚点链接的跳转是通过<a href="#t0">标题</a>和<a name="t0"></a>实现的,点击a标签后,会跳转到与当前href值(除#号)与之相同的a标签name值的位置。一般的文章都是都过h1-h5标题和p标签的富文本来实现,有些为了美观,比如csdn,只有总共1-3级标题,所以我们可以通过遍历文章内容的标题标签,进行生成对应的目录。代码:<!DOCTYPE html><html.原创 2022-03-11 14:50:58 · 1552 阅读 · 0 评论 -
js 文件上传时修改文件名,重命名文件,上传图片部分图片出错
上传图片部分图片出错,有些服务器因为文件名太短,必须大于三个字符,所以提示的报错,比如亚马逊,所以前端这边可以重命名文件。代码:formData.append('file',file,newDate().getTime()+file.name);...原创 2022-03-03 10:18:06 · 1766 阅读 · 0 评论 -
js input[type=file]选择重复的文件,无法触发change事件
选择文件的时候,浏览器会判断是否跟之前一致,如果一致他就不会重新加载这个文件,避免无谓的加载消耗。所以我们在不一样的需求的时候,比如裁剪图片,无论他是不是相同图片,都必须让他触发change事件,这样才能进行下一步处理。解决方法:给input添加原生事件onblur进行清空,onblur="this.value=''",blur比change事件的优先级要高一点。代码:<inputtype="file"accept="image/*"onblur="this.value=''"...原创 2022-03-01 15:00:31 · 2134 阅读 · 1 评论 -
vue vue-cropper图片裁剪,头像裁剪
官方链接(github):GitHub - xyxiao001/vue-cropper: A simple picture clipping plugin for vue一、安装。npm install vue-cropper -S以下测试代码推荐使用指定版本:npm install vue-cropper@0.5.5 -S如果生成的图片出现偏移多半是版本的问题。不过也有可能是样式问题,如:img{max-width:100%;}如上代码就...原创 2022-03-02 09:57:55 · 1107 阅读 · 0 评论 -
js 常用正则校验函数,正则表达式
代码:/*正则检测;value:检测的值;rule:表达式类型*/export function regex(value, rule) { switch (rule) { case "require": rule = /.+/; break; case "zip": rule = /^[1-9]\d{5}$/; break; case "curren原创 2022-02-28 11:08:08 · 336 阅读 · 0 评论