JavaScript
JavaScript
陈醋拌饭
加油,皮卡丘。
展开
-
JS 网格布局Grid之瀑布流
网格布局Grid之瀑布流原创 2024-05-09 15:41:10 · 566 阅读 · 0 评论 -
JS 定位之瀑布流
1、思路2、实现原创 2024-03-20 18:23:40 · 243 阅读 · 0 评论 -
JS 文件导出,jszip多文件压缩导出
1、单个文件导出2、压缩导出3、axios请求通过地址获取Blob源数据原创 2024-01-05 11:10:34 · 722 阅读 · 1 评论 -
leaflet 加载地图-引入各种地图
1、智图地图2、天地图3、高德地图原创 2023-09-11 18:07:57 · 2453 阅读 · 0 评论 -
leaflet-JavaScript地图库 简单使用,marker标记覆盖物,popup自定义弹框,点聚合...
1.地图初始化2.标记覆盖物3.自定义弹出窗口4.点聚合5.区划遮罩及边缘划线6.关于 自定义Marker 使用 L.divIcon 地图缩放位置发生偏移7.纠偏8.判断图层加载失败/成功9、多边形 polygon10、热力图原创 2023-07-05 13:43:21 · 1581 阅读 · 0 评论 -
保留小数后几位js
vue 保留小数后几位1、先把数据转换为浮点型 parseFloat()2、保留小数后几位 toFixed()//保留小数后2位res.data.forEach((e) => { e.QLL = parseFloat(e.QLL).toFixed(2) ...原创 2021-05-21 16:09:07 · 261 阅读 · 0 评论 -
JS JSON对象与JSON字符串的互相转换
JS JSON对象与JSON字符串的互相转换1、JSON.parse(str) //转对象2、JSON.stringify(obj) //转字符串3、eval("(" + str + “)”) //转对象e.str= "{1:232.3,2:342.4}"e.obj= eval("(" + e.str+ ")")// e.obj= {1:232.3,2:342.4} 对象但在实际项目中不建议使用eval() ,因为使用eval() 不仅效率低而且存在极大的安全隐患,详情原创 2021-10-08 11:28:55 · 547 阅读 · 0 评论 -
JS 返回两个时间之间的所有日期、月份、年份、季度
JS返回两个时间之间的所有日期、月份、年份1、日期2、月份3、年份4、季度5、获取某年某个月一共有多少天6、判断当前月份属于哪个季度7、判断当前时间往前几个月份的日期8、返回两个日期天数9、返回第N年第N周的具体日期原创 2021-08-03 11:24:31 · 3844 阅读 · 2 评论 -
iview组件select远程搜索选择后失去焦点输入框清空问题/直接调用不显示问题解决
请看:代码倒数第三行 // 选择框过滤 remotedMethod(query) { if (query !== "") { const list = this.selGasStation.map(item => { return { value: item.Code, .原创 2021-07-09 14:37:29 · 5346 阅读 · 5 评论 -
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
转 JS去掉字符串末尾的标点符号及删除最后一个字符的方法JS去掉字符串末尾的标点符号及删除最后一个字符的方法转载 2021-04-20 14:37:50 · 955 阅读 · 0 评论 -
JS object对象中通过key来取值(forEach遍历)
JS object对象中通过key为数字时的取值当key为英文时用 . 获取,但当key为数字时要用 [ ] ridesData={'123532':'date:{'2021-3-22 12:34:23'}'} Object.keys(ridesData).forEach(item=>{ if(e.Code == item){ cycle = (new Date(time).getTime() - new Date(JSON.parse(ridesData[item]).da原创 2021-04-02 16:21:39 · 5067 阅读 · 0 评论 -
echarts统计图添加点击事件
echarts统计图添加点击事件![在这里插入图片描述](https://img-blog.csdnimg.cn/20210311170010153.png调用原创 2021-03-11 17:05:41 · 261 阅读 · 0 评论 -
js 正则表达式 验证手机号
/** * 验证手机号码格式是否正确 * param: value 要验证的值,String类型 * return:state 状态(true正确,false错误) msg 提示的内容 */export const verifyPhoneNum = (value) => { let state = true, msg =""; let ver = /^1[0-9]{10}$/; //以1开头 if(!ver.test(value)){ state = false; msg =原创 2021-03-04 15:05:48 · 1680 阅读 · 1 评论 -
js 正则表达式截取字符串特定字符前、后或之间的数据
js 正则表达式截取字符串特定字符前或后面的数据截取字符a与f之间的数据 /a(\S*)f/截取字符a之后的数据 /a(\S*)/截取字符f之前的数据 /a(\S*)/例://e=8天 e = e.match(/(\S*)天/) console.log(e)//["8天", "8", index: 0, input: "8天", groups: undefined] //特定字符(天)前的数字 e = e.match(/(\S*)天/)[1] console.log(e)//8原创 2021-02-25 10:32:23 · 15786 阅读 · 0 评论 -
js 正则表达式去除字符串前的0
js 匹配非0直接将0替换为 " "obj.substring(2,6).replace(/\b(0+)/gi, "")原创 2021-02-21 16:27:03 · 1887 阅读 · 0 评论 -
js instanceof 运算符
js instanceof 运算符作用:instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上原创 2020-12-17 14:50:59 · 70 阅读 · 0 评论 -
JS Array对象:过滤 filter、映射 map、数据汇总 reduce
JS Array对象:过滤filter、映射map、数据汇总(累加)reduce过滤filter:过滤出符合条件的的所有元素。映射map:按原数组顺序依次处理元素(一 一对应)。数据汇总(累加)reduce:将数组元素计算为一个值(从左到右)。 <script> let num = [12, 2, 45, 67, 5, 89, 77, 65, 78, 99, 34, 2, 5, 45, 66, 78] // 过滤器 let nums2 = num原创 2020-10-29 09:56:55 · 445 阅读 · 0 评论 -
数组元素去重、按大小排序、反序排序(数组翻转),使用内置方法sort()/reverse()和非内置(自定义)方法
数组元素按大小排序、反序排序,使用内置方法sort()/reverse()和非内置方法升序排序//内置方法sort()var arr3 = [23, 34, 22, 3, 56, 8, 9, 32];arr3.sort(function (a, b) { return a - b;});console.log(arr3);//[ 3, 8, 9, 22,23, 32, 34, 56]非内置方法//非内置方法var arr3 = [23, 34, 22, 3, 56, 8, 9原创 2020-10-13 11:04:24 · 329 阅读 · 0 评论 -
JS转JQuery,JQuery转JS写法
JS转JQuery,JQuery转JS写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/原创 2020-09-04 09:24:32 · 520 阅读 · 0 评论 -
js获取键值
js获取键值<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>获取键值</title> <style> #screen { width: 200原创 2020-09-07 19:40:20 · 960 阅读 · 0 评论 -
js随机数生成颜色
js随机数生成颜色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title></head><body> <div id="box"&g原创 2020-09-08 19:17:13 · 331 阅读 · 0 评论 -
js运动小球碰壁反弹
js运动小球碰壁反弹<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>碰壁反弹</title> <style> #box { margin: 5原创 2020-09-08 19:24:18 · 477 阅读 · 2 评论 -
toString、toLocaleString、toDateSting、toLocaleDateString、toLocalTimeString 时间
toString、toLocaleString、toDateSting、toLocaleDateString、toLocalTimeString菜鸟教程【JavaScript Date对象】toString(将一个number对象转化成字符串) <script type="text/javascript"> var date=new Date(); var time=date.toString(); console.log(time);//输出Mon Sep 14原创 2020-09-14 19:29:36 · 656 阅读 · 0 评论 -
HTML事件属性
HTML事件属性鼠标事件click (点击鼠标)dblclick(双击鼠标)mousedown(按下鼠标)mouseup(释放按下的鼠标)mousepress()mousemove(鼠标光标移动)mouseover(鼠标移入)mouseenter(鼠标移入)mouseout(鼠标移出)mouselease(鼠标移出)新增mousewheel(转动鼠标滚轮)新增onscroll(滚动元素的滚动条)mouseover 和 mouseenter相同点与区别:都是鼠标移入一个元素原创 2020-09-14 19:51:05 · 333 阅读 · 0 评论