Welcome

首页 / 脚本样式 / JavaScript

jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题

2017-02-06 18
HTML结构：很简单，就一个input,一个div，能说明问题就OK了；<input type="text" value="默认值"><br/><br/><div>搜索</div>想要实现的结果：1、input框获取焦点时value为“”，失去焦点时value为“默认值”；-----这个很好实现； 2、当在input框中输入要搜素的内容后，点击div搜索，要求控制台打印输出要搜素的内...

JavaScript中removeChild 方法开发示例代码

2017-02-06 18
1. 概述删除后的节点虽然不在文档树中了，但其实它还在内存中，可以随时再次被添加到别的位置。当你遍历一个父节点的子节点并进行删除操作时，要注意，children属性是一个只读属性，并且它在子节点变化时会实时更新// 拿到待删除节点:var self = document.getElementById（"to-be-removed"）;// 拿到父节点:var parent = self.parentElement;// 删除:var removed = p...

Wireshark基本介绍和学习TCP三次握手

2017-02-06 20
这篇文章介绍另一个好用的抓包工具wireshark， 用来获取网络数据封包，包括http,TCP,UDP，等网络协议包。记得大学的时候就学习过TCP的三次握手协议，那时候只是知道，虽然在书上看过很多TCP和UDP的资料，但是从来没有真正见过这些数据包， 老是感觉在云上飘一样，学得不踏实。有了wireshark就能截获这些网络数据包，可以清晰的看到数据包中的每一个字段。更能加深我们对网络协议的理解。对我而言， wireshark 是学习网络协议最好的工具。阅...

自动化测试读写64位操作系统的注册表

2017-02-06 18
非Web程序（桌面程序）的设置一般都存在注册表中。 给这些程序做自动化测试时， 需要经常要跟注册表打交道。 通过修改注册表来修改程序的设置。本章介绍如何利用C#程序如何操作注册表， 特别是如何操作64位操作系统的注册表。阅读目录自动化测试经常需要修改注册表Windows注册表简介C#修改注册表32位机器和64位机器注册表的区别C#程序访问64位操作系统的注册表自动化测试经常需要修改注册表很多系统的设置（比如：IE的设置）都是存在注册表中。 桌面应用程序的设...

总结Node.js中的一些错误类型

2017-02-06 16
前言Node.js应用中可能会发生多种类型的错误。如：当出现语法错误或运行时错误时，会触发JavaScript错误；当试图试访问一个不存在或没有访问的文件时，会触发系统错误；除JavaScript错误和系统错误错误外，用户还可以自定义错误。1. 错误分类Node.js是一个JavaScript运行时平台，其应用发生错误都是一个Error实例或Error子类的实例。在Node.js应用中，可能发生的错误有以下4类： 1、标准JavaScript错误，如： &...

关于javascript中限定时间内防止按钮重复点击的思路详解

2017-02-06 16
前面的话有一天心血来潮，1分钟内重复点击了多次博客园首页的刷新博文列表的刷新按钮。果不其然，ip当时就被禁用了。后来，重启自己的路由器，重新获取ip才可以访问博客园主页。那么，设置一个限定时间内（比如1秒）防止按钮被重复点击的方法会不会更好一点呢？思路一 最直接的思路可能就是点击按钮后，按钮的事件绑定函数解绑，1s后重新绑定函数<button id="btn">0</button><script>btn.onclick...

js removeChild 方法深入理解

2017-02-06 19
1. 概述删除后的节点虽然不在文档树中了，但其实它还在内存中，可以随时再次被添加到别的位置。当你遍历一个父节点的子节点并进行删除操作时，要注意，children属性是一个只读属性，并且它在子节点变化时会实时更新// 拿到待删除节点:var self = document.getElementById（"to-be-removed"）;// 拿到父节点:var parent = self.parentElement;// 删除:var removed = p...

js 上传文件预览的简单实例

2017-02-06 19
1. FILE APIhtml5提供了FIle和FileReader两个方法，可以读取文件信息并读取文件。2. example<html><body><div id="test-image-preview" style="border: 1px solid rgb（204, 204, 204）; width: 100%; height: 200px; background-size: contain; background-r...

js 创建对象 经典模式全面了解

