shiyangxu-CSDN博客

原创 123

function foreach（a,f,t）{ try { a.forEach（f,t）; } catch（e）{ if（e === foreach.break）return; else throw e; }}foreach.break = new Error（"StopIteration"）;var a=[2,5,1,0,10,8...

2019-01-11 09:57:13 156

原创 js数组去重

（1）先创建一个新数组，遍历原数组，如果遍历的元素在新数组中不存在就添加到新数组中，如果存在则忽略。function uniqueArray(arr){ var res = []; for(var i =0;i<arr.length;i++){ var repeat = false; for(var j=0; j<res.length; j++){ if(arr[i...

2018-12-02 20:44:25 135

原创 esri infowindow 样式修改与格式化定制

1、修改默认的esriPopUp的样式/*信息窗口头部样式*/ .esriPopup .titlePane{ //your style } /* -信息窗口最大化按钮样式*/ .esriPopup .titleButton.maximize{ //your style } /* 信息窗口容器title关闭按钮样式 */ .esriPopup .ti...

2018-09-29 17:01:31 3789

h5跨域信息传递—postMessage通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同的值) 时，这两个脚本才能相互通信。window.postMessage() 方法提供了一种受控机制来规避此限制，只要正确的使用，这种方法就很安全。postMe...

2018-09-27 13:26:21 1393

原创使用node.js实现图片压缩

1 images模块介绍处理图片往往会遇到图片压缩的问题，使用Windows系统自带的画图软件或者其它图像处理软件一般都能够实现图片的压缩，但是只能是单张处理，如果涉及到大批量的图片压缩的话，一张一张处理起来会相当麻烦。因此，可以考虑编写程序实现批量处理。node.js中提供了图片处理模块，比如gm、imagemin、images模块等。本文中使用的是Node.js轻量级跨平台图像编解码库...

2018-08-24 15:10:41 16960 2

原创 dojo异步编程之dojo/Deferred

dojo/Deferred介绍dojo/Deferred是一个类，是Dojo中管理异步线程的基础。简单来说，一个Deferred对象会等待一段时间再去执行指定的调用，直到某个特定的事件发生或者前一个动作完成。Ajax就是一种常见的例子：发出一个Ajax请求之后，我们需要等待服务器把响应返回之后才会调用处理函数。所以Deferred对象提供给我们的就是这种将某个动作延迟并等待某个事件发生的能...

2018-08-21 11:26:49 979

原创 dojo中模块的定义与使用

异步模块定义（AMD）格式是Dojo从Dojo 1.7开始采用的模块格式。它提供了许多传统Dojo模块样式的增强功能，包括完全异步操作，真正的程序包可移植性，更好的依赖关系管理以及改进的调试支持。它也是一个社区驱动的标准，这意味着编写到AMD规范的模块可以与任何其他符合AMD的加载器或库一起使用。1 什么是模块模块是可由单个引用访问的值。如果要在模块中公开多个数据或函数，则它们必须是表示模...

2018-08-15 13:19:54 866

原创 dojo中类的声明与继承

在Dojo工具箱中，dojo/_base/declare模块是创建类的基础。declare允许开发者实现类多继承，从而创建有弹性的（灵活的）代码，避免写重复的代码。 Dojo, Digit, Dojox模块都使用了declare。1 语法declare(className,superclass,props); 参数类型描述 className str...

2018-08-14 17:22:28 814

原创移花接木之真假baidu

1 界面搭建界面元素包括logo图片、搜索框和搜索按钮。通过css和HTML创建：代码如下：&amp;lt;style&amp;gt; *{margin:0;padding:0;} body { background:#99eab9 } img,input,button{display:block;margin:auto} u...

2018-08-13 14:49:09 240

原创初试Chrome性能测试

1、之前做空间图集里面要实现预览图的左右滑动，也就是改变图片的位置。一般可以使用三种方法：改变元素的left属性；改变元素的margin-left属性；使用transform属性。2、下面分别用三种方法来实现元素位置的移动：3s内元素向下移动500px。并使用Chrome开发者工具进行性能测试。代码如下：<head> <meta charset="utf-8"...

2018-08-11 10:56:46 3009

原创 JavaScript中的DOM（文档对象模型）

1 什么是DOMDOM（文档对象模型）是针对 HTML 和 XML 文档的一个 API。 DOM1级将HTML和XML文档形象地看作一个层次化的节点树，可以使用JavaScript来操作这个节点树，进而改变底层文档的外观和结构。2 DOM中的节点DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。最基本的节点类型是Node，用于抽象地表示文档中一个独立的部分；所有其...

2018-08-08 19:22:41 1796

原创 JavaScript事件对象、事件流和事件代理

1 事件对象事件在浏览器中是以对象的形式存在的，即event。触发一个事件，就会产生一个事件对象event，该对象包含着所有与事件有关的信息。包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。所有浏览器都支持event对象，但支持方式不同，在DOM中event对象必须作为唯一的参数传给事件处理函数，在IE中event是window对象的一个属性。DOM中事件对象重要属性和方法...

2018-08-07 16:40:43 211

原创 JavaScript中BOM知识总结

1 何为BOM BOM（Browser Object Model）即浏览器对象模型。 BOM提供了独立于内容而与浏览器窗口进行交互的对象；由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window； BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性； BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是...

2018-08-07 14:34:46 375

原创关于WebSocket一二三

1 何为WebSocketWebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。其本质是一种网络通信协议，RFC6455 定义了它的通信标准。2 为什么需要WebSocket讲Websocket之前，先来说一说HTTP。HTTP 协议是一种无状态的、无连接的、单向的应用层协议。它采用了请求/响应模型。通信请求只能由客户端发起，服务端对请求做出应答处理。...

2018-08-06 13:22:53 270

原创 dojo中关于dom的操作

dojo中关于dom操作的有以下几个模块： dojo/dom模块 dojo/dom-construct模块 dojo/dom-attr模块 dojo/dom-prop模块 dojo/dom-class模块 dojo/dom-style模块 dojo/dom-form模块 1. dojo/dom模块该模块定义了核心Dojo DOM API。该模...

2018-08-05 17:28:30 538

原创关于JavaScript中this指向的理解

JavaScript中this的指向会随它的执行环境的改变而发生变化，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。this是在函数运行时，自动生成的一个内部对象，只能在函数内部使用。示例1function a(){ var message = "hello world"; c...

2018-08-05 17:27:20 191

原创 #JavaScript变量、作用域、函数、闭包、原型及原型链

1. 变量和作用域JavaScript中变量可以分为全局变量和局部变量：全局变量就是可以在任意位置访问的变量；局部变量则是在函数中用var定义的变量，只能在函数中访问这个变量，函数外部访问不了。对应地，作用域也分为全局作用域和局部作用域：全局变量所对应的作用域就是全局作用域（global scope），局部变量所对应的作用域为局部作用域（local scope）。局部作用域里面定义...

2018-08-05 17:25:53 222 1

原创 dojo中的query选择器

dojo/dom模块中只能通过DOM的ID属性来选择DOM元素，这远远不能满足我们的要求。因此，dojo/query模块中提供了更多的选择方法。该模块中大致可分为7类选择器：基本选择器层次选择器内容过滤选择器属性选择器子元素过滤选择器表单对象属性过滤选择器表格选择器 query模块选择的是一个DOM数组（哪怕只有一个DOM元素也是数组）...

2018-08-05 17:05:14 808

原创 js闭包函数作用域链

关于闭包书中对闭包的定义：闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。在内部定义的函数会将包含函数（即外部函数）的活动对象添加到它的作用域链中。前面说到，局部变量当函数运行完以后就会销毁这个变量，假如有多次调用这个函数它下一次调用的时候又会重新创建那个变量。例如：function fn(){ var num = ...

2018-08-03 13:10:57 184

shiyangxu的博客