如何生openlayer debug.js

2024-11-03

openlayers研究（一）初始化流程

下载2.13.1.解压缩.根据readme解释,openlayers.js是一个压缩库,.light是一个图像显示的简化库,mobile顾名思义应该是应对移动设备的库.build里面有py写的打包工具,可以配置生成openlayers.js. 我最开始从lib里面的openlayers.js看,对ol的初始化顺序很困惑,因为最开始就判断OpenLayers这个对象,明明没有地方创建 lib下面的openlayers.js 后来查看根目录下面的OpenLayers.js时候发现原来是先加载的sin

移动端打印调试插件 - debug.js 介绍

前文中我们学习过,用 Fiddler 作为代理可以在移动端打开本地的页面进行查看(如何用 fiddler 代理调试本地手机页面),但是对于 js 的调试却无能为力(需要借助其他调试手段,比如 UC浏览器开发者版),只能通过 alert 输出一些东西. alert 的手段在一些简单的调试中还是蛮有效的,但是 alert 会将 js 线程挂起,而且会自动调用输出对象的 toString() 方法,这样有些对象的 alert 就会是 "[object Object]" 的字样.我们想如果能用

react-native debug js remotely跨域问题

react-native debug js remotely跨域问题我们在安卓真机上调试react-native时,启用debug js remotely的时候,会出现跨域问题.这个时候我们只需要一下操作即可一:右击谷歌浏览器的启动图标,选择属性然后在目标里的最后加入一下代码(前面有空格) --disable-web-security --user-data-dir 二:谷歌浏览器不要锁定在底部任务栏

debug.js中的length的错误

记得昨天报了一个错,debug.js文件中的length未定义.前台不定位代码,后天也不报错,而debug.js是框架封装的文件,不是自己写的,无从得知是哪里的问题,而项目也已经重新启动过,无法撤销.所以报错不出现自己代码,也无法撤回,不知何时出现的操作. 后来我degugger.看从哪里开始报错,通过页面加载,确定哪个模块,最终发现,页面还没进来就开始报错,?页面没进来就报错,那就不是代码错误. 配置文件也没改啊,,最后我的目光聚焦到了index.jsp中的title下面的 <mx:Fr

debug.js在手机上打印调试信息

在做移动端开发的时候大家应该都遇到过这么一个问题:如何在手机上打印调试信息? 在pc端我们通常会用console.log 或者 alert,但大家知道console.log在手机上是看不到打印信息的:而用alert话,alert后还要点击确定,如果循环alert,那就悲剧了,一直点确定吧,可能手机还因此搞死机了. 那么有没有一种显得更加优雅的方式去输出调试信息呢? 有的.使用debug.js就好了. 快速上手引入debug.js后,你会得到debug这个方法,是用方法如下: debug.suc

openlayer ol.js和ol-debug.js的使用调试技巧

二者实现的功能是一样的,有以下区别 : ol.js一般打包项目的时候使用, ol-debug.js编写代码调试的时候使用. 下边是用ol-debug.js编写代码调试的显示: 编写代码调试的技巧,所有的对象可以通过get(“属性名”)方法获取对应的值 e.selected[0].get("name") 可以智能提示 e.selected[0]的所有属性和方法名,选择即可 e.selected[0].getGeometryName()

悟透JavaScript（理解JS面向对象的好文章）

引子编程世界里只存在两种基本元素,一个是数据,一个是代码.编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力. 数据天生就是文静的,总想保持自己固有的本色:而代码却天生活泼,总想改变这个世界. 你看,数据代码间的关系与物质能量间的关系有着惊人的相似.数据也是有惯性的,如果没有代码来施加外力,她总保持自己原来的状态.而代码就象能量,他存在的唯一目的,就是要努力改变数据原来的状态.在代码改变数据的同时,也会因为数据的抗拒而反过来影响或改变代码原有的趋势.甚至在某些情况下,数据可

js混淆加密，通过混淆Js代码让别人(很难)无法还原

js混淆加密,通过混淆Js代码让别人(很难)无法还原使用js的混淆加密,其目的是为了保护我们的前端代码逻辑,对应一些搞技术吃饭的公司来说,为了防止被竞争对手抓取或使用自己的代码,就会考虑如何加密,或者混淆js来达到代码保护. 1.为什么需要js混淆在web系统发展早期,js在web系统中承担的职责并不多,只是简单的提交表单,js文件非常简单,也不需要任何的保护. 随着js文件体积的增大,为了缩小js体积,加快http传输速度,开始出现了很多对js的压缩工具,比如 uglify.compr

js 安全

0x00 前言在信息安全领域,可信系统(Trusted system)是一个让人心动的目标,它指的是一个通过实施特定的安全策略而达到一定可信程度的系统. 在计算机中,可信平台模块(Trusted Platform Module,TPM)已经投入使用,它符合可信赖计算组织(Trusted Computing Group,TCG)制定的TPM规范,是为了实现可信系统目标的而打造的一款安全芯片.作为可信系统的信任根,TPM是可信计算的核心模块,为计算机安全提供了强有力的保障. 而在我们的web系统中

Knockout.js随手记(4)

