js代码 | 易学教程

JS图片切换效果

阅读更多关于 JS图片切换效果

代码 < SCRIPT language ="JavaScript" > <!-- var widths = 400 ; // 焦点图片宽 var w = 2 ; var widthss = widths + w; var heights = 300 ; // 焦点图片高 var heightss = heightss + w; var heightt = 20 ; var counts = 5 ; // 总条数 // img1=new Image();在这里是声明了一个图片元素的对象 // 后面是对图像的属性进行赋值或设置,如imgs.src="xxxx.jpg"是指定图片的索引地址. // 这个代码一般用于head区,用于预加载图片,即加快图片显示. // 只有用new Images()得到的图片IE7才认, // 而IE6和firefox可认得imgUrl[1]="/y9q9ms7lbgbt.jpg";得到的图片 img1 = new Image();img1.src = ' http://www.mn-soft.com/files/2010/04/logo.png ' ; url1 = new Image();url1.src = ' http://www.mn-soft.com ' ; img2 = new Image();img2.src = ' http://www

超棒的30款JS类库和工具

阅读更多关于超棒的30款JS类库和工具

当设计人员和开发人员真正快速便捷的使用JavaScript类库和工具的同时，他们的生活也就变得更轻松、简单。你付出的越多，它回报你的也就越多，这正是JS类库和工具需求量很大的原因。对于Web设计人员和开发人员来说，手里有一套便利的、最新的工具可供使用是极其重要的。Web设计和开发的趋势变化极快，所以拥有最新的工具是必不可少的。可是要想找到质量高和效率高的工具并非易事，尤其是考虑到这种类型的工具它所带有的额外工具的可用性，并且，不是所有的工具都是高质量的。因此，寻找好的工具不仅仅是一项艰巨的任务，同时也很耗时。这就是为什么小编今天为大家提供30个JS类库和工具列表的原因。所有的工具都很有用，找出最能够满足你需要的那一个！ dynamo.js 这是一款使用很便捷的工具，它可以快速容易的创建HTML动态bits，为文本目录添加微妙效果。 Smoke.js Smoke.js是一个轻量级且灵活的JS插件，只是用来替代原有的alert而已。它完全由HTML与CSS3构成，所以你能够自己添加样式来表现出个性化。 Holder.js Holder.js可直接在客户端渲染图片的占位。支持在线和离线，允许轻松创建占位符，并快速使用可链接API（chainable API）风格。 Graphene 这款工具有惊人之处，有一个控制面板和绘图工具箱，使用起来很容易上手。 GMap

js中parseInt()与parseFloat(),Number(),Boolean(),String()转换

阅读更多关于 js中parseInt()与parseFloat(),Number(),Boolean(),String()转换

js将字符串转数值的方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数： js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。在判断字符串是否是数字值前，parseInt()和parseFloat()都会仔细分析该字符串。 parseInt() 方法首先查看位置0处的字符，判断它是否是个有效数字；如果不是，该方法将返回NaN，不再继续执行其他操作。但如果该字符是有效数字，该方法将查看位置1处的字符，进行同样的测试。这一过程将持续到发现非有效数字的字符为止，此时parseInt()将把该字符之前的字符串转换成数字。例如，如果要把字符串 "1234blue "转换成整数，那么parseInt()将返回1234，因为当它检测到字符b时，就会停止检测过程。字符串中包含的数字字面量会被正确转换为数字，因此字符串 "0xA "会被正确转换为数字10。不过，字符串 "22.5 "将被转换成22，因为对于整数来说，小数点是无效字符。一些示例如下： parseInt("1234blue"); //returns 1234 parseInt("0xA"); //returns 10

js

阅读更多关于 js

