HTML 引入js加载地图每次渲染花时间怎么优化

2024-08-23

web项目中js加载慢问题解决思路

最近使用Echarts地图(版本为echarts2,echarts3目前无法下载地图版). 问题描述:之前使用require形式加载,地图首次加载显示要6-7秒,难以接受. js配置代码如下: <div class="w_b50 fl bg_x" id="main"> <script type="text/javascript" src="<%=request.getContextPath()%>/js/d

优化JS加载时间过长的一种思路

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.背景去年公司在漳州的一个项目中,现场工程人员反映地图部分出图有点缓慢,大约需要20多秒.和另外一个同事一起花了一两天进行了代码优化.代码压缩.中间件优化以及服务部署优化后使地图出图缩短到了9秒上下. 这里对上次的经验做一个总结,提供一种优化JS文件加载时间过长的思路.这里的中间件使用的是tomcat6.0. 2.代码优化 2.1代码模块化代码重构,使代码模块化

使用js加载器动态加载外部Javascript文件

原文:http://www.cnblogs.com/xdp-gacl/p/3927417.html 今天在网上找到了一个可以动态加载js文件的js加载器,具体代码如下: JsLoader.js var MiniSite=new Object(); /** * 判断浏览器 */ MiniSite.Browser={ ie:/msie/.test(window.navigator.userAgent.toLowerCase()), moz:/gecko/.test(window.navigator.

JavaScript学习总结(十九)——使用js加载器动态加载外部Javascript文件

