javascript
文章平均质量分 72
dalaoshu321
这个作者很懒,什么都没留下…
展开
-
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
原文地址:http://www.techolics.com/jquery/20111231_154.html《40个有创意的jQuery图片和内容滑动及弹出插件收藏集之一》《40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二》《40个有创意的jQuery图片和内容滑动及弹出插件收藏集之四》在网页的首页或图片专题页面很多地方都会用到图片滑动插件来循环切换...原创 2014-12-09 10:33:14 · 130 阅读 · 0 评论 -
富文本web在线编辑器实现关键技术pasteHTML-InsertHTML
富文本web在线编辑器实现关键技术pasteHTML-InsertHTML分类: js2012-05-08 17:31 1243人阅读 评论(0) 收藏 举报先简要介绍一下HTML富文本编辑器实现原理,如果是非所见即所得,那么用 textarea就可以搞定了,如果要实现所见即所得,尤其是你想插入图片之类的,那么就要考虑用其他方式来替换 textarea了,毕竟textare...原创 2013-02-26 17:31:20 · 211 阅读 · 0 评论 -
JavaScript Range用来开发类似于百度贴吧和webqq的编辑器
发表于 2010-10-15 17:50:12 |只看该作者 |倒序浏览Range,这是个很容易被人忽略的东西,在开发富文本编辑器时会经常用到。使用iframe设计模式或div的 contenteditable=“true” 。 webqq和百度贴吧都没使用iframe制作编辑器,都用了div,是因为iframe设计模式和documen.domain冲...原创 2013-02-26 17:30:50 · 83 阅读 · 0 评论 -
[javascript]浏览器下文本域光标的定位
[javascript]浏览器下文本域光标的定位转自FR.richer的好文章:各种浏览器下文本域中光标的定位关注用户体验,减少用户点击鼠标的次数,回复某人,点击回复之后,直接把光标定位到“回复XXX:”之后测试页面如下:01 <!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Transitional//EN" "ht...原创 2013-02-26 15:36:35 · 164 阅读 · 0 评论 -
javascript RegExp multiline多行匹配影响的^$
内容全写注释里了- - 复制代码代码如下:<script type="text/javascript"> /^$/.test('\n'); //false,为什么呢,说明如下 var p = /^/mg; var s = '1\n\n\n2\n\n3'; p.test(s); //跳过开始位置JS里好象没那个词- - p.test(s); alert(RegExp.rig...原创 2013-02-26 10:25:24 · 116 阅读 · 0 评论 -
javascript正则表达式
去掉出指定html标签以外的标签:var s= '<div>333</div><b>aa</b><c></c>'; var reg = /(<(?!\/?div)[\w|/]+>)/g; s = s.replace(reg, ''); console.info( s)原创 2013-02-25 18:57:26 · 149 阅读 · 0 评论 -
再谈javascript图片预加载技术
比onload更快获取图片尺寸文章更新:2011-05-31lightbox类效果为了让图片居中显示而使用预加载,需要等待完全加载完毕才能显示,体验不佳(如filick相册的全屏效果)。javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。这是大部分人使用预加载获取图片大小的例子:01var imgLoad...原创 2013-02-25 12:41:16 · 97 阅读 · 0 评论 -
用javascript预加载图片、css、js的方法研究
用javascript预加载图片、css、js的方法研究预加载的好处可以让网页更快的呈现给用户,缺点就是可能会增加无用的请求(但图片、css、js这些静态文件可以被缓存),如果用户访问的页面里面的css、js、图片被预加载了,用户打开页面的速度会快很多,提升用户体验。在用到一些大图片展示的时候,预加载大图是很不错的方法,图片更快的被呈现给用户。不多说了,作为一个前端攻城师都懂的,下面分享我做...原创 2013-02-25 12:40:40 · 111 阅读 · 0 评论 -
execCommand method (document, TextRange, ...)
http://help.dottoro.com/ljcvtcaw.php Allows running commands on certain objects.The execCommand is one of the root methods of the rich-text editing feature of browsers.The execCommand ...原创 2013-02-06 14:30:02 · 103 阅读 · 0 评论 -
Rich-Text Editing in Mozilla
https://developer.mozilla.org/en-US/docs/Rich-Text_Editing_in_Mozilla IntroductionMozilla 1.3 introduces an implementation of Microsoft® Internet Explorer's designMode feature. The rich-text ed...原创 2013-02-05 16:41:22 · 857 阅读 · 0 评论 -
【转】关于JS的contentDocument,contentEditable,designMode
Iframe自适应高度<script language="JavaScript"> //** iframe自动适应页面 **////输入你希望根据页面高度自动调整高度的iframe的名称的列表//用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。//定义iframe的IDvar iframeids...原创 2013-02-05 16:36:42 · 315 阅读 · 0 评论 -
所见即所得富文本编辑器实现原理
相信很多人都使用过多种富文本编辑器,富文本编辑器常用于编辑博客、用户交互,富文本编辑器分为两种:所见即所得和非所见即所得两种富文本编辑器的实现原理是不相同的。1. 非所见即所得编辑器这种编辑器的实现原理很简单,用textarea元素就可以实现,假如要实现粗体、斜体、下划线、颜色字、图片的效果,只需在字的中间加上自定义标签即可,例如: [b]富文本编辑器[b],[img]src=”ht...原创 2013-02-05 16:32:27 · 364 阅读 · 0 评论 -
纯js页面跳转整理
纯js页面跳转整理js页面跳转 js方式的页面跳转1.window.location.href方式 window.location.href="http://updn.cn"; 2.window.navigate方式跳转 window.navigate("http://updn.cn"); 3....原创 2014-05-20 18:06:51 · 88 阅读 · 0 评论 -
Ubuntu安装nodeJS
Ubuntu安装nodeJS安装环境ubuntu12.04 64bit nodejs-v0.8.14.tar.gz Node.js是一个基于google v8+javascript的服务端编程框架。但是Node.js又不是js应用,应该说是js的运行平台。它采用事件驱动、异步编程,为网络服务而设。 Node.js的性能不错,按照创始人Ryan Dahl的说...原创 2014-06-12 14:38:09 · 114 阅读 · 0 评论 -
241个jquery插件—jquery插件大全
原文地址:http://blog.csdn.net/adsdassadfasdfasdf/article/details/5603206jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架。其经典的Slogan是“Write Less, Do ...原创 2014-12-09 10:26:39 · 116 阅读 · 0 评论 -
前端ui的js框架
原文地址:http://www.quickui.net/v3/pages/api.html原创 2014-09-04 16:45:23 · 124 阅读 · 0 评论 -
2014 年最火的21个JavaScript框架
原文地址:http://www.iteye.com/news/29298JavaScript 框架是预先编写好的JavaScript 库,为基于JavaScript的应用提供更简单的开发方式。这些 JavaScript 框架提供大量的函数,帮助你改善网站任务。现在网络上有着各种各样繁杂的JavaScript 框架,这里我们列举2014年最火的21 款JavaScript...原创 2014-09-03 17:25:07 · 86 阅读 · 0 评论 -
Bootstrap 栅格系统
原文地址:http://www.cnblogs.com/linjiqin/p/3559800.html目录1、简介2、栅格选项3、列偏移4、嵌套列5、列排序1、简介Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义classe,还有强大的mi...原创 2014-08-08 15:53:53 · 95 阅读 · 0 评论 -
自定义Bootstrap
原文地址:http://www.w3cplus.com/css/customizing-bootstrap.html 特别声明:此篇文章由Sunnylost根据Thomas Park的英文文章原名《Customizing Bootstrap》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://coding.sma...原创 2014-08-08 10:14:04 · 185 阅读 · 0 评论 -
使用python/casperjs编写终极爬虫-客户端App的抓取
1.缘起 随着移动互联网的发展,现在写web和我三年前刚开始写爬虫的时候已经改变了太多。特别是在node以及javascript/ruby社区的努力下,以往“服务器端”做的事情都慢慢搬到了“浏览器”来实现,最极端的例子可能是meteor了 ,写web程序无需划分前端后端的时代已经到来了。。。 在这一方面,Google一向是最激进的。纵观Google目前的产品线,社交的Google Pl...原创 2014-08-06 18:09:09 · 173 阅读 · 0 评论 -
使用Selenium和PhantomJS解析带JS的网页
有的网页,不能直接通过wget/curl等命令、或者直接使用Python中的liburl这样的函数库来直接获取其真正展现给用户的信息,因为里面包含有JavaScript脚本(而该JS和页面数据的生成相关),需要通过Firefox、Chrome等浏览器渲染后才能得到想要看的结果。例如,我想查询的一个根据IP查询到地理位置的网页:http://www.ip.cn/125.95.26.81为了写...原创 2014-08-06 17:57:44 · 227 阅读 · 0 评论 -
数据抓取的艺术(一):Selenium+Phantomjs数据抓取环境配置
原文地址:http://blog.chinaunix.net/uid-22414998-id-3692113.html 数据抓取是一门艺术,和其他软件不同,世界上不存在完美的、一致的、通用的抓取工具。为了不同的目的,需要定制不同的代码。不过,我们不必Start from Scratch,已经有许多的基本工具、基本方法和基础框架可供使用。不同的工具、不同的方法、不同的框架的特点也不同...原创 2014-08-06 17:56:30 · 92 阅读 · 0 评论 -
细说Cookie
细说Cookie阅读目录开始Cookie 概述Cookie的写、读过程使用Cookie保存复杂对象Js中读写CookieCookie在Session中的应用Cookie在身份验证中的应用Cookie的安全状况如何在C#发请的请求中使用Cookie重构与使用总结补充Cookie虽然是个很简单的东西,但它又是WEB开发...原创 2013-09-29 15:14:55 · 100 阅读 · 0 评论 -
JavaScript Source Map 详解
JavaScript Source Map 详解 作者: 阮一峰日期: 2013年1月23日上周,jQuery 1.9发布。这是2.0版之前的最后一个新版本,有很多新功能,其中一个就是支持Source Map。访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js,打开压缩后的版...原创 2013-08-30 09:49:23 · 128 阅读 · 0 评论 -
ubuntu12.04 下安装nodejs【整理】
ubuntu12.04 下安装nodejs【整理】作者:杭州-小白 发布:2013-01-20 13:46 分类:ubuntu, 分享 阅读:15,819 次 1条评论 ubuntu12.04 下安装nodejs web前端 杭州-小白liunx里面安装nodejs我也找了很多文章,貌似对很多liunx新手来讲不是很清楚,下面是我结合一些文章,亲自实践得到...原创 2014-06-12 14:38:36 · 137 阅读 · 0 评论 -
主题:50个令人惊奇的jQuery插件
jQuery拥有强大的有创造性的程序员群体。 然而,它很难通过在所有发布的东西里面挑出那些绝对必须要拥有的宝贝。在本文中,你将得到50个新jQuery插件和JavaScript库的一个集合,拥有好的工具,可以使您的网站更便于使用。这些插件分类展示,便于浏览。好好享受吧!http://www.woiweb.net/50-amazing-jquery-plugins.html其他篇50...原创 2013-05-29 18:17:45 · 125 阅读 · 0 评论 -
jquery触发事件
SnandyStop, thinking is the essence of progress.读jQuery之十四(触发事件核心方法)触发事件,或称模拟用户动作。比如点击,我们可以用代码去模拟用户点击,达到的效果与真实的鼠标点击是一样的。在 事件模块的演变 我使用了dispatchEvent(标准) 和fireEvent(IE)来主动触发事件。如下?...原创 2013-05-23 17:25:25 · 211 阅读 · 0 评论 -
浏览器开发工具的25个秘密
过去几年来,浏览器开发工具一直是Web开发者最得力的工具。它能够与Web浏览器和谐相处,允许我们在当前窗口中实时地操作DOM元素、CSS样式和JavaScript,以及获取一些其他的有用信息。以前开发者使用Firefox的一个名叫Firebug的扩展,来开发和调试他们的网站。但是最近,各个浏览器都开发了一套它们自己的工具,并且每一个都有自己的优势和劣势。如今很难想像没有这些方便的工具,如何...原创 2011-12-09 15:41:41 · 96 阅读 · 0 评论 -
悟透JS
1, 在js中 “123” == 123,“0123” == 0123,”123” === 123,”123” !== 123,”123” != 123 有什么不同?“123” == 123的值为true,”0123” == 0123的值为false,因为js中将“0”开头的整数常量当八进制数处理。如undefined==null返回true。“123” == 123的值为true...原创 2011-12-09 14:11:08 · 135 阅读 · 0 评论 -
Web开发者必备的20款超赞jQuery插件
jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。现在的jQuery插件很多,可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件,可创造...原创 2011-12-08 11:51:56 · 102 阅读 · 0 评论 -
jsonp跨域简单实例
jsonp跨域简单实例 博客分类:javascriptjsonp 浏览器的同源策略,限制脚本程序只能和同协议,同域名,同端口的脚本进行交互,包括共享和传递变量,cookie的传递。尽管浏览器不允许页面脚本跨域读取数据,但是允许html引用跨域的资源,比如脚本程序,css,图片,等...原创 2012-06-12 18:02:51 · 121 阅读 · 0 评论 -
50个JQuery代码技巧让你变成js高手(1)
1. 创建一个嵌套的过滤器.filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素2. 重用你的元素查询var allItems = $("div.item"); var keepList = $("div#container1 div.item"); <div>class names: $(...原创 2012-04-24 10:15:18 · 133 阅读 · 0 评论 -
JavaScript 获得输入div光标的位置
<div contenteditable="true"></div> 我在这里面输入了123456789这个几个字符 当我把鼠标放在某个数字的后面时,要获取鼠标是在哪个位置 比如我的光标在3后面,应该得到3,在1前面应该是0,在6后面应该是6 就是当我输入任意字符时,获得光标所在的是什么位置 我要的是ie的方法 2010-05-26 johnson.l...原创 2012-01-04 16:18:31 · 1069 阅读 · 0 评论 -
富文本编辑器实现关键技术pasteHTML-InsertHTML
转载自 smallchicken最终编辑 smallchicken先简要介绍一下HTML富文本编辑器实现原理,如果是非所见即所得,那么用 textarea就可以搞定了,如果要实现所见即所得,尤其是你想插入图片之类的,那么就要考虑用其他方式来替换 textarea了,毕竟textarea不能实现“实时预览”。目前发布的HTML富文本编辑器比如:FCKeditor, TinyM...原创 2012-01-04 15:51:23 · 204 阅读 · 0 评论 -
event.keyCode ,event.which ,event.charCode
javascript判断是否按回车键<input id="chatMsg" name="chatMsg" type="text" size="90" onkeypress="enterHandler(event);"/> function enterHandler(event){ //获取用户单击键盘的“键值” var keyCode = e原创 2011-07-04 16:06:01 · 110 阅读 · 0 评论 -
js技巧(我自己看的)
1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件<input type="text" value="mm" onfocus="if(value=='mm) {value=''}" onblur="if (value=='') ...原创 2011-09-20 17:34:06 · 638 阅读 · 0 评论 -
jquery与iframe(我自己看的)
query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下:$('#objId', parent.document);// 搞定...在父页面 获取iframe子页面的元素代码如下:$("#objid",document.frames('iframename').document) $(document.g...原创 2011-09-20 13:52:11 · 109 阅读 · 0 评论 -
草,js闭包循环(自己留着看的)
(function(_note){ function xxx(){ //chrome端更新 if (ds.rows.length) { // ...原创 2011-08-31 13:54:13 · 87 阅读 · 0 评论 -
iPhone Safari 的事件
iPhone Safari 的事件 [ 2010-06-10 05:29:15 | Author: seaboat ] Font Size: Large | Medium | Small 做 iPhone 环境下基于浏览器的应用(Web App),必...原创 2012-07-02 18:27:18 · 96 阅读 · 0 评论 -
javascript父子iframe和父子弹窗传值问题
Window 对象Window 对象Window 对象表示浏览器中打开的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。注释:没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。IE: Internet Explorer, F: Fire...原创 2013-03-12 16:10:42 · 104 阅读 · 0 评论