2017-02-06 18
1. 概述通过构造函数创建对象， 有时忘记了写new， 这时函数就会返回undefined可以创建一个函数createXXX， 在内部封装new。function Student（props）{this.name = props.name || "匿名";this.grade = props.grade || 1;}Student.prototype.hello = function（）{alert（"Hello, "+ this.name + "！"）;...

深入理解js generator数据类型

2017-02-06 20
1. 概述generator 是ES6引入的新的数据类型， 看上去像一个函数，除了使用return返回， yield可以返回多次。generator 由function* 定义, （注意*号）,2. 例子函数无法保存状态， 有时需要全局变量来保存数字；2.1"use strict";function next_id（）{var id = 1;while（id<100）{ yield id; id++;}return id;}// 测试:varx,pa...

JavaScript实战之菜单特效

2017-02-06 18
本文将持续添加我自己用原生JS写的各种菜单特效，虽然网上一搜一大堆，但我还是喜欢自己来写一写！这是上一篇：JavaScript实战（带收放动画效果的导航菜单）下面是经过优化后的完整代码，优化了CSS样式、简化事件函数、减少HTML层级，删了至少20行以上的冗余代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...

js 自带的sort（） 方法全面了解

2017-02-06 18
1. 方法概述Array的sort（）方法默认把所有元素先转换为String再根据Unicode排序，sort（）会改变原数组，并返回改变（排序）后的数组 。2. 例子2.1 如果没有提供自定义的方法， 数组元素会被转换成字符串，并返回字符串在Unicode编码下的顺序比较结果var fruit = ["cherries", "apples", "bananas"];fruit.sort（）; // ["apples", "bananas", "cher...

JavaScript实战之带收放动画效果的导航菜单

2017-02-06 15
虽然有很多插件可用，但为了共同提高，我做了一系列JavaScript实战系列的实例，分享给大家，前辈们若有好的建议，请务必指出，免得误人子弟啊！今天是第一战：带收放动画效果的菜单，效果如下图：（样式有点丑（-^-））（ 由于在写本文时，用的编辑器不同，暂时添加不了演示效果，这里有：最终完整代码和演示 ）动画效果：鼠标hover改变所有目标的背景和字体颜色，鼠标移动到‘首页导航"，显示下面的分组菜单，分组菜单有子菜单，点击可缩放，带动画过度效果！而且，可以随...

js 自带的 map（） 方法全面了解

2017-02-06 18
1. 方法概述map（） 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。2. 例子2.1 在字符串中使用map在一个 String 上使用 map 方法获取字符串中每个字符所对应的 ASCII 码组成的数组：var map = Array.prototype.mapvar a = map.call（"Hello World", function（x） { return x.charCodeAt（0）; }）// a的值为[72, ...

jQuery3.0中的buildFragment私有函数详解

2017-02-06 17
时隔 3 个月，jQuery 团队终于发布了 3.0 Alpha 版本。有两个版本 jQuery compat 3.0 和 jQuery 3.0。jQuery compat 3.0 对应之前的 1.x， 兼容更多的浏览器，对于IE支持到 8.0 版本jQuery 3.0 对应之前的 2.x，关注更新的浏览器，对于IE支持到 9.0 版本此外， 3.0还增加了对 Yandex 浏览器的支持，一款来自俄罗斯的浏览器。下面看下jQuery3.0中的buildFr...

jQuery EasyUI Tab 选项卡问题小结

2017-02-06 19
需要解决的问题：比如说 我先把行政区域的页面打开之后，我又把产品类型管理的页面打开，之后我再产品类型管理里添加了一条数据，当我点击横着的行政区域选项卡时，我需要使用到产品类型管理岗添加的数据，但是在行政区域里不存在那条数据。我就想让这条数据显示出来，所以我就想当我点击横着的选项卡的时候，我就想让刷新一下页面。这时那条数据就会显示出来。主要是我完全不知道我点击横着的选项卡触发的事件。代码如下：html选项卡<div data-options="regi...

浅谈JS继承_寄生式继承 & 寄生组合式继承

2017-02-06 20
5.寄生式继承与寄生构造函数和工厂模式类似，创建一个仅用于封装继承过程的函数，该函数在内部以某种方式来增强对象，最后返回对象。function createAnother（original）{ var clone = Object.create（original）; //通过调用函数创建一个新对象 clone.sayHi = function（）{//以某种方式来增强这个对象alert（"Hi"）; };return clone;//返回这个对象}var ...

JS读写CSS样式的方法汇总

2017-02-06 21
为了日后方便查询，本人翻阅了一些资料总结了以下方法，仅限原生JS，如有不对的地方欢迎指出！只求大家看完觉得有学到点什么就OK了！一、可以通过DOM节点对象的style对象（即CSSStyleDeclaration对象）来读写文档元素的CSS样式如：var elm = document.getElementById（"test"）; elm.style.color = "black";二、通过Element对象的getAttribute（）、setAttri...

浅谈JS继承_借用构造函数 & 组合式继承

2017-02-06 20
2.借用构造函数为解决原型中包含引用类型值所带来的问题， 我们使用一种叫做 借用构造函数（constructor stealing）的技术（又叫伪造对象或经典继承）。这种技术的基本思想：在子类构造函数内部调用超类型构造函数。通过使用apply（）和call（）方法可以在新创建的子类对象上执行构造函数。function SuperType（）{this.colors = ["red", "blue", "green"];}function SubType（）...

json与jsonp知识小结（推荐）

2017-02-06 19
json1. json 的值可以是下面这些类型：① 数字（整数或浮点数），比如123，1.23② 字符串（在双引号中）③ 逻辑值（true 或 false）④ 数组（在方括号中）⑤ 对象（在花括号中）⑥ null2. json解析方法① eval（"（" + jsondata + "）" ）; 使用时永远是不安全的，代码注入② JSON.parse（jsondata）;JSONLint json：字符串校验工具3. jQuery 实现ajaxjQuery....
<< 141 142 143 144 145 146 147 148 149 150 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图