![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
文章平均质量分 69
C860
I'm an HCIer from SCAU
展开
-
一步步学会使用SeaJS 2.0
本文分为以下8步,熟悉之后就能够熟练使用SeaJS,从此之后你的生活会变得更加轻松愉悦!1、SeaJS是什么?2、下载并检阅SeaJS3、建立工程和各种目录4、引入SeaJS库5、编写自己的代码6、引入自己的代码7、压缩合并8、总结展望--------------------------------------------------转载 2013-04-19 17:13:41 · 3547 阅读 · 1 评论 -
document.execCommand()函数可用参数解析
本文来自: 盛世唐朝社区(http://bbs.tc800.com) 详细出处:http://bbs.tc800.com/thread-23658-1-1.html 隐藏在暗处的方法-execCommand() 关键字: javascript document document.execCommand()方法可用来执行很多我们无法实现的操作. execComma转载 2014-02-27 14:08:21 · 1500 阅读 · 0 评论 -
关于iframe节点初始化的问题
今天忽然想着复习一下富文本编辑器的制作原理。于是二话不说将手把手地做了起来。因为一年前写过一个简单的富文本编辑器,所以大概还是有点印象。可是当我把写出来的代码跑一下的时候,发现了问题:var ifr = document.createElement('iframe');ifr.width = 300;ifr.height = 300;var idoc = ifr.contentDocum原创 2014-02-27 16:01:16 · 2102 阅读 · 0 评论 -
【好文分享】用增量更新算法为 web 应用节省流量
今天看到这篇文章只能连声赞好,只能说我们广大程序员为了用户真的是无所不用其极啊!学习是用无止境的!!!本文主要讲解如何利用 HTML5 的 localstorage 和增量更新算法实现 JavaScript 的本地化,并在版本更新的时候基本做到修改多少内容就下载多少内容,为网站和用户节省 90%以上的 JavaScript 流量,尤其适合快速迭代开发的手机网站使用。前言转载 2014-02-15 23:04:22 · 1878 阅读 · 1 评论 -
关于Textarea的注意事项
今天帮师兄解决了一个很诡异的BUG,也许没什么人会遇得到。主要原因还是之前编写网站的前端人员代码的不严谨导致的。先来描述一下问题:原创 2014-02-27 21:47:31 · 1180 阅读 · 0 评论 -
解析JS的数据类型转换
如果说你要成为一名JSer,那么对JS的一些原理机制肯定是要去了解的。如果你和其它刚刚学习到web开发课程的同学一样,只会用JS写写alert,写写表单验证,那么是绝对不够的。今天我想说的是 JS的数据类型转换。因为这一块自己之前是挺模糊的。主要原因我是归结于《Javascript高级程序设计》在这一块的描述太散,太拖沓。导致我没多大耐心去分析。但是,难啃的骨头终归还是要啃的,那么还不原创 2014-03-11 12:06:51 · 1028 阅读 · 0 评论 -
JS创建私有成员
JS不具备传统的面向对象的机制,它基于原型继承的方式。成员并没有公共、私有只说。但是开发中,很经常会遇到一些尴尬的情况,某个方法我不想让外部调用,甚至不想暴露给外部。怎么办?而JS中也没有私有成员的声明机制,所以程序员们只好绞尽脑汁想出各种方法,以下是常见的两种,本来我还多写了两种,但是那两种是自己另外想出来的,实现起来挺麻烦,所以就不拿出来献丑了: //创建私有变量 //Met原创 2014-03-12 17:44:06 · 739 阅读 · 0 评论 -
关于JS获取各种尺寸的注意事项
最近复习JS,在写一些JS动态设置布局的时候,不是很得心应手,原因是对各个浏览器对尺寸的控制属性不了解。所以今天在这里做一番调查:首先贴出我的例子:Chrome:safari:firefox:IE6:其中chrome和firefox是在分辨率为1366*768下测试的,而safari和IE6由于是在虚拟机中,所以用的是1024*768的分辨率原创 2014-02-26 16:06:21 · 857 阅读 · 0 评论 -
关于IE下AJAX的问题
今天JS练手的时候,想封装一个发送AJAX请求的对象,当然,是想要兼容全浏览器的。代码如下:var Ajax = { xhr: null, callback: null, XMLHttp: function() { var xmlhttp; //标准浏览器 if(window.XMLHttpRequest) {原创 2014-03-09 20:58:08 · 1319 阅读 · 0 评论 -
浅谈JS实现图片轮播的各种坑
首先在文章之前,我要好好地吐槽一下当下很多人的学习方法。就拿我们实验室的人来说吧。不少人自称是搞前端的,随随便便让他们写个slider,都能用JQuery很快实现。他们意识里的前端就以为是精通JQuery,精通Bootstrap。当然,你如果是真的“精通”了,那么你也很厉害。但是如果你没有研究过JQuery和Bootstrap的源码的话。千万不要在我面前说精通。我会很鄙视你的。可是呢,如果让这些人原创 2014-03-27 15:24:15 · 2955 阅读 · 0 评论 -
HTML5 Canvas多层点击事件监听实例
最近写一个HTML5的游戏框架。今天写到一个多层点击事件的监听。觉得还是挺好玩的。于是把它从模块中抽化出来了。以下代码只是一些思想。具体实现肯定不是那么丑陋。如果想具体了解,这里是代码托管地址(无耻地卖了一下广告):https://github.com/c860/EasyGaming Document .box > canvas {原创 2014-03-21 15:58:53 · 3967 阅读 · 0 评论 -
关于Chrome的一些实用开发工具的使用
这几天在测试自己写的一个框架的性能。这是我之前没有做过的。所以对chrome的一些开发工具很是不熟悉。于是找到了下面这篇文章,希望对大家也有帮助:http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles转载 2014-04-03 12:34:09 · 716 阅读 · 0 评论 -
V8 Javascript 引擎之所以快
1.针对上下文的Snapshot技术什么是上下文(Contexts)?实际是JS应用程序的运行环境,避免应用程序的修改相互影响,例如一个页面js修改内置对象方法toString,不应该影响到另外页面。chrome浏览器每个process只有一个V8引擎实例,浏览器中的每个窗口、iframe都对应一个上下文。V8启动时(在执行client js前),需要对全局上下文(第一个转载 2014-03-25 18:35:55 · 1453 阅读 · 0 评论 -
V8引擎之——Full Compiler
在过去的五年中,JavaScript的性能有了极大的提升,这主要归功于JavaScript虚拟机的执行机制由解释演变为了JIT。现在,JavaScript成为了HTML5的中坚力量,推动着新一波Web技术的发展。JavaScript引擎中,V8是最早使用原生代码的引擎之一。V8现已成为了Google Chrome、Android浏览器、WebOS及Node.js这样的其他项目中不可分割的重要组件。转载 2014-03-25 18:20:56 · 1160 阅读 · 0 评论 -
谈谈Javascript中的void操作符
原文链接:http://blog.segmentfault.com/code/1190000000474941由于JS表达式偏啰嗦,于是最近便开始采用Coffeescript来减轻负担。举个栗子,当我想取屋子里的第一条dog时,首先要判断house对象是否存在,然后再判断house.dogs是否存在,最后取house.dogs[0]。在JS需要这么写var dog = (t转载 2014-05-16 14:58:34 · 910 阅读 · 0 评论 -
window resize和scroll事件的基本优化
同事在项目中使用scroll事件去加载数据,结果IE下悲剧了。给了一个简单优化方法,效果明显。只要用户改变窗口大小,会对内部一些元素大小重新计算,可能导致整个页面重新渲染,最终导致大量消耗 CPU。比如调用 resize 方法,用户改变窗口大小时会不停的被触发, 低版本的IE 会可能陷入假死状态。window的scroll事件也是如此,鼠标滚动或拖动滚动条,就会不停的触发scroll事件,转载 2014-04-29 08:22:36 · 1912 阅读 · 0 评论 -
一篇不错的cookie介绍文章
原文链接:http://www.cnblogs.com/Darren_code/archive/2011/11/24/Cookie.html 从事web开发也有些日子了,cookie 是个啥差不多能说明白,可是实际自己一上手操作就是得去搜索(你们懂的),结果被鄙视了...所以就写一篇博文做为自己的学习笔记,嘿嘿,博客的好处在此体现出来了。 什么是 Cookie转载 2014-02-20 23:56:16 · 751 阅读 · 0 评论 -
Javascript selection的兼容性写法
function getSelectedText() { //this function code is borrowed from: http://www.codetoad.com/javascript_get_selected_text.asp var txt = ""; if (window.getSelection) { txt = window.g转载 2013-12-20 09:37:09 · 1278 阅读 · 0 评论 -
javaScript 运算符 && 和 || 的返回值
&&首先计算其左边的表达式,如果它的值为false或可被转换为false(null、NaN、0或undefined),那么将返回左边表达式的值,否则,它将计算右边的表达式, 并返回这个表达式结果作为 &&运算的结果。 ||首先计算其左边的表达式,如果它的值不为false或不可被转换为false(null、NaN、0或undefined),那么将返回左边表达式的值,否则,它将计算右边的表达式,转载 2013-12-18 19:24:18 · 844 阅读 · 0 评论 -
无聊写的东西,勿吐槽,仅供本人娱乐
在网页特效中,层的显示与隐藏是很经常要用到的。而往往我们为了让层的显示实现动态的显示与隐藏,要在代码中赋予相关函数一个开关。例如下面这个例子:var on = 1;function show(){ var d = document.getElementByIdx_x_x("box"); if(on==0) { d.style.display = "block";原创 2013-04-19 12:05:21 · 685 阅读 · 0 评论 -
JavaScript同样的意思,更巧的写法
前言:这篇东西是转载别人的,不过主要目的还是为了做一下笔记,以防自己漏掉了一些知识。今天来介绍一下JAVAscript不一样的写法,很简单哦。1、当条件成立时执行a方法,当条件失败是执行b方法通常我们会这样写:var result;if(isOk){ result=funA();}else{ result=funB();}还可以这转载 2013-06-12 23:59:27 · 918 阅读 · 0 评论 -
JS获取页面高度和宽度大全
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth(包括边线的宽)网页可见区域高:document.body.offsetHeight(包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高转载 2013-07-03 22:34:47 · 578 阅读 · 0 评论 -
前端优化总结
前段时间简单的研究了下前端优化相关的知识,本文算是一个阶段性的总结,或者当做一个优化的参考List。前言 前端是庞大的,包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作转载 2013-07-19 19:22:54 · 789 阅读 · 0 评论 -
如何让搜索引擎抓取AJAX内容?
越来越多的网站,开始采用"单页面结构"(Single-page application)。整个网站只有一张网页,采用Ajax技术,根据用户的输入,加载不同的内容。这种做法的好处是用户体验好、节省流量,缺点是AJAX内容无法被搜索引擎抓取。举例来说,你有一个网站。 http://example.com用户通过井号结构的URL,看到不同的内容。转载 2013-07-19 19:53:29 · 723 阅读 · 0 评论 -
WEB前端开发高性能优化部分之JavaScript的优化细节
W3C Group为大家呈现WEB前端开发高性能优化部分之JavaScript的优化细节!一、避免出现脚本失控不论什么脚本,在任何时间、任何浏览器上执行,都不应该超过100毫秒。如果实际执行的时间长于这个底限,一定要将进程分解成若干更小的代码段。脚本失控基本上有以下四个方面的原因:1. 在循环中执行了太多的操作 解决这个问题的诀窍就是用下面这两个问题来转载 2013-07-27 22:38:50 · 827 阅读 · 0 评论 -
JavaScript事件冒泡简介及应用
JavaScript事件冒泡简介及应用一、什么是事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有转载 2013-09-18 15:27:39 · 697 阅读 · 0 评论 -
javascript的ajax请求正确写法(兼容多浏览器)
function createXMLHttp() { var XmlHttp; if (window.ActiveXObject) { var arr=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0","MSXML2.XMLHttp.3.0转载 2013-09-21 17:28:10 · 1141 阅读 · 0 评论 -
一篇不错的了解Backbone的文章
【声明】此文章为转载,文章源地址:http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=viewgrouppost&gid=119&tid=11205概览¶&yet 逐渐有了越来越多的富 JS 应用。直到最近,我们才找到合适通用的应用架构。并不出奇,我们发现要重复处理很多相转载 2013-10-07 23:04:31 · 1255 阅读 · 0 评论 -
shim和polyfill有什么区别?
在JavaScript的世界里,有两个词经常被提到,shim和polyfill.它们指的都是什么,又有什么区别?1.Shim一个shim是一个库,它将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现.译者注:有时候也称为shiv,比如https://github.com/aFarkas/html5shiv2.Polyfill在2010年转载 2013-09-22 22:27:09 · 2311 阅读 · 0 评论 -
JS和CSS的多浏览器兼容总结
Javascript 多浏览器兼容一、document.formName.item(”itemName”) 问题 问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["eleme转载 2013-10-30 08:32:19 · 868 阅读 · 0 评论 -
关于CSS在IE6以下浏览器不支持:hover伪类的解决方式
今天在W3Cfuns看到这么一篇文章(http://www.w3cfuns.com/thread-347-1-1.html),自己也亲自去测试了一下,很霸气,特别是IE在CSS的实现方式上其实还是下了功夫,只是没有走对 路线而已,o(∩∩)o...哈哈。。。IE6对hover伪类只是部分支持,但是在我看来,一些常用的标签貌似都不能够支持hover。那么,其实对于IE6以下的浏览器来说,原创 2013-10-30 08:58:29 · 3294 阅读 · 0 评论 -
关于XSS(跨站脚本攻击)和CSRF(跨站请求伪造)
我们常说的网络安全其实应该包括以下三方面的安全:1、机密性,比如用户的隐私被窃取,帐号被盗,常见的方式是木马。2、完整性,比如数据的完整,举个例子,康熙传位十四子,被当时四阿哥篡改遗诏:传位于四子,当然这是传说,常见的方式是XSS跨站脚本攻击和csrf跨站请求伪造。3、可用性,比如我们的网络服务是否可用,常用的攻击方式是dos和ddos,拒绝服务和分布式拒绝服务攻击。转载 2013-11-21 22:30:02 · 1106 阅读 · 0 评论 -
再谈setTimeout和setInterval
大概半年前发表过一篇关于setTimeout和setInterval的文章,但是现在回去仔细一看发现其实存在很多不足以及错误。事实上,setTimeout和setInterval并没有我们字面上理解的那么简单。要真正掌握并理解这两个方法,还得从javascript的单线程机制说起。【开门见山】setTimeout和setInterval是如何工作的呢?我们知道,js是单线程执行原创 2013-11-08 14:21:17 · 1224 阅读 · 0 评论 -
javascript Event对象详解
Event代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态。一旦事件发生,便会生成Event对象,如单击一个按钮,浏览器的内存中就产生相应的 event对象。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。转载 2013-11-22 09:53:38 · 627 阅读 · 0 评论 -
移动端WEB开发,click,touch,tap事件浅析
一、click 和 tap 比较两者都会在点击时触发,但是在手机WEB端,click会有 200~300 ms,所以请用tap代替click作为点击事件。singleTap和doubleTap 分别代表单次点击和双次点击。二、关于tap的点透处理在使用zepto框架的tap来移动设备浏览器内的点击事件,来规避click事件的延迟响应时,有可能出现点透的情况,即点击会转载 2014-05-23 15:58:16 · 2996 阅读 · 1 评论