Javascript
絮飘
每天进步一点点!
展开
-
JavaScript数据结构深度剖析
JavaScript以其强大灵活的特点,被广泛运用于各种类型的网站上。一直以来都没怎么好好学JS,只是略懂皮毛,看这篇文章时有读《PHP圣经》的感觉,作者深入浅出、生动形象地用各种实例给我们分析了JavaScript的数据结构,让人有一种豁然开朗的感觉。全文如下:编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。转载 2015-07-09 16:27:27 · 815 阅读 · 0 评论 -
JSON资料整理
1.什么是JSON JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易转载 2014-03-07 09:28:09 · 694 阅读 · 0 评论 -
js获取服务端时间
var xmlHttp = false; //获取服务器时间 try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp = new ActiveXObjec原创 2014-03-06 15:33:31 · 809 阅读 · 0 评论 -
Js操作Select大全
判断select选项中 是否存在Value="paraValue"的Item 向select选项中 加入一个Item 从select选项中 删除一个Item 删除select中选中的项 修改select选项中 value="paraValue"的text为"paraText" 设置select中text="paraText"的第一个Item为选中 设置select中valu翻译 2014-02-19 14:51:09 · 692 阅读 · 0 评论 -
为什么 ["1", "2", "3"].map(parseInt) 返回 [1,NaN,NaN]?
在 javascript 中 ["1", "2", "3"].map(parseInt) 为何返回不是 [1,2,3] 却是 [1,NaN,NaN]?我们首先回顾一下 parseInt() 个 map() 两个函数的用法:parseInt() 函数定义和用法parseInt() 函数可解析一个字符串,并返回一个整数。语法转载 2014-02-19 09:15:29 · 809 阅读 · 0 评论 -
JavaScript专业八级测试,你能做对几道?
注* 本文翻译自JavaScript Puzzlers! do you really know JavaScript? (JavaScript迷题!你真的懂JavaScript吗?) 。本文考察了很多JavaScript中生僻冷门用法和许多容易忽视混淆的概念,据多名Hacker News网友回复,做第二遍依然无法全部答对,jser专家们可以尝试一下。 ["1", "转载 2014-02-19 09:09:04 · 1429 阅读 · 0 评论 -
JavaScript专业八级测试,答案
JavaScript专业八级测试,你能做对几道?原创 2014-02-19 10:27:57 · 969 阅读 · 0 评论 -
js浏览器兼容问题总结及解决办法
javascript部分1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法:改用 document.formName.elements["elementName"]2. 集合类对象问题问题:代码中许多集合类对象取用时使用(),IE能接受,转载 2014-02-19 10:44:03 · 11516 阅读 · 0 评论 -
JavaScript面试时候的坑洼沟洄——逗号、冒号与括号
看完了javaScript数据类型和表达式与运算符相关知识后以为可以对JavaScript笔试题牛刀小试一把了,没想到有一次次的死在逗号,冒号和括号上,不得已再看看这几个符号吧。逗号逗号我们常见的用法就是在连续声明一些变量的时候,可以少些很多var123var a=1, b=2,转载 2014-01-27 15:35:28 · 1305 阅读 · 0 评论 -
原生javascript-无间缝滚动,封装
目前支持的是竖向与横向滚动http://lgyweb.com/marScroll/现在分析下无间缝实现的基本思路(竖向例子):HTML结构:1 div id="marScroll">2 ul>3 li>01li>4 li>02li>5 li>03li>6转载 2014-01-27 15:30:12 · 788 阅读 · 0 评论 -
16 款加速编码的 HTML5 在线工具
HTML5 是在开发者和设计者之间最流行的语言之一,提供了大量的功能来帮助开发者们快速的设计 web 应用。HTML5 有很多特性,例如支持现代化的浏览器(比如:Firefox 6,Google Chrome,IE9 等等),结构特定标签,可视化元素:圆角内置,内部拖拽,新的视频,音频和 canvas 元素等。这篇文章主要是推荐了 16 款 在线 HTML5 工具来帮助用户们简化构建转载 2014-01-27 16:02:24 · 970 阅读 · 0 评论 -
浏览器 CSS & JS Hack 手册
浏览器渲染页面的方式各不相同,甚至同一浏览器的不同版本(“杰出代表”是 IE)也有差异。因此,浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册,那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack,记得推荐和分享啊!IE 选择器 Hack1转载 2014-01-27 15:37:08 · 793 阅读 · 0 评论 -
js倒计时
倒计时 天 时 分 秒 setTimeout("show_time()",1000);var time_wrap = document.getElementById("times_wrap");原创 2014-03-06 10:37:45 · 734 阅读 · 0 评论 -
Javascript单元测试框架比较Qunit VS Jasmine
http://www.monring.com/front_end/qunit-jasmine-unit-test.html工欲行其事必先利其器,好的单元测试框架是TDD成功的一半。Javascript优秀的测试框架很多, 包括Jasmine,Qunit,JsTestDriver,JSUnit,Mocha等,当然你也可以写自己的单元测试框架,本文主角是Jasmine和Quni转载 2014-03-13 10:09:03 · 966 阅读 · 0 评论 -
JavaScript中两个感叹号的作用
var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false; alert(test); 由于对null与undefined用!操作符时都会产生true的结果,所以用两个感叹号的作用就在于,如果明确设置了o中flag的值(非null/undefined/0""/等值),自然test就会取跟o.flag一样的值;如果原创 2015-01-13 11:40:42 · 969 阅读 · 0 评论 -
js面向对象学习
JavaScript面向对象十六、为每个对象动态添加属性或方法功能:返回对象类型原型的引用 prototype的使用 格式:class.prototype场景:比如说:A写了一个类,交给B,B在使用时发现A写的类的功能有所欠缺,但是B没有权力改写A的文件,这时该怎么办?Function Person(name1,age1){This.翻译 2014-09-15 11:46:46 · 880 阅读 · 0 评论 -
JS面向对象编程之对象
在AJAX兴起以前,很多人写JS可以说都是毫无章法可言的,基本上是想到什么就写什么,就是一个接一个的函数function,遇到重复的还得copy,如果一不小心函数重名了,还真不知道从何开始查找错误,因为大家总是用面向过程的编程思想来写JS代码,而且也由于网络上充斥了太多小“巧”的JS代码段,很多都是随意而为,很不规范,这也就造成了大家对JS的“误解”,一味的认为它就是一个辅助的小东东,而不适合做大转载 2014-09-15 10:03:21 · 604 阅读 · 0 评论 -
UEditor学习
UEditor 介绍UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。1 入门部署和体验1.1 下载编辑器到官网下载 UEditor 最新版:[官网地址]1.2 创建demo文件解压下载的包,在解压后的目录创建 demo.html 文件,转载 2014-08-14 10:52:50 · 1293 阅读 · 0 评论 -
十款最新的JavaScript开发工具
JavaScript 自推出后就大受开发者的青睐,基于 JavaScript 的开发工具不计其数,开发者们可以灵活选择,轻松构建应用。本文分享了十款最新的 JavaScript 开发工具,喜欢的话就赶紧 mark! 1. Kreate 这款工具有助于对 jQuery 对象快速生成 DOM。你可以创建单个或多个元素。 2. Night Watch js转载 2014-07-26 16:24:03 · 2076 阅读 · 0 评论 -
收集js面试题
腾讯面试题:原创 2014-07-16 16:18:42 · 2029 阅读 · 0 评论 -
JS面向对象编程学习
学习目标:1、掌握JS中的类(原型对象)和对象。2、什么是成员变量和成员方法。3、掌握构造方法的使用。补充:关于双等号(==):1、如果等号两边都是字符串时,则比较内容是否相等2、如果等号两边是数字时,则比较数值大小是否相等3、如果等号两边是对象或者对象的函数,则比较地址是否相等(即判断两者是否引用的同一对象) function Person(){翻译 2014-07-15 09:27:57 · 516 阅读 · 0 评论 -
this.Page.ClientScript.RegisterStartupScript导致页面停顿,样式中的背景图片显示不全
this.Page.ClientScript.RegisterStartupScript(this.GetType(), "ss", " document.body.onload=sload;function sload(){ location.href= '" + A1.HRef + "';}", true);在项目中加“ document.body.onload=sload;”o原创 2014-05-20 15:59:29 · 1772 阅读 · 0 评论 -
Javascript原生态
1、原生JavaScript实现字符串长度截取?1234567891011121314151617181920function cutstr(str, len) { var temp; var icount =0; var patr原创 2014-03-27 09:05:43 · 1268 阅读 · 0 评论 -
JS 保留小数点后面2位小数
JS 保留小数点后面2位小数1. 最笨的办法....... [我就怎么干的.........]function get(){ var s = 22.127456 + ""; var str = s.substring(0,s.indexOf(".") + 3); alert(str);}2. 正则表达式效果不错onload = fu转载 2014-04-01 15:56:07 · 766 阅读 · 0 评论 -
开发者不容错过的10款免费JavaScript游戏引擎
使用HTML5、JavaScript可以帮助开发者开发出各种与众不同的游戏及游戏特效,比如3D动画、Canvas等。本文介绍10款被广泛使用的基于HTML5的JavaScript游戏引擎。在Github上,JavaScript逐渐成为人们最喜爱的编程语言,而随着HTML5的发展与流行,有些开发者把这两种技术结合在一起,开发了各种各样的游戏引擎,开发者利用这些引擎可以开发出许多非凡的游戏转载 2014-03-20 09:13:31 · 1518 阅读 · 0 评论 -
开源JavaScript库
JavaScipt几乎是所有前端开发人员必会的编程语言,并且,随着各种移动APP的串红,JavaScript还可以用来开发移动应用。除此以外,为了丰富前端/移动开发,有不少开发者推出了各种基于JavaScript的库,这些几乎能实现任何你需要的功能,并且有些库可以用来开发某些特定的功能,非常强大。本文推荐了12款开源的JavaScript库,这些库可以帮助大家快速开发各种前端/移动应用,一转载 2014-01-27 09:30:54 · 801 阅读 · 0 评论 -
研发周报:精简代码,为网站减负的十大建议
摘要:上周精彩文章有:精简代码,为网站减负的十大建议、全栈工程师会是未来的发展趋势吗?2013年软件领域因缺陷导致的五大事件、前端开发必备 40款优秀CSS代码编写工具推荐等。春节“码”上就到了,这将是年前的最后一篇研发周报,感谢大家一直以来的支持与阅读。在此,提前祝大家“码”年吉祥、“码”到成功!在上一周中,“全栈程序员”几乎成了微博上的热门话题。研发频道的“全栈工程师会转载 2014-01-27 09:28:53 · 1023 阅读 · 0 评论 -
window窗体对象open()和showModalDialog()用法
open打开的新窗口标题栏上可以看到最小化最大化按钮,而showModalDialog默认是没有的,只有一个小叉叉注意:showModalDialo打开的页面中的链接及表单的打开方式全部是新窗口打开,如果要在本窗口打开需在head标记中加上<base target="_self" />代码。pen形式是直接打开一个子窗口,但在ie7以及ie8上都不会直接弹出一个窗口,而是在新标签页原创 2011-12-16 16:12:15 · 1710 阅读 · 0 评论 -
伸缩式QQ在线客服代码
伸缩式QQ在线客服代码 href="dip.css" type=text/css rel=stylesheet> a:link { color: #FFFFFF; text-decoration: none; } a:visited { text-decoration: none; color: #FFFF00; } a:hover { t原创 2011-12-13 15:28:36 · 1846 阅读 · 0 评论 -
QQ在线客服代码,飘浮在右侧的QQ客服js特效演示
QQ在线客服代码,飘浮在右侧的QQ客服js特效演示 function picsize(obj,MaxWidth){ img=new Image(); img.src=obj.src; if (img.width>MaxWidth) { return MaxWidth; } else { return im原创 2011-12-13 15:22:57 · 1834 阅读 · 0 评论 -
QQ在线咨询漂浮广告代码
QQ在线咨询漂浮广告代码 href="dip.css" type=text/css rel=stylesheet> a:link { color: #000000; text-decoration: none; } a:visited { text-decoration: none; color: #000000; } a:hover {原创 2011-12-13 15:29:15 · 3052 阅读 · 0 评论 -
即时QQ在线代码
代码: 代码说明: 中的红色部分换成你的qq号码 中的 p=11:你的QQ号码:11 中的数字11代表状态条样式11,您可以对照下面的样式表,在1至13中进行选择。qq号码也要写成你自己的qq号。 下面请大家选择QQ样式!只需要填写数字即可! 也许有人还是看的稀里糊涂的,我给大家一个范例吧! 比如我博客添加的代码原创 2011-12-13 15:31:17 · 1115 阅读 · 0 评论 -
Javascript加入收藏夹代码
Javascript加入收藏夹代码,这个js代码支持firefox浏览器很是难得,支持Firefox的加入收藏夹JS代码。具体信息你可以这么写:点击即可把你的网站添加到浏览器的收藏菜单下加入收藏夹将xxx网站加入收藏夹收藏本网站留下网站怎么写才能让别人加入收藏夹,就要看你的本事了function addfavorite(){if原创 2011-12-20 09:53:13 · 1334 阅读 · 0 评论 -
用javascript实现的TreeTable, 可以当做树(Tree)用
这个TreeTable,如果只有一列的话,就是常用的Tree控件了 这是我写的TreeTable.js文件 Javascript代码 var _treeTableIcons = {}; // 树结点是否有竖线,因为如果有竖线的话,行高过高,线就不能连在一起,很难看,最好像windows的资源管理器一样,不要添加结点之间的连线。默认也是不添加连线的 var原创 2011-11-09 13:45:29 · 4023 阅读 · 0 评论 -
Javascript实现的页面日历
CSS代码: *{ margin:0; padding:0; font:10px tahoma; } #calender{ text-align:center; width:147px; font-size:10px; /*color: #27B0C1;*/ margin:12px 0 12px 6px; border-top:1px soli原创 2011-11-10 15:40:01 · 605 阅读 · 0 评论 -
js中prototype用法
prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法,而且特殊的地方便在于:它是一个给类的对象添加方法的方法!这一点可能听起来会有点乱,别急,下面我便通过实例对这一特殊的方法作已下讲解: 首先,我们要先了解一下类的概念,JavaScript 本身是一种面向对象的语言,它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括:数组变量(Ar原创 2011-11-24 14:03:33 · 525 阅读 · 0 评论 -
js的树形结构怎么实现
var treeDate = new Array();var selectedUser = "";//数据类型:0节点ID,1所在层次,2父节点,3是否有子节点,4节点内容ID,5节点显示内容,6类型(1为部门,2为用户组,3为用户)(根节点id为0,层次为0) treeDate[0] = new Array(1,1,0,1,'dept1','部门1原创 2011-11-17 18:54:41 · 1360 阅读 · 0 评论 -
20个优秀的Javascript导航菜单实现技巧及实例
javascript能实现丰富的导航效果,使用Javascript可以使你的网站更加具有趣味性,能使得用户体验更好以及更加具有视觉性。这里推 荐20个优秀的Javascript导航技术及实例(20 Excellent JavaScript Navigation Techniques and Examples),了解如何使用Javascript制作交互性强体验好的导航菜单,并深入了解各种导航的实现原翻译 2011-10-23 09:23:22 · 2973 阅读 · 0 评论 -
window.showModalDialog和window.open关闭子页面时刷新父页面
父窗体打开页面的javascriptfunction GoToPage(id) { var title="title"; var url="xxxxx.aspx?ID="+id+"&Radom="+Math.random();; var Width="700";原创 2011-12-16 18:20:07 · 645 阅读 · 0 评论 -
DIV浮动窗口代码
随滚动条移动的层 - www.chinaz.com .div{ position: absolute; border: 2px solid red; background-color: #EFEFEF; line-height:90px; font-size:12px; z-index:1000; } -->原创 2012-04-27 17:38:54 · 2372 阅读 · 1 评论