JavaScript(JS)是一种解释性的、事件驱动的、面向对象的、安全的和与平台无关的脚本语言，是动态HTML（也称为DHTML)技术的重要组成部分，广泛用于动态网页的开发。 JavaScript的实例 JavaScript脚本程序是嵌入或者外部引入在页面中的，通过一个 <script type="text/javascript"[src="外部 js 文件"】> ... </script> 语法说明： 1、script为脚本标记，它必须以结束，用于界定程序开始的位置和结束的位置。在一个页面内可以放置任意数量的 1.<！--程序 10-1--> 2.<html> 3.<head><title></title></head> 4.<body> 5. <script type="text/javascript"> 6. document.write("欢迎进入Javascript学习之旅!"); 7. </script> 8.</body> 9.</html> 在10-1的程序中，5~7行的代码之前没有出现过，具体的代码在第六行，document. write字段是标准的JavaScript命令，用来向页面写入输出，这行代码被包括在用就可以告诉浏览器javascript程序是从何处开始，到何处结束。如果没有这个标签，浏览器就会把document. write(

ES6之JS的类

阅读更多关于 ES6之JS的类

基本的类声明类声明以 class 关键字开始，其后是类的名称；剩余部分的语法看起来就像对象字面量中的方法简写，并且在方法之间不需要使用逗号。 class PersonClass { // 等价于 PersonType 构造器 constructor(name) { this.name = name; } // 等价于 PersonType.prototype.sayName sayName() { console.log(this.name); } } let person = new PersonClass("Nicholas"); person.sayName(); // 输出 "Nicholas" console.log(person instanceof PersonClass); // true console.log(person instanceof Object); // true console.log(typeof PersonClass); // "function" console.log(typeof PersonClass.prototype.sayName); // "function" 为何要使用类的语法? 类与自定义类型之间有相似性较高，但也要记住一些重要的区别：类声明不会被提升，这与函数定义不同。类声明的行为与 let 相似

ArcGIS JS 4加载第三方矢量切片

阅读更多关于 ArcGIS JS 4加载第三方矢量切片

现在矢量切片越来越普及,对于地图渲染能更轻更快。ArcGIS JS 4.13可以实现加载第三方矢量切片,以下为代码示例,最下方是我之前切的建筑物数据。当切片大小在1M左右，加载效果还是可以。不过跟mapbox gl相比还是有些逊色，mapbox gl可以加载6M大小的切片，但ArcGIS JS 4却不行。矢量切片还是需要控制好大小，这样才能快速传输和渲染。 var style = { "version": 8, "sources": { "osm": { "tiles": ["https://osm-lambda.tegola.io/v1/maps/osm/{z}/{x}/{y}.pbf"], "type": "vector" } }, "layers": [ { id: "land", type: "fill", source: "osm", "source-layer": "land", minzoom: 0, maxzoom: 24, paint: { "fill-color": "rgba(150, 150, 150, 1)" } } ], "id": "test" } require([ "esri/Map", "esri/views/MapView", "esri/layers/VectorTileLayer", "dojo/domReady!" ],

Js作用域与作用域链详解

阅读更多关于 Js作用域与作用域链详解

一直对Js的作用域有点迷糊，今天偶然读到 JavaScript 权威指南，立马被吸引住了，写的真不错。我看的是第六版本，相当的厚，大概1000多页，Js博大精深，要熟悉精通需要大毅力大功夫。一：函数作用域先看一小段代码： [javascript] view plain copy var scope= "global" ; function t(){ console.log(scope); var scope= "local" console.log(scope); } t(); (PS: console.log()是firebug提供的调试工具，很好用，有兴趣的童鞋可以用下，比浏览器+alert好用多了）第一句输出的是： "undefined"，而不是 "global" 第二讲输出的是："local" 你可能会认为第一句会输出："global",因为代码还没执行var scope="local",所以肯定会输出“global"。我说这想法完全没错，只不过用错了对象。我们首先要区分Javascript的函数作用域与我们熟知的C/C++等的块级作用域。在C/C++中，花括号内中的每一段代码都具有各自的作用域，而且变量在声明它们的代码段之外是不可见的。而Javascript压根没有块级作用域，而是函数作用域. 所谓函数作用域就是说：-

JS中的闭包（closure）

阅读更多关于 JS中的闭包（closure）

JS中的闭包（closure）闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一.什么是闭包 JS中，在函数内部可以读取函数外部的变量 function outer(){ var localVal = 30; return localVal; } outer();//30 但，在函数外部自然无法读取函数内的局部变量 function outer(){ var localVal = 30; } alert(localVal);//error 这里有个需要注意的地方，函数内部声明变量的时候，一定要使用var命令。如果不用的话，实际上是声明了一个全局变量。 function outer(){ localVal = 30; return localVal; } outer(); alert(localVal);//30 以上的表述，是JS变量的作用域的知识，它包括全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 function outer(){ var localVal = 30; function inner(){ alert（localVal）; } return inner； } var func =

js闭包详解

阅读更多关于 js闭包详解

闭包（ closure ）是 Javascript 语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性： 1.函数嵌套函数 2.函数内部可以引用外部的参数和变量 3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量闭包的缺点就是常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包是 javascript 语言的一大特点，主要应用闭包场合主要是为了：设计私有的方法和变量。一般函数执行完毕后，局部活动对象就被销毁，内存中仅仅保存全局作用域。但闭包的情况不同！嵌套函数的闭包 function aaa() { var a = 1; return function(){ alert(a++) }; } var fun = aaa(); fun();// 1 执行后 a++，，然后a还在~ fun();// 2 fun = null;//a被回收！！闭包会使变量始终保存在内存中，如果不当使用会增大内存消耗。 javascript 的垃圾回收原理（1）、在 javascript 中，如果一个对象不再被引用，那么这个对象就会被 GC 回收；（2）、如果两个对象互相引用，而不再被第 3

详解js闭包

阅读更多关于详解js闭包

转自：http://segmentfault.com/a/1190000000652891 闭包（ closure ）是 Javascript 语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性： 1.函数嵌套函数 2.函数内部可以引用外部的参数和变量 3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量闭包的缺点就是常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包是 javascript 语言的一大特点，主要应用闭包场合主要是为了：设计私有的方法和变量。一般函数执行完毕后，局部活动对象就被销毁，内存中仅仅保存全局作用域。但闭包的情况不同！嵌套函数的闭包 function aaa() { var a = 1; return function(){ alert(a++) }; } var fun = aaa(); fun();// 1 执行后 a++，，然后a还在~ fun();// 2 fun = null;//a被回收！！闭包会使变量始终保存在内存中，如果不当使用会增大内存消耗。 javascript 的垃圾回收原理（1）、在 javascript 中

订阅 js代码