
js
文章平均质量分 68
努力的阿花
java/python/node/electron/cesium/ol/vue/react
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于跨域 Iframe 页面通信的问题总结
父页面嵌入子页面(不同域)parnet.html <iframe id="iframe" :src="'http://10.127.20.100:8080/index.html'></iframe>通信:父页面向子页面发送消息的方式:let contentWindow = document.getElementById('iframe').contentWindow contentWindow.postMessage('hi ~ my son!', 'http原创 2022-03-27 17:19:00 · 980 阅读 · 0 评论 -
从输入URL到浏览器显示页面发生了什么
1、输入网址当你开始输入网址比如www.cnblogs.com时游览器就可以在书签或者历史记录里面去搜索相关的网址推荐给你。2、游览器查找域名的IP地址① 请求发起后,游览器首先会解析这个域名,首先它会查看本地硬盘的 hosts 文件,看看其中有没有和这个域名对应的规则,如果有的话就直接使用 hosts 文件里面的 ip 地址。② 如果在本地的 hosts 文件没有能够找到对应的 ip 地址,浏览器会发出一个 DNS请求到本地DNS(域名分布系统)服务器 。本地DNS服务器一般都是你的网络接2021-06-18 10:12:39 · 234 阅读 · 0 评论 -
2021年前端性能优化总结(持续更)
1.借助“多线程”进行数据的海量查询,避免页面卡顿当页面需要进行大量查询或者后端响应时间过长时,为了避免页面卡死以及保证用户体验,这个时候我们可以借助于web worker,实际上他是多进程(浏览器本身的运行机制就是单线程),示例: let worker = new Worker('./worker.js'); let data ={}; worker.postMessage({"cmd":"INIT","data":data}); worker.onmessage = f原创 2021-03-11 15:05:50 · 267 阅读 · 0 评论 -
解决基于flash下videojs卡顿/断网后接入网络后无法继续播放的问题
当断网的时候,很奇怪,并不会触发error监听的事件....于是乎我多方查看api,发现有个这种的方法:myPlayer1 = videojs(id, { autoplay: true, loop: true, controls: true,//控制条 muted: false,// 静音 preload: "auto",// 预加载 language: "zh-CN",// 初始化语言 playbackRates: [4, 5],// 播放原创 2020-11-10 16:40:26 · 1321 阅读 · 0 评论 -
web worker
今天实现轨迹查询,也不知道别人家怎么查的,和我对接的后台提供的查询接口,万条数据让我自己轮询查,好吧,每次查2000条,结果最差的居然要耗时5到7秒,如此循环,直接导致我的web页面卡死,无奈无法去搞定后台小伙伴,只能前台开个“多线程”。利用web worker!!worker.js:var totalCountStatus=-1;var param;var statusListAll=[];var linkListAll=[];function getAllUavStatus(p原创 2020-08-19 16:59:44 · 166 阅读 · 0 评论 -
JS 精度丢失的问题
问题:0.1+0.2=0.30000000000000004console.log(0.1+0.2); //0.30000000000000004 console.log(2.2+2.2); //4.4计算机的二进制实现和位数限制有些数无法有限表示。就像一些无理数不能有限表示,如 圆周率 3.1415926...,1.3333... 等。JS 遵循IEEE 754规范,采用双精度存...原创 2019-11-11 16:14:58 · 289 阅读 · 0 评论 -
JS内存分配
简介每种编程语言都有它的内存管理机制,比如简单的C有低级的内存管理基元,像malloc(),free()。同样我们在学习JavaScript的时候,很有必要了解JavaScript的内存管理机制。 JavaScript的内存管理机制是:内存基元在变量(对象,字符串等等)创建时分配,然后在他们不再被使用时“自动”释放。后者被称为垃圾回收。这个“自动”是混淆并给JavaScript(和其他高级语言...转载 2019-11-08 16:03:30 · 251 阅读 · 0 评论 -
JS垃圾回收机制
1. 概述JS的垃圾回收机制是为了以防内存泄漏,内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着,垃圾回收机制就是间歇的不定期的寻找到不再使用的变量,并释放掉它们所指向的内存。C#、Java、JavaScript有自动垃圾回收机制,但c++和c就没有垃圾回收机制,也许是因为垃圾回收机制必须由一种平台来实现。在JS中,JS的执行环境会负责管理代码执行过程中使用的内存。2. 变量的...原创 2019-11-08 16:02:16 · 137 阅读 · 0 评论 -
JS浏览器事件循环机制
进程、线程 进程是系统分配的独立资源,是 CPU 资源分配的基本单位,进程是由一个或者多个线程组成的。 线程是进程的执行流,是CPU调度和分派的基本单位,同个进程之中的多个线程之间是共享该进程的资源的。 浏览器内核 浏览器是多进程的,浏览器每一个 tab 标签都代表一个独立的进程(也不一定,因为多个空白 tab 标签会合并成一个进程),浏览器内核(浏览器渲染进程)属...原创 2019-11-08 15:59:26 · 223 阅读 · 0 评论 -
基于canvas的温度油压控件
效果:HTML代码:(引入控件js) <div class="fcow_instrument"> <canvas id="oillPresure" width="150" height="150"> &l...原创 2019-11-04 16:54:17 · 299 阅读 · 0 评论 -
null>=0为true但是null==0为false的原因
==运算的源代码11.9.3 The Abstract Equality Comparison Algorithm The comparison x == y, where x and y are values, produces true or false. Such a comparison is performed as follows: 1. If Type(x) is diffe...原创 2019-11-04 16:47:37 · 779 阅读 · 0 评论 -
ES6 Symbol 笔记
symbol 是es6语法下定义的第七种数据类型symbol,表示独一无二的值的意思,且申明一个symbol不能用new(前六种数据类型:基本数据类型:null,undefined,number,string,boolean,复杂数据类型:object)以前对象的属性名都是字符串,现在就可以是symbol类型了let sym1=Symbol("a"); // 不可以加new 关键字...原创 2019-10-31 17:49:21 · 174 阅读 · 0 评论 -
jquery 无法触发a标签的点击事件导致页面无法跳转的原因与解决
解决方案:$("#aId").click(); 写法改为:parent.document.getElementById(“aId”).click();原因分析:jquery内部实现click或trigger方法时,并未真正模拟用户点击事件,只是模拟了事件对象及冒泡的触发,所有这个时候我们改为原生的js就可以了。...原创 2019-03-20 15:22:49 · 1351 阅读 · 0 评论 -
html 浏览器等兼容问题——持续更新
html 兼容问题——持续更新dom对象 element.firstChild.nextElenentSibling; //谷歌可以获取nextElenentSibling,ie不兼容,修改:nextSibling,都兼容原创 2019-02-26 11:43:34 · 237 阅读 · 0 评论 -
js 导出csv格式文件,并且处理逗号
js 导出csv格式文件,如果字段中存在逗号,将整个字段拼接上引号:如下if(!Curent_noflyZoneList||Curent_noflyZoneList.length==0){layerOpen(“没有可导出的数据!”);return;}var obj={};obj.title=[“序号”,“禁飞区名称”,“类型”,“半径”,“起始方位”,“截止方位”,“长度”,“宽度”,...原创 2019-01-08 13:55:50 · 3256 阅读 · 0 评论 -
高德地图修改默认"container" id名称,导致地图一片空白不显示
原因,样式没有随之id的改变而改变,如:id由 container 改为container_jinfeishuju ,相应的要改以下:原创 2019-01-03 10:35:11 · 3328 阅读 · 1 评论