Javascript 小知识点
记录工作中遇到的 Javascript 小知识点
AvatarGiser
这个作者很懒,什么都没留下…
展开
-
JavaScript 数组元素交互最优解
JavaScript 数组元素交互最优解。原创 2024-04-01 11:47:52 · 226 阅读 · 0 评论 -
前端:兼容 cookie 和 localStorage 类,且可设置过期时限
兼容Cookie和两种方式,且都可设置过期时限;原创 2023-12-12 18:15:34 · 123 阅读 · 0 评论 -
javascript 判断当前字符串有几个中文字符
【代码】javascript 判断当前字符串有几个中文字符。原创 2023-10-08 17:37:39 · 170 阅读 · 0 评论 -
JavaScript 数组元素替换与插入
JavaScript 数组元素替换与插入原创 2023-02-17 14:56:12 · 422 阅读 · 0 评论 -
根据中文首字母排序 cnchar
按照中文首字母排序原创 2022-08-29 15:28:32 · 489 阅读 · 0 评论 -
JavaScript 凹凸多边形判断
// 凸多边形示例点var points = [ { "x": 121.13461725174781, "y": 28.85972342614326, "z": 6.5083743913337795 }, { "x": 121.13514790352059, "y": 28.85893044194414, "z": 5.239703380752392 }, { "x": 121.13631312370927, "y": 28.85945345020736, "z": 5.0984.原创 2022-03-23 10:24:20 · 916 阅读 · 3 评论 -
JavaScript html 页回到顶部
window.scrollTo(0,0);原创 2021-11-19 14:00:02 · 521 阅读 · 0 评论 -
js 密码正则表达式(至少8位且必有数字+特殊字符+字母)
// 正则var reg= /^(?=.*[A-Za-z])(?=.*\d)(?=.*[`~!@#$%^&*()_+<>?:"{},.\/\\;'[\]])[A-Za-z\d`~!@#$%^&*()_+<>?:"{},.\/\\;'[\]]{8,}$/ ;// 可用 test 方法验证reg.test(value)参考:js正则验证特殊字符 - summer7310 - 博客园正则表达式:密码必须至少包含八个字符、至少包含一个数字、小写和大写的字..原创 2021-11-02 17:47:28 · 11793 阅读 · 0 评论 -
关于 http 或 https 协议的获取与设置
在实际生产环境下,不要写死 http 或 https。否则当站点在集成时如果变更了协议,那就麻烦了。。。获取当前站点协议// 注意,返回的字符串是带冒号的 :window.location.protocol如上图和示例,可以看出从 window.location 对象的属性。该对象还可获取当前站点的 ip、port 等信息。...原创 2021-10-29 14:40:23 · 2430 阅读 · 0 评论 -
JavaScript 解析 xml 字符串
使用场景在获取 ArcGIS WMS 详细信息http://localhost:6080/arcgis/services/World/MapServer/WMSServer?request=GetCapabilities&service=WMS返回 xml 信息如下使用loadXML 对象解析// 支持 IE9+均支持、Googlefunction loadXML(xmlString){ let domParser = new DOMParser(); ...原创 2021-10-27 17:18:17 · 1696 阅读 · 0 评论 -
Javascript 经纬度正则表达式
// 经度正则表达式,范围:-180.0000~180.0000let lngReg = '^-?((1?[0-7]?[0-9]?)(([.][0-9]{1,4})?)|180(([.][0]{1,4})?))$';// 纬度正则表达式,范围:-90.0000~90.0000let latReg = '^-?(([1-8]?[0-9]?)(([.][0-9]{1,4})?)|90(([.][0]{1,4})?))$';如果是字符串,且以英文逗号隔开,如:129.35,30.56let l.原创 2021-10-22 17:03:09 · 801 阅读 · 0 评论 -
JavaScript cookie 设置与获取
保存cookie// 保存cookiefunction setCookie (cName, value, expiredays) { let exdate = new Date() exdate.setDate(exdate.getDate() + expiredays) document.cookie = `${cName}=${decodeURIComponent(value)}${expiredays ? ';expires=' + exdate.toGMTString() : ''}`原创 2021-06-02 10:59:35 · 412 阅读 · 1 评论 -
JavaScript 对指定元素做全屏效果
测试 div 或 iframe 皆可用。可兼容Chrome、Firefox、Microsoft Edge,IE系列不是很友好!html<div id="win" class="win"></div>css.win { width: 200px; height: 180px; background: blue;}JavaScript// 全屏function setFullScreen() { var iframe =原创 2021-04-09 14:39:40 · 260 阅读 · 0 评论 -
JavaScript 计算当前元素的位置和大小(top, bottom, left, bottom, width, height)
// 当前元素的位置,el 是元素对象function getElemDis(el) { let offsetWidth = document.documentElement.offsetWidth; let clientHeight = document.documentElement.clientHeight; let rect = el.getBoundingClientRect(); // 做上角为原点 return { top: rect.原创 2021-03-12 15:41:34 · 583 阅读 · 0 评论 -
JavaScript 保留指定小数位数(四舍五入)
需求说明/** * 四舍五入,保留指定小数位数,当原始数据不满足长度时,不要补 0 * @param number [Number | String] 原始数据,支持字符串和数值型 * @param i [Number] 要保留的小数个数 * @returns [Number] 转换后的数据 */function transformDecimal(number, i) { let num = Number(number); let decimalNum = '';原创 2021-01-29 11:12:30 · 4069 阅读 · 0 评论 -
window.onresize 与 window.addEventListener(‘resize‘,...) 区别
一、背景说明Vue 中,两个组件都使用的了 window.onresize 导致其中一个被覆盖。二、冲突写法window.onresize = () => { return (() => { yourResizeFunc(); })();};三、正确写法window.addEventListener('resize',() => yourResizeFunc(), false);window.addEventListener('resize',(原创 2021-01-14 11:49:53 · 7515 阅读 · 0 评论