动态绑定下拉列表在<select> data-bind的options选项如果绑定到ko.observableArray(),就可以动态新增选项效果,也就是可以利用其完成常见的级联效果的. 在这一篇文章中,我们用单页面完成无刷新的前台新增选项和使用MVC完成后台的动态添加2个例子. 范例一: ViewModel中声明一个selectOptions属性为一个ko.observableArray()对象,并将其设为<select>的options下拉列表的数据源,再用两个<in

Knockout.js随手记(3)

下拉菜单 <select>也是网页设计重要的一环,knockout.js(以下简称KO)也有不错的支持.针对<select>,在data-bind除了用value可对应下拉菜单的选取结果,其选项也可以由ViewModel中取得,甚至动态改变. 以下是<select>常用的data-bind参数: options : 指向数组或ko.observableArray(),KO会将数组元素转换为下拉选项.如果是ko.observableArray(),当动态增加或移除阵列元素

Knockout.js随手记(1)

新的开始,knockout.js 1.首先去http://knockoutjs.com/index.html下载knockout.js,最新的版本是2.3 2.知道什么是Knockout?它是个JavaScript library,帮助创建丰富的显示和编辑器UI,通过干净的底层数据模型.你可以在任何时候动态更新UI的选择部分. 3.知道knockoutjs的实现原理[MVVM模式] MVVM的优点 MVVM已在微软WPF/Silverlight/WP7中广泛应用,和MVC模式一样,主要目的是分离

MVC+knocKout.js 实现下拉框级联

数据库:部门表和员工表在控制器里面的操作: public ActionResult Index3() { ViewBag.departments = new SelectList(getDepartments(),"d_id","d_name");//部门数据 return View(); } private List<department> getDepartments() { List<department> list = db.dep

sea.js 入门

上个月学了 require.js 现在顺便来学学 sea.js. 对比下这两种的区别,看自己喜欢哪个,就在接下来的项目中去使用它吧. seajs中的所有 JavaScript 模块都遵循 CMD 模块定义. 在 CMD 规范中,一个模块就是一个文件. 主要API有 define define(factory); // define 用来定义模块 factory 可以是一个函数,也可以是一个对象或字符串. define({"foo":"bar"}); define(

Knockout.Js官网学习（value绑定）

前言 value绑定是关联DOM元素的值到view model的属性上.主要是用在表单控件<input>,<select>和<textarea>上. 当用户编辑表单控件的时候, view model对应的属性值会自动更新.同样,当你更新view model属性的时候,相对应的元素值在页面上也会自动更新. 注:如果你在checkbox或者radio button上使用checked绑定来读取或者写入元素的 checked状态,而不是value 值的绑定. 简单示例代码如

JS写的排序算法演示

看到网上有老外写的,就拿起自已之前完成的jmgraph画图组件也写了一个.想了解jmgraph的请移步:https://github.com/jiamao/jmgraph 当前演示请查看:http://graph.jm47.com/example/sort.html <!doctype html> <html> <head> <meta content="text/html; charset=UTF-8" http-equiv="co

node.js 简介

简介: Node,是一个可以让 JavaScript 运行在服务器端的平台.它可以让 JavaScript 脱离浏览器的束缚运行在一般的服务器环境下 Node.js 是一个为实时Web( Real-time Web)应用开发而诞生的平台,它从诞生之初就充分考虑了在实时响应.超大规模数据要求下架构的可扩展性.这使得它摒弃了传统平台依靠多线程来实现高并发的设计思路,而采用了单线程.异步式I/O.事件驱动式的程序设计模型.这些特性不仅带来了巨大的性能提升,还减少了多线程程序设计的

ASP.NET MVC 4 的JS/CSS打包压缩功能-------过滤文件

今天在使用MVC4打包压缩功能@Scripts.Render("~/bundles/jquery") 的时候产生了一些疑惑,问什么在App_Start文件夹下BundleConfig.cs文件内 bundles.Add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-{version}.js", "~/Scripts/jquery.unobtrusive-a

学习Node.js笔记（一）

一.什么是Node.js 1.1.Node.js是什么 Node.js是用来编写高性能网络服务器的JavaScript工具包 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台. Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好. Node.js 是一个为实时Web( Real-time Web)应用开发而诞生的平台,它从诞生之初就充分考虑了在实时响应.超大规模数

用GruntJS合并、压缩JS文件

为什么要合并.压缩你的JS文件? 一个项目开发完成我们总能发现有一堆js文件非常混乱. 一般在一个HTML文档加载的时候,浏览器会根据HTML代码从上到下读取所需要加载进来的CSS.JS.图片等文件,指定为异步加载的文件除外. 每读取一个文件,浏览器都会向Web服务器发送一个加载的请求,服务器觉得这个请求没问题后,浏览器才会开始接收文件.也就是说,每次加载一个文件都会消耗一定的时间在服务器和客户端的来回上. 加载一个文件消耗的时间可以忽略不计

Chrome 调试动态加载的js

今天有个同事问到我用chrome调试动态加载js的问题,这个问题之前遇到过,只是时间有点长了,有些忘记.在这里做一下记录: 在要调试的源码的后面加上 //@ sourceURL= debug.js 注释. 这样子,当浏览器检测到这个标记的时候,就会在脚本列表中列出debug.js作为源码的文件,同样,你可以在上面打断点,查看变量名之类的操作.

如何生openlayer debug.js

热门专题