今天在网上找到了一个可以动态加载js文件的js加载器,具体代码如下: JsLoader.js 1 var MiniSite=new Object(); 2 /** 3 * 判断浏览器 4 */ 5 MiniSite.Browser={ 6 ie:/msie/.test(window.navigator.userAgent.toLowerCase()), 7 moz:/gecko/.test(window.navigator.userAgent.toLowerCase()), 8 opera:/o

（转） Arcgis for js加载百度地图

http://blog.csdn.net/gisshixisheng/article/details/44853709 概述: 在前面的文章里提到了Arcgis for js加载天地图,在本节,继续讲解如何在Arcgis for js中加载百度地图. 效果: 地图影像-无标注影像-有标注实现: 第一,在此感谢http://www.cnblogs.com/chenyuming507950417/p/3343729.html这篇文章的主人,给了我很大的启发与帮助,因为一直在找相关的参数,都不对

Arcgis for js加载百度地图

看转:https://blog.csdn.net/qq_41046162/article/details/80248281 通过学习了一段时间的arcgis for js,让我来讲一下如何在arcgis for js加载百度地图. 加载的结果显示: 地图影像 - 无标注影像 - 有标注制作步骤: 首先,我是在学习了https://blog.csdn.net/gisshixisheng/article/details/44853709这篇文章,代码大多都是那里的,参数也都没错,但是复制过去还

支付宝小程序室内地图导航开发-支付宝小程序JS加载esmap地图

如果是微信小程序开发,请参考微信小程序室内地图导航开发-微信小程序JS加载esmap地图文章一.在支付宝小程序里显示室内三维地图需要满足的两个条件调用ESMap室内地图需要用到小程序web-view组件,想要通过 web-view 调用ESMap室内地图需要满足以下 2 个条件: 1. 小程序是企业主体,支付宝 web-view 组件不对个人类型的小程序开放. 2. 您需要有一个自己的域名,在嵌入网页的时候需要在支付宝后台验证域名(只有自己域名下的网页才能被正确地显示哦,不能随便找一个公开

百度地图-省市县联动加载地图分类： Demo JavaScript 2015-04-26 13:08 530人阅读评论(0) 收藏

在平常项目中,我们会遇到这样的业务场景: 客户希望把自己的门店绘制在百度地图上,通过省.市.区的选择,然后加载不同区域下的店铺位置. 先看看效果图吧: 实现思路: 第一步:整理行政区域表: 要实现通过地区筛选来动态加载地图,首先要有一套中国行政区域表.哪里来呢?如果你做过淘宝API接入,应该会想到淘宝物流接口提供了一个官方的行政区域代码,这个比较靠谱. 第二步:收集行政区域的经纬度: 这个就有点麻烦了,虽然可以在百度坐标拾取系统一个一个的收集整理,但是3000多条记录,是个不小的体力活.于是经过

(转)JS加载顺序

原文:http://blog.csdn.net/dannywj1371/article/details/7048076 JS加载顺序做一名合格的前端开发工程师(12篇)——第一篇 Javascript加载执行问题探索楼主做前端开发一年多了,对前端的见解还是多多少少有一点的,今天特拿出来跟大家分享分享. 做前端开发少不了各种利器.比如我习惯用的还是Google浏览器和重型武器Fiddller. 一: 原始情况首先大家看看如下的代码: <%@ Page Language="C#"

ArcGis API for JavaScript学习——加载地图

ArcGis API for JavaScript开发笔记——加载地图在这个例子中使用的离线部署的API(请参见 http://note.youdao.com/noteshare?id=f4286530e101e38b39ac26299ded3bd3&sub=wcp148109601207156). 新建一个html文件,如newmap.html.输入如下内容: <!DOCTYPE html> <html> <head> <meta http-equiv

定时器详解和应用、js加载阻塞、css加载阻塞

1.setTimeout().setInterval()详解和应用 1.1 详解: setTimeout.setInterval执行时机 1.2 存在问题: setInterval重复定时器可能存在的问题.解决方案 1.3 应用: Yeilding Processes(进程暂停) 运行在浏览器中的JavaScript都被分配了一个确定数量的资源,不同于桌面应用往往能够随意控制他们要的内存大小和处理时间,Javascript被严格限制了,以防止恶意的Web程序员吧用的计算机搞挂了,其中一个限制

（转）Arcgis for js加载天地图

http://blog.csdn.net/gisshixisheng/article/details/44494715 综述:本节讲述的是用Arcgis for js加载天地图的切片资源. 天地图的切片地图可以通过esri.layers.TiledMapServiceLayer来加载,在此将之进行了一定的封装,如下: 1.切片线划图——TDTLayer.js define(["dojo/_base/declare", "esri/layers/tiled"], fu

jquery-10 js加载的时机如何选择

jquery-10 js加载的时机如何选择一.总结一句话总结:主要应用widow的ready()方法和load()方法. 1.内部文件中DOM加载完毕执行js如何书写? 把js标签放在body之后即可! 2.外部引入文件中DOM加载完毕执行js如何书写? $(document).ready(fn);$(fn); 多用$(fn),这样方便快捷 $(function(){ //所有代码都是等dom加载完毕才会去执行!}); 3.内部和外部文件中资源加载完毕执行js如何书写? window的

Web前端性能优化详解之CSS与JS加载

浏览器加载页面和渲染过程加载过程浏览器根据DNS 服务器得到域名的IP地坛向这个 IP 的机器发送 HTTP请求服务器收到,处理并返回 HTTP请求浏览器得到返回内容渲染过程根据 HTML 结构生成 DOM 树根据 CSS 生成 CSSOM 根据 RenaderTree 开始渲染和展示遇到 <strcipt >会执行并阻塞渲染懒加载图片进入可视区域之后请求图片资源对于电商等图片很多,页面很长的业务场景适用减少无效资源的加载并发加载的资源过多会阻塞js的加载,景程网站

JS加载不出来必须alert才可以 alert另一种功能

BEGIN; 今天在引入百度编辑器时,发现百度编辑器加载不出来. 代码是这样的: var editor = new baidu.editor.ui.Editor({ textarea: 'content' }); editor.render('editor_content'); 开始以为自己写法有问题,然后试试alert下editor,没错,的确alert出了一个object,然后神奇的这个编辑器出现了. 接着又把alert去掉,我艹,又没了. 反反复复几次,最终发现,必须得alert,当

JS 加载html 在IE7 IE8下可调试

实际背景就是都是HTML 公共头部底部然后中间部分加载不同的HTML文件有点跟模板引擎一样 jQuery 有个load函数加载html文件的路径获取html内容到中间部分正常下是不能用IE的开发者工具获取DOM的中间JS加载的如下图切换到IE7文档模式这时候就需要刷下DOM 在查看就可以获取了

解决JS加载速度慢

在网页中的js文件引用会很多,js引用通常为 <script src="xxxx.js"></script> 通过如下方法可以增加js加载速度 <script type="text/javascript">document.write("<scr"+"ipt src=\"xxxx.js\" language=\"JavaScript\" charset=\

FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据

前面一篇对FusionCharts进行了一个简单的介绍,而且建立了我们第一个图形,但是那个是在HTML中使用<OBJECT>和<EMBED>标记来加载图形的,但是这样做是非常不"理智"的.这样做除了代码量比较大外,还有并不是所有的人能够看懂上面的代码.但是使用JS后就可以避免上面几个问题了. 一.使用JS加载FusionCharts图形下面就分五个步骤讲解如何使用js来加载FusionCharts图形. 第一步:导入Fusi

[f]动态判断js加载完成

在正常的加载过程中,js文件的加载是同步的,也就是说在js加载的过程中,浏览器会阻塞接下来的内容的解析.这时候,动态加载便显得尤为重要了,由于它是异步加载,因此,它可以在后台自动下载,并不会妨碍其它内容的正常解析,由此,便可以提高页面首次加载的速度. 那么,既然js是异步加载,我们又该如何判断它是否加载完成呢? 在IE或一些基于IE内核的浏览器中(如Maxthon),它是通过script节点的readystatechange方法来判断的,而其它的一些浏览器中,往往是通过load事件来决定的,如下

解决ArcGIS API for Silverlight 加载地图的内外网访问问题

原文:解决ArcGIS API for Silverlight 加载地图的内外网访问问题先上一个类,如下: public class BaseClass { public static string getFullUri(string oldUriString) { string newUriString = oldUriString; //处理相对地址============================================================ if (newUri

HTML 引入js加载地图每次渲染花时间怎么优化

热门专题