![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JAVASCRIPT
文章平均质量分 93
weistar103
这个作者很懒,什么都没留下…
展开
-
你真的了解“栈”吗?
堆栈(stack)又称为栈或堆叠,是计算机科学里最重要且最基础的数据结构之一,它按照FILO(First In Last Out,后进先出)的原则存储数据。栈一种遵从先进后出 (LIFO) 原则的有序集合;新添加的或待删除的元素都保存在栈的末尾,称作栈顶,另一端为栈底。在栈里,新元素都靠近栈顶,旧元素都接近栈底。栈的定义:栈是一个数据集合,可以理解为只能在一端进行插入或删除操作的列表。栈的特点:后进先出(last-in,first-out), 简称LIFO表。类似一摞书:imag.原创 2021-10-11 10:51:38 · 764 阅读 · 0 评论 -
关于查找中文文本的正则表达式
关于查找中文文本的正则表达式 .*[\u4e00-\u9fa5]+.* 简单说明:.表示任意字符,*表示重复0到无限次+表示重复1到无限次[ ]表示枚举[ ]中出现的字符\u表示unicode编码\u4e00-\u9fa5表示汉字所属的unicode代码段。。 使用:/.*[\u4e00-\u9fa5]+.*/.test($.trim($("#password")....原创 2013-12-23 16:54:22 · 827 阅读 · 0 评论 -
Javascript继承
Javascript继承 一直想对Javascript再次做一些总结,正好最近自己写了一个小型Js UI库,总结了一下Js的继承机制,在网上也看了一些前辈们博客里的总结,感觉分析不是特别全面。这里仅仅是把自己的学习体会拿出来分享一下,希望对大家学习Javascript有所帮助。 Javascript本身是从Perl语言的语法演变而来的,本质上是脚本语言,随着版本的更新逐渐加入的对面向对象的模...原创 2013-07-26 14:13:03 · 79 阅读 · 0 评论 -
可以直接拿来用的15个jQuery代码片段
文章源自:http://www.csdn.net/article/2013-07-16/2816238-15-jQuery-Code-Snippets-for-Developers可以直接拿来用的15个jQuery代码片段jQuery里提供了许多创建交互式网站的方法,在开发Web项目时,开发人员应该好好利用jQuery代码,它们不仅能给网站带来各种动画、特效,还会提高网站的用户体验。...原创 2013-07-17 16:06:40 · 113 阅读 · 0 评论 -
javascript夜间模式
javascript夜间模式代码:function sunMoon() { var styleElem = null, doc = document, ie = doc.all, fontColor = 50, sel = 'body,body *'; var styleElem = createCSS(sel, setSty...原创 2013-12-06 16:11:58 · 634 阅读 · 0 评论 -
JavaScript 的性能优化:加载和执行
文章源自:http://www.ibm.com/developerworks/cn/web/1308_caiys_jsload/index.htmlJavaScript 的性能优化:加载和执行概览无论当前 JavaScript 代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久,浏览器等待响应用户输入的时间就越长。浏览器...原创 2013-12-03 17:59:33 · 104 阅读 · 0 评论 -
如何忘却jQuery,开始使用JavaScript原生API
文章源自:http://blog.jobbole.com/52195/如何忘却jQuery,开始使用JavaScript原生APIJavaScript就在这里随时等候你的召唤,但是也许你还没有准备好如何使用他。为什么不用jQuery呢?因为他很慢并且你的网站真的不需要这些多余的负担。 我不是来这里争辩原生API和函数库的迥异,开发的时候很难不用到这些神奇的东东。但是我想讨论的是...原创 2013-11-29 14:07:27 · 77 阅读 · 0 评论 -
Javascript编程风格
Douglas Crockford 是 Javascript 权威,Json 格式就是他的发明。 去年 11 月他有一个演讲(Youtube),谈到了好的 Javascript 编程风格是什么。我非常推荐这个演讲,它不仅有助于学习 Javascript,而且能让你心情舒畅,因为 Crockford 讲得很幽默,时不时让听众会心一笑。 下面,我根据这个演讲...原创 2013-01-30 10:03:30 · 69 阅读 · 0 评论 -
jsonP简单使用
文章源自:http://blog.csdn.net/alen1985/article/details/6365394 介绍JSONP之前,先简单的介绍一些JSON。JSON是JavaScript Object Notation的缩写,是一种轻量的、可读的基于文本的数据交换开放标准。源于JavsScript编程语言中对简单数据结构和关联数组的展示功能。它是仅含有数据对和简单括号结构的纯...原创 2013-07-05 17:04:33 · 81 阅读 · 0 评论 -
javascript —— 位操作符应用
位运算:位运算符包括: 与(&)、非(~)、或(|)、异或(^)&:当两边操作数的位同时为1时,结果为1,否则为0。如1100&1010=1000 | :当两边操作数的位有一边为1时,结果为1,否则为0。如1100|1010=1110 ~:0变1,1变0 ^:两边的位不同时,结果为1,否则为0.如1100^1010=0110 位移...原创 2013-11-22 11:24:22 · 125 阅读 · 0 评论 -
详解 JavaScript 中的 this
文章源自:http://www.csdn.net/article/2013-05-08/2815182-javascript-this详解 JavaScript 中的 this其实如果完全掌握了this的工作原理,自然就不会走进这些坑。来看下以下这些情况中的this分别会指向什么:1.全局代码中的thisalert(x);// 全局变量x值为2 全局范围内的this将会指...原创 2013-06-28 11:12:21 · 74 阅读 · 0 评论 -
wbox源码简析
工作常要用到wbox,今天刚好用到,看看源码,其实很简单.(function($){ //class为.wBox_close为关闭 $.fn.wBox = function(options){ // 配置项 var defaults = { wBoxURL: "css/wbox/",// 改变loading...原创 2013-06-14 15:50:32 · 403 阅读 · 0 评论 -
不依赖浏览器控制台的JavaScript断点调试方法
文章源自:http://soft.chinabyte.com/database/326/12776826.shtml 随着浏览器的逐渐强大,绝大多数情况下的代码调试都是可以通过浏览器自带的一些调试工具进行解决。然而对于一些特殊情况仍然无法享受到浏览器的强大 调试能力,比如QQ客 户端内嵌web的调试(虽然说QQ目前已经可以编译开发者工具,但是仍需要安装指定文件包或工具)、非正常浏览器w...原创 2014-01-09 10:40:40 · 106 阅读 · 0 评论 -
超实用的JavaScript技巧及最佳实践
1.使用逻辑符号&&或者||进行条件判断var foo = 10; foo == 10 && doSomething(); // is the same thing as if (foo == 10) doSomething(); foo == 5 || doSomething(); // is the same thing as if (f...原创 2014-01-08 17:17:55 · 73 阅读 · 0 评论 -
JavaScript异步编程助手:Promise模式
文章源自:http://www.csdn.net/article/2013-08-12/2816527-JavaScript-PromiseJavaScript异步编程助手:Promise模式异步模式在Web编程中变得越来越重要,对于Web主流语言JavaScript来说,这种模式实现起来不是很利索,为此,许多 JavaScript库(比如 jQuery和Dojo、AngularJS)添...原创 2013-08-14 18:17:59 · 99 阅读 · 0 评论 -
JavaScript1.6数组新特性和JQuery的几个工具方法
JavaScript 1.6 引入了几个新的Array 方法,具体的介绍见:New in JavaScript 1.6 。这些方法已经被写进了ECMA262 V5。现代浏览器(IE9/Firefox/Safari/Chrome/Opera)都已经支持,但IE6/7/8不支持。jquery的工具方法中提供了类似的功能。 1、Array.forEach()和jquery的$().each()...原创 2014-10-24 15:02:19 · 88 阅读 · 0 评论 -
javascript arguments(转)
什么是argumentsarguments 是是JavaScript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的。所有主要的js函数库都利用了arguments对象。所以agruments对象对于javascript程序员来说是必需熟悉的。所有的函数都有属于自己的一个arguments对象,它包括了函所要调用的参数。他不是一个数组,如果用typeof argumen...原创 2015-10-21 17:59:44 · 103 阅读 · 0 评论 -
DIV模拟的自定义滚动条
除了上下两个箭头以外,滚动条和一般的浏览器基本差不多 html结构很简单,mainBox是外层div,content是内容,滚动条div是js动态生成的. <div id="mainBox"> <div id="content"></div> </div><!DOCTYPE html><原创 2013-11-01 11:02:19 · 501 阅读 · 0 评论 -
使用 RequireJS 优化 Web 应用前端
文章源自:http://www.ibm.com/developerworks/cn/web/1209_shiwei_requirejs/index.html AMD 简介前端开发在近一两年发展的非常快,JavaScript 作为主流的开发语言得到了前所未有的热捧。大量的前端框架出现了,这些框架都在尝试着解决一些前端开发中的共性问题,但是实现又不尽相同。在这个背景下,CommonJS...原创 2015-03-04 11:35:26 · 220 阅读 · 0 评论 -
轻松弄清JavaScript中的offset、scroll、client
文章源自:http://www.kankanews.com/ICkengine/archives/56316.shtml轻松弄清JavaScript中的offset、scroll、client初次见到这张图,觉得好乱额,所以下面我们来慢慢理顺这个东西。 一、理顺offset 在这里我们可以看到,关于offset共有5个东西需要弄清楚: 1、offsetParent...原创 2013-10-09 09:44:06 · 82 阅读 · 0 评论 -
JavaScript冒泡型/捕获型事件、阻止冒泡和默认行为
冒泡型事件的基本思想是、事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。<html> <head> <title></title> </head> <body onclick="theClick()"> &l原创 2015-02-25 15:59:10 · 180 阅读 · 0 评论 -
Javascript模块化编程(三):模块化编程实战,试用SeaJS
文章源自:http://www.diguage.com/archives/82.htmlJavascript模块化编程(三):模块化编程实战,试用SeaJS 前段时间转载了阮一峰老师的两篇讲解Javascript模块化编程的文章:“JavaScript模块化编程(一):模块原型和理论概念详解”,介绍了Javascript模块原型和理论概念;Javascript模块化编程(二)...原创 2014-03-12 15:51:52 · 95 阅读 · 0 评论 -
Javascript模块化编程(二):模块化编程实战
文章源自:http://www.diguage.com/archives/69.htmlJavascript模块化编程(二):模块化编程实战,require.js详解 上一篇文章“JavaScript模块化编程(一):模块原型和理论概念详解”,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。...原创 2014-03-12 15:15:58 · 87 阅读 · 0 评论 -
JavaScript模块化编程(一):模块原型和理论概念详解
文章源自:http://www.diguage.com/archives/70.html JavaScript模块化编程(一):模块原型和理论概念详解随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。 网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用软件工程的方法,管理网页的业务逻辑。 Ja...原创 2014-03-11 15:23:19 · 106 阅读 · 0 评论 -
sea.js教程
转载自:http://blog.codinglabs.org/articles/modularized-javascript-with-seajs.html前言SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaSc...原创 2014-03-06 16:08:51 · 142 阅读 · 0 评论 -
jquery.pagination.js分页插件的运用
插件官方地址:http://plugins.jquery.com/project/pagination插件js源码代码/** * This jQuery plugin displays pagination links inside the selected elements. * * @author Gabriel Birke (birke *at* d-s...原创 2013-06-13 17:00:31 · 126 阅读 · 0 评论 -
Lazy Load Image & WordPress Gravatar using JavaScript / JQuery
文章源自:http://viralpatel.net/blogs/lazy-load-image-wordpress-avatar-jquery/Lazy Load Image & WordPress Gravatar using JavaScript / JQueryLazy Image LoadingAfter doing all these changes still...原创 2013-06-19 18:06:02 · 98 阅读 · 0 评论 -
Create Simplest Accordion Menu using jQuery
文章源自:http://viralpatel.net/blogs/create-accordion-menu-jquery/Create Simplest Accordion Menu using jQueryLet us create a simple Accordion Menu using jQuery. Accordion Menu are the menu with some...原创 2013-05-27 17:22:14 · 78 阅读 · 0 评论 -
Default Text Label in Textbox using JavaScript/jQuery
文章源自:http://viralpatel.net/blogs/default-text-label-textbox-javascript-jquery/Default Text Label in Textbox using JavaScript/jQueryn one of my previous article about Change Form Textbox Style on...原创 2013-05-27 17:21:53 · 180 阅读 · 0 评论 -
Fantastic Bouncy Effect using jQuery/JavaScript
文章源自:http://viralpatel.net/blogs/jquery-bounce-effect-bounce-html-js/Fantastic Bouncy Effect using jQuery/JavaScriptOur Goal will be to create a HTML page that has 4 boxes (DIVs). Clicking each ...原创 2013-05-27 17:21:32 · 78 阅读 · 0 评论 -
Dynamically Add/Remove rows in HTML table using JavaScript
文章源自:http://viralpatel.net/blogs/dynamically-add-remove-rows-in-html-table-using-javascript/Dynamically Add/Remove rows in HTML table using JavaScriptA good web design involves the better user i...原创 2013-05-27 17:21:05 · 132 阅读 · 0 评论 -
Dynamically add button, textbox, input, radio elements in html form using JavaSc
文章源自:http://viralpatel.net/blogs/dynamic-add-textbox-input-button-radio-element-html-javascript/Dynamically add button, textbox, input, radio elements in html form using JavaScriptAdding Element...原创 2013-05-27 17:20:11 · 103 阅读 · 0 评论 -
How to:Set Maxlength of Textarea using jQuery/JavaScript
文章源自:http://viralpatel.net/blogs/set-maxlength-of-textarea-input-using-jquery-javascript/How to:Set Maxlength of Textarea using jQuery/JavaScriptUpdate: The maxlength plugin is now managed at Git...原创 2013-05-24 16:38:48 · 88 阅读 · 0 评论 -
Dynamic combobox-listbox-drop-down using javascript
文章源自:http://viralpatel.net/blogs/dynamic-combobox-listbox-drop-down-using-javascript/Dynamic combobox-listbox-drop-down using javascriptWant to populate dynamically combobox-listbox-drop-down us...原创 2013-05-24 16:35:03 · 105 阅读 · 0 评论 -
Creating orkut style status update div-textbox using jQuery
文章源自:http://viralpatel.net/blogs/creating-orkut-style-status-update-div-textbox-using-jquery/Creating orkut style status update div-textbox using jQueryYou must have seen orkut style status upda...原创 2013-05-24 16:28:51 · 98 阅读 · 0 评论 -
Setting opacity of html element using Javascript
文章源自:http://viralpatel.net/blogs/setting-opacity-of-html-element-using-javascript/Setting opacity of html element using JavascriptYou must have seen the blur effect of html elements like table, d...原创 2013-05-24 16:10:33 · 72 阅读 · 0 评论 -
21 JavaScript Tips and Tricks for JavaScript Developers
文章源自:http://viralpatel.net/blogs/javascript-tips-tricks/21 JavaScript Tips and Tricks for JavaScript DevelopersIf you are doing lot of JavaScript programming, you might find below list of code s...原创 2013-05-24 09:42:24 · 92 阅读 · 0 评论 -
JS1.8.5新增特性之Object.create
Object.createObject.create(proto [, propertiesObject ])通过指定的原型对象和属性创建一个新的对象.proto:原型对象propertiesObject:可选属性,也是可配置的,如下:var obj = Object.create({}, {'a':{'value': 1, 'writable': false, 'enum...原创 2012-12-06 11:23:46 · 98 阅读 · 0 评论 -
Changing Form Input (Textbox) Style on Focus using jQuery
文章源自:http://viralpatel.net/blogs/change-form-input-textbox-style-focus-jquery/Changing Form Input (Textbox) Style on Focus using jQueryUser experience has always been a factor to be consider whi...原创 2013-05-28 11:42:10 · 74 阅读 · 0 评论 -
Mouse Scroll Event Up/Down Example in JavaScript
文章源自:http://viralpatel.net/blogs/javascript-mouse-scroll-event-down-example/Mouse Scroll Event Up/Down Example in JavaScriptThe other day I was working on an App that required Google Map like fu...原创 2013-05-28 11:42:40 · 317 阅读 · 0 评论