js
文章平均质量分 55
山鹰的天空
追求漂亮的技术,让用户有最好的体验。
展开
-
js原型继承
继承是OO语言中一个重要的特性和概念。许多的OO语言中都支持两种继承方式:接口继承和实现继承。ECMAScript只支持实现继承,其实现继承主要是靠原型链来实现。在PHP语言中,是使用extend来实现继承。那么我们就先来讲讲原型链。原型链的基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。简单回顾下构造函数、原型和实例的关系:每个构造函数都有一个原型转载 2015-06-02 11:07:36 · 525 阅读 · 0 评论 -
node.js
首先下载安装,非常简单,从http://nodejs.org下载。如果想自己编译,参考这里:如果是windows,直接运行node.js,会打开一个窗口,键入:console.log("Hello World");会看到结果。用编辑器编辑一个hello.js文本文件,输入:console.log("Hello World");存盘退出,cmd到windows转载 2015-06-02 11:46:08 · 414 阅读 · 0 评论 -
javascript深入理解js闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999;转载 2015-06-02 11:06:47 · 327 阅读 · 0 评论 -
node.js2
模块系统 在NodeJs中,系统之间通过模块引用,模块是一种组件模块,使用模块能够最大化松耦合,引用模块的方法如下:var hello = require('./hello');hello.world();这是引用当前目录下的hello.js文件。其内容如下:exports.world = function() { console.log('Hello Wo转载 2015-06-02 11:46:50 · 428 阅读 · 0 评论 -
关于闭包的理解
这两天在苦苦钻研闭包,因为之前对闭包的接触并不多,于是大量在网上找资料。怕遗忘,登录博客,记录下来。什么是闭包,记得刚学习JS的时候,说闭包就是外部调用内部函数的变量。楼主当时比较浮躁,就以为是个很简单的东西,也就没有深究,但是随着,写的代码多了,感觉闭包真的非常有用。到目前为止,用的最后就是匿名函数自调用。首先看我的两个案例,作用域和执行顺序。[javas原创 2015-06-23 09:28:47 · 579 阅读 · 0 评论 -
Javascript教程:AngularJS的五个超酷特性
AngularJS是一个超棒的javascript框架,不单单对于开发人员来说非常有吸引力,对于UI设计师来说也同样出色。在这篇教程中,我们将简单的介绍AngularJS几个重量级必备特性,并且介绍它如何能够让你的web应用更加强大!AugularJS简单介绍AngularJS是一个新出现的强大客户端技术,提供给大家的一种开发强大应用的方式。这种方式利用并且扩展HTML,CSS转载 2015-06-04 10:47:21 · 526 阅读 · 0 评论 -
Gulp:新一代前端构建利器
1、什么是Gulpgulp.js 是一种基于流的,代码优于配置的新一代构建工具。Gulp 和 Grunt 类似。但相比于 Grunt 的频繁的 IO 操作,Gulp 的流操作,能更快地完成构建。2、Gulp特性使用方便通过代码优于配置的策略,Gulp可以让简单的任务简单,复杂的任务更可管理。构建快速通过流式操作,减少频繁的 IO 操作转载 2015-06-04 15:23:46 · 455 阅读 · 0 评论 -
Browserify
Browserify 可以让你使用类似于 node 的 require() 的方式来组织浏览器端的 Javascript 代码,通过预编译让前端 Javascript 可以直接使用 Node NPM 安装的一些库。安装:npm install -g browserify示例这是 main.js 的内容,像普通的 nodejs 程序那样使用 require() 加载库和文转载 2015-06-04 15:31:43 · 536 阅读 · 0 评论 -
【grunt整合版】30分钟学会使用grunt打包前端代码
grunt是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:① 压缩文件② 合并文件③ 简单语法检查对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩、合并文件,初学,有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的,所以首先各位需要安装nodeJS环境,这块我们便不管了http://www转载 2015-06-04 15:27:50 · 601 阅读 · 0 评论 -
JSON初体验
JSON初体验什么是JSON?JSON 即 JavaScript Object Natation,它是一种轻量级的数据交换格式,非常适合于服务器与 JavaScript 的交互,比xml更轻量级。json本身利用了js中面向对象的形式。对象可以打点访问。用途:原来写ajax,要从服务器后台得到返回值,如果利用ajax.dll可以返回一个dt;但用jquery不能得到一个dt,要转载 2015-06-09 14:52:57 · 488 阅读 · 0 评论 -
ionic开发插件之ngCordova配置安装
ngCordova是什么开始学ionic的时候就嫌弃ionic做不了与手机硬件紧密结合的APP,今天无意中看到了另外一个项目ngCordova,福音啊。神马拍照啊,文件上传啊,地理位置啊,借助ngCordova插件都可以实现。ngCordova是结合cordova和angular包装了许多插件,诸如访问文件,摄像头,GPS等等,这些插件只需要简单配置就可以在ionic中使用。教程索原创 2015-07-29 13:46:07 · 1156 阅读 · 0 评论 -
js显示json数据
json文件是一种轻量级的数据交互格式。一般在jquery中使用getJSON()方法读取。 复制代码 代码如下:$.getJSON(url,[data],[callback]) url:加载的页面地址 data: 可选项,发送到服务器的数据,格式是key/value callback:可选项,加载成功后执行的回调函数 1.首先建一个JSON格式的文件useri原创 2015-07-16 11:38:26 · 2761 阅读 · 0 评论 -
js keycode 事件响应
function keyevent(){ if(event.keyCode==13) alert("你按了回车键"); } document.onkeydown = keyevent;当用户按回车键时,就会执行keyevent()这个函数。可以做回车提交表单,或其它的事件!另搜集了一些资料,供网友参考我书上都没写的原创 2015-08-27 09:55:48 · 566 阅读 · 0 评论 -
javascript中window.document的属性、方法和事件的总结
javascript中window.document的属性、方法和事件的总结,有需要的朋友可参考一下本文章。 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 Definition 以DTD或XML模式给出的节点的定义(只读) Doctype 指定文档类型节点(只读)原创 2015-08-31 11:43:07 · 1219 阅读 · 0 评论 -
百度地图API - 行车路线 轨迹
驾车途经点 var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 13); map.addControl(new BMap.NavigationControl());原创 2015-08-04 13:40:04 · 1801 阅读 · 0 评论 -
js调android的代码
XML/HTML code?1234567 body> a onClick="windo原创 2015-09-10 11:09:36 · 620 阅读 · 0 评论 -
table中的check列遍历
思路:遍历被选中的checkbox对象→根据选中项筛选出需要删除的行→删除行。实例说明如下:1、HTML结构 123 456 789 1011122、jquery代码$(function(){ $("input[type='button']").click(function() { $("input[name='test']:checked").each(fun原创 2015-09-30 09:52:28 · 2228 阅读 · 0 评论 -
Div的换行样式
无标题文档 .bg{ margin-left:40px; width:200px; clear:both; } .g{ margin:0 5px 0 0;width:auto;list-style:none;float:left;} a b c d原创 2015-09-15 20:29:56 · 678 阅读 · 0 评论 -
js+css制作悬浮提示层弹出特效
站长特效 js+css制作动画效果悬浮提示层 站长特效网 body,ul,li{margin:0;padding:0;} body{background:#cecccc;text-align:center;} a{font-size:14px;font-weight:bold;text-decoration:none;} a:hover{text-decorat原创 2015-10-18 21:02:56 · 3098 阅读 · 0 评论 -
js复制到剪切板
"text/javascript"language="javascript"> //复制到剪切板js代码 functioncopyToClipBoard(s) { //alert(s); if(window.clipboardData) { window.clipb原创 2015-11-03 11:13:02 · 451 阅读 · 0 评论 -
javascript可以轻松操作客户端剪贴板内容,不过只适用IE5以上浏览器。
javascript可以轻松操作客户端剪贴板内容,不过只适用IE5以上浏览器。javascript可以使用window.clipboardData对象处理剪贴板内容。保存到剪贴板的方法setData(param1, param2)。param1 :数据类型 text 或 URL等。param2 :数据内容。从剪贴板读出数据的方法 getdata(param1) 清空数据的方原创 2015-11-03 11:33:19 · 458 阅读 · 0 评论 -
js制作鼠标移动提示层
script type="text/javascript"> function window.onload(){ var tip=document.createElement("DIV") tip.id="oTip" with(tip.style) { position="absolute" border原创 2015-10-18 21:18:55 · 521 阅读 · 0 评论 -
IE11兼容性问题
js传值的时候,需要转码encodeURIComponent()$.ajax(post)方式原创 2015-11-05 12:39:21 · 672 阅读 · 0 评论 -
用js保存页面指定内容
用js保存页面指定内容 转自: http://rorchina.iteye.com/blog/184425 Html代码 script language=javascript> function Save(){ var txt = document.all.output.value; b = window.open();转载 2015-10-23 11:06:29 · 697 阅读 · 0 评论 -
js表单验证
1. 长度限制 function test() { if(document.a.b.value.length>50) { alert("不能超过50个字符!"); document.a.b.focus(); return false; } } 2. 只能是汉字 3." 只能是英文 functio原创 2015-09-19 17:26:50 · 519 阅读 · 0 评论 -
表单验证
无标题文档 function shw() {var s= window.document.getElementById("hh").value;//alert(s);if(s=="0"){alert('ok'+s);return true;}else{alert('faile');return false;原创 2015-09-19 21:58:26 · 458 阅读 · 0 评论 -
c#后台调用脚本
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "", "$.dialog({content:'hello world!zzz'});", true);原创 2015-10-24 10:53:40 · 783 阅读 · 0 评论 -
画段弧线
6、function DrawArc(Canvas,O,Radius,startAngle, endAngle, anticlockwise)功能:画段弧线参数:startAngle:起始角度; endAngle:终止角度;anticlockwise:是否按照逆时针方向画弧;源代码:function DrawArc(Canvas,O,Radius,startAn原创 2015-10-12 13:16:07 · 758 阅读 · 0 评论 -
js二维数组
方法一:直接定义并且初始化,这种遇到数量少的情况可以用var _TheArray = [["0-1","0-2"],["1-1","1-2"],["2-1","2-2"]] 方法二:未知长度的二维数组var tArray = new Array(); //先声明一维for(var k=0;k tArray[k]=new Array();原创 2015-10-13 15:08:44 · 2278 阅读 · 0 评论 -
listbox
无标题文档 function sl() { var s = document.getElementById("bca").value; alert(s); } 111111 222222 333333原创 2015-10-28 20:28:42 · 487 阅读 · 0 评论 -
listbox
111111 222222 333333原创 2015-10-28 19:42:18 · 453 阅读 · 0 评论 -
jquery.pagination.js分页
这一款js分页使用起来很爽,自己经常用,做项目时总是要翻以前的项目看,不方便,这里就把他写出来方便自己以后粘帖,也希望能分享给大家。友情提示下:我有一片博客是用着个js实现的无刷新分页也很好用(这篇写的不是无刷新分页),链接地址为:无刷新分页 jquery.pagination.js参数说明参数名描述参数值maxent原创 2015-11-21 09:48:50 · 808 阅读 · 0 评论 -
js正则表达式
手机号码的验证(13开头和158,159开头,共11位) var re; var ss=document.getElementById('textbox3').value; re= /^(13[0-9]{9})|(15[89][0-9]{8})$/ if(re.test(ss)) {原创 2015-11-02 10:17:47 · 336 阅读 · 0 评论 -
js加减
可以使用显示转换函数如:parseFloat()和parseInt()函数。原创 2015-11-24 12:04:19 · 589 阅读 · 0 评论 -
js复制到剪切板
function copy_code(copyText) { if (window.clipboardData) { window.clipboardData.setData("Text", copyText) } else { var f原创 2015-11-03 10:35:58 · 455 阅读 · 0 评论 -
JS实现的全选/全不选功能按钮
复选框全选、全不选和反选 www.pigzz.com 站长学院 function checkAll() { for (var j = 1; j box = eval("document.checkboxform.C" + j); if (box.checked == false) box.checked = true; }原创 2015-11-19 14:53:38 · 941 阅读 · 0 评论 -
固定在网页最顶端的文字图片框广告特效,可关闭
网页顶部文字/图片广告特效 站长学院 www.pigzz.com body { margin: 0px;padding: 0px;text-align: center;} TD {FONT-SIZE: 12px; COLOR: #333;} #toubiao {BORDER-BOTTOM: #e2e2e2 1px solid;} --原创 2015-11-19 15:28:43 · 2081 阅读 · 0 评论 -
js浮动层的控制
(function () { var resizeContentWrapper = function () { console.group('resizing'); var target = { content: $('#resizeme') }; //re原创 2015-11-02 16:36:19 · 738 阅读 · 0 评论 -
只用CSS3即可实现的动画,阴影效果的表单提示框
CSS3 Form 提示 制作学院 www.pigzz.com form { margin: 20px 0 18px; } fieldset { padding: 0; margin: 0; border: 0; } label, input, button{ fon原创 2015-11-19 14:59:29 · 1150 阅读 · 0 评论 -
JS实现在文本框输入时自动弹出相关内容提示
简单的模拟类似新浪微博搜索框的效果 站长学院 www.pigzz.com * { padding:0; margin:0;} body { font-size:14px; } #box { width:600px; margin:40px auto;} #in { width:240px; height:24px; line-height:24原创 2015-11-19 15:02:01 · 3722 阅读 · 0 评论