JavaScript
关注
分享
扫一扫
文章平均质量分 55
code_ja
哈哈
展开
-
不用jQuery做一个简单无交互的JavaScript幻灯片1
利用JavaScript和HTML和css并且不用任何库做一个简单的幻灯片效果，这个幻灯片的好处是不引用任何外在的库，提高了性能，由于采用了较少的代码，这样可以放在页面的任何地方而不担心要加载多余的额外文件。 1.首先我们看看最简单的幻灯片 HTML代码如下：<ul id="slides"> <li class="slide showing">Slide 1</li> <li c翻译 2016-06-24 11:48:04 · 402 阅读 · 0 评论 -
JavaScript中的垃圾收集机制
JavaScript具有自动垃圾收集机制，执行环境会负责管理代码执行过程中使用的内存。标记清除 JavaScript中最常用的垃圾收集方式是标记清除。当变量进入环境（例如，在函数中声明一个变量）时，就将这个变量标记为“进入环境”。从逻辑上讲，永远不能释放进入环境的变量所占用的内存，因为只要执行流进入相应的环境，就可能会用到它们。而当变量离开环境时，则将其标记为“离开环境”。 可以用任何方式原创 2016-06-22 17:52:45 · 374 阅读 · 0 评论 -
编写具有可维护性的JavaScript代码
首先可定是缩进的问题了，有的人喜欢使用空格键，有的人喜欢使用tab键，不管是使用空格键还是使用tab键，在项目开始前，只要统一规范就可以了。 其次，确保只要通过变量或者函数的名字就能知道这段代码是干什么用的，而不是要读整段代码才知道它是干什么的。例如：//命名不一致，很难能够理解代码在做什么const $element = $('.element');function _privateMetho翻译 2016-07-08 15:43:57 · 527 阅读 · 0 评论 -
JavaScript中的基本类型和引用类型的赋值问题和传参问题
我们先来看一个基本类型的例子：var num1 = 5;var num2 = num1;上面的num1属于基本类型，把num1赋值给num2，相当于把num1的一个副本赋值给num2，num2中的5和num1中的5是完全独立的，此后这两个变量可以参与任何操作而不会相互影响。如下图所是： 接着我们看看引用类型的例子：var obj1 = new Object();var obj2 = obj1;原创 2016-06-22 16:07:26 · 1176 阅读 · 0 评论 -
JavaScript的with语句
with语句的作用是将代码的作用域设置到一个特定的对象中。语法如下： with (表达式) 语句 例如：var qs = location.search.substring(1);var hostName = location.hostname;var url = location.href;使用with语句可变成：with(location) { var qs = search.s原创 2016-06-22 15:04:44 · 305 阅读 · 0 评论 -
JavaScript中相等和全等操作符的差异
1.相等和不相等操作符 ==和！==会先转换操作数（即强制转型），然后再比较它们的相等性。如果有一个操作数是布尔值，则在比较相等性之前先转换为数值——false转化为0，true转化为1；如果有一个操作数是字符串，另一个是数值，则把字符串转换为数值再进行比较；如果有一个操作数是对象，另一个不是，则自动调用对象的valueOf()方法，用得到的基本数据类型按照前面的规则比较null和unde原创 2016-06-22 14:48:38 · 1167 阅读 · 0 评论 -
JavaScript基本数据类型注意点
1.在一个函数中定义一个变量我们通常是这样定义的 var message = ‘hi’,该变量使用var操作符定义会使得该变量的作用域属于局部变量，这个变量在函数退出后就会被销毁，例如：function test(){ var message = 'hi';}test();alert(message); //error!这里的变量使用var定义，当离开函数后，该变量会被销毁，要想不被销原创 2016-06-20 23:19:39 · 592 阅读 · 0 评论 -
深入理解DOM中的事件对象
在触发DOM上的某个事件时，会在事件处理程序函数中会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。先看个例子：var btn = document.getElementById("myBtn");btn.onclick = function(event) { alert(event.type); //"clic原创 2016-07-15 21:23:35 · 2257 阅读 · 2 评论 -
由浅入深理解闭包的运行机制
先来看看闭包的定义：指有权访问另一个函数作用域中的变量的函数。创建闭包的常用方式就是在一个函数内部创建另一个函数，先来看一个例子：function createComparsionFunction(propertyName) { return function(object1, object2) { var value1 = object1[propertyName];原创 2016-07-04 23:09:44 · 1525 阅读 · 0 评论 -
原型链实现继承的几种模式
原型链很强大，可以用来实现继承，但也存在一些问题。其中最主要的问题是来自包含引用类型值的原型。看如下例子：function Super() { this.colors = ['red', 'blue', 'green'];}function Sub() {}Sub.prototype = new Super();var instance1 = new Sub();instance原创 2016-07-02 13:31:29 · 1726 阅读 · 0 评论 -
引用外部script文件是存放的位置
在编写代码的时候，我们都习惯把引用的外部JavaScript文件放在head标签中，这种做法的目的是把所有的外部文件放在同一个地方，便于管理，但是在文档的<head>元素中包含所有的JavaScript文件，就必须浏览器把所有的JavaScript代码都下载、解析和执行以后，才能开始呈现页面的内容，在这一期间，网页会是一片空白，这样用户体验是非常差的，为了避免这个问题，可以把文件放在<body>元素原创 2016-06-17 21:51:16 · 4532 阅读 · 0 评论 -
浏览器解析script标签遇到的问题
欢迎使用Markd本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦：- **Markdown和扩展Markdown简洁的语法**- **代码块高亮**- **图片链接和图片上传**- ***LaTex*数学公式**- **UML序列图和流程图**- **离线写博客**- **导入导出Markdown文件**- **丰富的快捷键**--原创 2016-06-17 21:33:17 · 2216 阅读 · 0 评论 -
JavaScript事件背后的原理
JavaScript与HTML之间的交互是通过事件实现的。事件：就是文档或浏览器窗口中发生的一些特定的交互瞬间， 使用监听器来监听事件，以便在事件发生时执行相应的代码。 当我们在某个元素上添加一个事件时，根据事件执行的前后可以把它当成一个事件流，在DOM事件中规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。首先发生的是事件捕获，然后是实际的目标接收到事件，最后是冒泡阶段，可以在原创 2016-07-14 21:31:38 · 446 阅读 · 0 评论 -
深入理解原型链的本质
原型链是作为实现继承的主要方法，基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。 实现原型链的代码如下：function Super() { this.property = true;}Super.prototype.getSuperValue = function() { return this.property;};function Sub() {原创 2016-06-29 15:55:28 · 1355 阅读 · 0 评论 -
深入理解JavaScript的创建对象（构造函数、原型对象、实例）
1.由于JavaScript无法创建类，所以采用函数来封装以特定接口创建对象，采用工厂模式：function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function() {原创 2016-06-28 17:32:12 · 945 阅读 · 0 评论 -
函数内部属性arguments和this讲解
内容在图片里：原创 2016-06-28 09:47:57 · 279 阅读 · 0 评论 -
不用jQuery做一个简单手动暂停的JavaScript幻灯片2
在你的页面上使用幻灯片之前应该仔细想清楚是否该使用它，使用不当的话会破坏你的网站的用户体验。幻灯片会隐藏重要的内容 如果你的网站里有些内容是非常重要的，它就不应该隐藏在幻灯片中，你不能指望在理想环境下用户能够通过自动幻灯片看到他们想要的内容。用户可能会弄不清楚该网站的主要意图是什么 特别是在主页中使用幻灯片。如果你不能决定显示什么给用户，你怎么能指望用户决定做什么？你的网站有个清晰和显而易见翻译 2016-06-24 15:58:18 · 683 阅读 · 0 评论 -
不需要注解就能看出代码含义的一些方法
在函数内部，有两个特殊的对象：arguments和this。arguments是一个类似数组的对象，包含着传入函数中的所有参数。该对象有一个callee属相，该属性是一个指针，指向拥有这个arguments对象的函数。翻译 2016-06-28 11:08:04 · 1016 阅读 · 0 评论