JavaScript
关注
分享
扫一扫
Heerey525
前端开发工程师一枚
yes，I like code
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【高德地图POI踩坑】AMap.PlaceSearch无法使用
【高德地图POI踩坑】AMap.PlaceSearch无法使用原创 2022-06-22 10:41:11 · 3736 阅读 · 3 评论 -
TypeScript入门
1、前提安装好node，然后全局安装typescriptnpm install typescript -g2、调试工具新建一个tsdemo.ts文件，随便写一个函数function fn() { let web: string = "hello world"; console.log(web)}fn();可以使用命令，转换为js文件，然后运行tsc tsdemo.tsnode tsdemo.js上面运行比较麻烦一点可以安装ts-node，就可以直接运行tsdemo.t原创 2021-08-10 23:16:00 · 114 阅读 · 0 评论 -
Vue中使用echarts案例
需要注意的点：本案例采用按需引入；echarts所挂载的DOM必须设置宽高；本案例包含常用的折线图、柱状图（横向、竖向）、饼图、动态创建多个图表；echarts安装 npm install echartsecharts配置属性echarts官方案例echarts社区资源，有很多好看的例子官方案例中选中完整代码-按需引入，即可获得按需引入的模块<template> <div> <!-- 折线图 --> <div ref=".原创 2021-07-11 17:21:59 · 1384 阅读 · 0 评论 -
去除浏览器自动填充和提示密码功能
本来我没有把这个当回事，因为在我的映像中就是在input标签加上一个 autocomplete="off"eg：方法一（是最先想到的也是最简单的）<input type="password" autocomplete="off" >方法二（在form内最前面加上隐藏的来接收填充值和提示）<input style="display:none" type="原创 2018-09-18 15:16:38 · 1693 阅读 · 0 评论 -
js导出table 可自定义导出文件名，可导出css样式
js导出table 可自定义导出文件名，可导出css样式展示：https://heerey525.github.io/js-table/<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>XXX统计</title> &am原创 2018-09-06 11:45:36 · 3390 阅读 · 2 评论 -
echartsjs DOM 容器高度设置太小导致y轴数据显示不全
情况DOM 容器高度设置的太小，导致折线图显示不全，被截断了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0原创 2021-06-18 16:19:48 · 1432 阅读 · 1 评论 -
设置前端页面不随系统缩放而改变
场景：是c++内嵌web页面，在一些的显示器（比如2k屏的笔记本电脑）放大字体，给造成页面放大。我们希望的是页面不放大。解决：获取到当前设备缩放比，然后更改这个缩放比具体代码：<script> // 判断pc浏览器是否缩放，若返回1则为默认无缩放，如果大于1则是放大，否则缩小 const ratio = window.devicePixelRatio // 这个计算公式是我得出比较合理的结果 if (ratio != 1) { document.bod原创 2021-01-29 16:21:15 · 3175 阅读 · 0 评论 -
input type=number maxlength无效
问题：input标签type=number时maxlength属性无效解释：通过在MDN上搜索得知maxlength属性是控制value的最大长度（最多字符数目），maxlength属性对于type=password, search, tel, text, url，这五种生效，附上链接解决方案：其实现在很多的ui框架都会做单独的数字输入框，如iview的<InputNumber/>还有oninput事件 当长度超过截取<input type="number" oninput=原创 2020-11-05 22:46:19 · 1574 阅读 · 0 评论 -
js加减乘除运算的精度问题
问题：js小数运算的时候会出现失去精度的问题解决：先强制转化为字符串获得参与运算两数值的小数位数x将小数转为整数，然后除对应的10的x次幂乘法运算/** * @param {*} arg1 数字 * @param {*} arg2 数字 * @description 两数字相乘 保持精度 */export const accMul = (arg1, arg2) => { let m = 0 const s1 = arg1.toString() const s2原创 2020-11-05 11:05:22 · 4068 阅读 · 1 评论 -
正则匹配0-100之间保留两位小数，包含100，不含100.xx
正则匹配0-100之间保留两位小数，包含100，不含100.xx/^(100)$|^((\d|[1-9]\d)(\.\d{1,2})?)$/原创 2020-05-22 16:24:54 · 4880 阅读 · 1 评论 -
echartsjs生成canvas与div距离太大
产生这个问题的原因是，我用了rem单位<divid="main"style="height:16rem"></div>换成像素px单位就好<divid="main"style="height:320px"></div>另外在设置一下大小myChart.setOption({ grid: ...原创 2020-01-08 10:51:18 · 1090 阅读 · 0 评论 -
原生js获取一段时间内每隔几天的时间数组
姊妹篇原生js获取一段时间内每隔几分钟的时间数组需求：1个月内：按日统计，平均每1/4个日期要显示 3个月内：按周统计，每个完整自然周的周一要显示4个月及以上：按月统计，每1/4个完整自然月的1日要显示</h4>分析：1个月内为每隔4天取一个日期，3个月内为每隔7天取一个日期，4个月及以上为每隔30天取一个日期效果图：代码：<...原创 2019-09-10 14:22:24 · 991 阅读 · 0 评论 -
遍历不同层级拼接不同的字符串
原始数据：{ name: '1', children: [ { name: '2', children: [{ name: '5' }] }, { name: '3', children: [{ name: '6' }] }, { name: '4', children: [{ name: '7' }] }, ]}期望结...原创 2019-09-04 15:02:08 · 330 阅读 · 0 评论 -
js百度地图的运用（地址(逆)解析）
需求：输入（搜索框）地址在地图上找到对应的（地图）地址，点击（地图）地址显示对应（搜索框）地址，在（地图）地址范围100米内覆盖一个圆，在该圆内点击，（搜索框）地址不变，GPS变，在该圆外点击，则（搜索框）地址变，GPS变。解决方案：百度地图开放平台代码：<!DOCTYPE html><head> <meta http-equiv="C...原创 2019-05-14 16:13:16 · 2173 阅读 · 1 评论 -
原生js获取一段时间内每隔几分钟的时间数组
姊妹篇原生js获取一段时间内每隔几天的时间数组情况：项目中有这么一个需求，输入开始时间、结束时间、时间间隔，获取一段时间内每隔几分钟的时间数组接下来我必须现在网上找找有没有类似的稍微改改就好了，想得美，whatFuck，为什么都是写的sql语句，Emmm。算了，求人不如靠己，索性自己写修复bug，没有开头结尾时间效果如下：代码如下：&...原创 2019-04-13 10:34:36 · 4929 阅读 · 2 评论 -
Uncaught TypeError: Cannot set property 'onclick' of null
报错信息要实现点击button按钮，红色div消失代码如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de转载 2018-07-20 09:30:40 · 1537 阅读 · 0 评论 -
html li标签value属性问题
li标签是有value属性的，但是限制为数字，并且不赞成使用该属性，可以用data-value来代替<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte原创 2018-08-18 15:29:06 · 3608 阅读 · 0 评论 -
js获取多层json最深层级数
var data = { "list": [{ "list": [ { "list": [{ "list": [{"list": [{"four": "4", "one": "1", "three": "3",原创 2018-08-23 21:19:20 · 5867 阅读 · 0 评论 -
js解析多层json转为层级table，js动态添加td的倍数
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial原创 2018-08-24 10:34:16 · 1516 阅读 · 0 评论 -
js 浮点数计算误差解决方法
eg:一个整数*一个小数出现的结果是计算机编程语言里浮点数计算会存在精度丢失问题（或称舍入误差），其根本原因是二进制和实现位数限制有些数无法有限表示 * 以下是十进制小数对应的二进制表示 * 0.1 >> 0.0001 1001 1001 1001…（1001无限循环） * 0.2 >> 0.0011 0011 0011 0011…（00...转载 2018-09-13 14:00:48 · 1450 阅读 · 0 评论 -
表单信息实时验证
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>表单信息实时验证</title> <meta http-equiv="Access-Control-Allow-Origin" content="*原创 2018-09-13 21:14:47 · 2672 阅读 · 0 评论 -
js实时获取当前时间、2周前、3月前
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, ...原创 2019-01-17 19:55:22 · 2241 阅读 · 0 评论 -
web嵌入ios相关问题
1、rem布局 var fonSize = 0; (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', reca...原创 2019-01-15 20:55:14 · 223 阅读 · 0 评论 -
js循环除运算（计算套餐组成部分）
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initi原创 2019-02-21 20:26:52 · 331 阅读 · 0 评论 -
js遍历表单形成数组
分为两种情况来讲 在实际的业务需求是很不一样的，下面的两种只是为大家提供思路，另外serializeArray()经常用到。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2019-02-21 21:13:06 · 1316 阅读 · 0 评论 -
三元表达式的坑
情况：0?0:"" //结果为""在控制台输出看看是的，没错在三元表达式中，如果该值为0，那么如果要想等于他本身的话，会变为空。即：var a=0;a?a:"" //a为""原因是三元表达式的含义：条件?真结果:假结果 （例子： a?true:false）也就是条件将会转换为布尔值，为真（true）返回真结果，为假（false）返...原创 2019-04-12 22:51:58 · 1613 阅读 · 2 评论 -
js查找一个字符串的第一位数字
1、该字符串为全数字var s = '123';a = s.substring(0,1); //strconsole.log(a)结果：2、该字符串是字母+数字function getNum(str){ var pattern = new RegExp("[0-9]+"); var num = str.match(pattern); return num;}fun...原创 2018-07-04 09:56:21 · 19832 阅读 · 0 评论