摘要:html推出了webSocket。因为毕业设计要用到聊天室的功能,所以就研究了下webSocket的应用。在客户端使用websocket需要创建WebSocket对象,通过提供的open、send、message、close等方法实现创建、发送、监听信息、关闭连接。例如下面的代码:if('WebSocket' in window){ // 创建websocket实例 var socket = new WebSocket('ws://localhost:8080'); //打开 socket.onopen = function(event) { // 发送 soc
阅读全文
摘要:进入http://nodejs.org/#download下载msi文件。一直点next安装。最后文件会自动安装在C:\Program Files\nodejs目录下。安装完成后,会自动配置环境环境变量。如果没有自动配置,自己手动在path处加上;C:\Program Files\nodejs\。安装完成后,需要配置npm来管理node.js的模块。在window下安装npm需要安装git。具体安装方法自己上网查下。特别多。安装完后,打开gitbush。输入:git config --system http.sslcainfo /bin/curl-ca-bundle.crtgit clone
阅读全文
摘要:前一段时间用css3实现了图片的滑动。使用了css3的transform属性。但是IE浏览器不支持这个属性,最近需要做的图片滑动要兼容浏览器,所以为了兼容浏览器,使用了jquery来实现。具体代码:js:var Class = { create: function() { return function() { //返回一个function对象 this.initialize.apply(this, arguments); } }}var Scroll = Class.create();Scroll.proto...
阅读全文
摘要:自适应网页设计(Responsive Web Design)随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效
阅读全文
摘要:最近因为老师要修改同一个文件夹中很多文件的文本内容,感觉特别麻烦,所以就自己用js写了个文件夹文件替换。不过有个问题,就是只能在IE浏览器下操作。所以等以后学会了python,最好用python重写下。具体代码如下: var fso = new ActiveXObject("Scripting.FileSystemObject"); var fld = fso.GetFolder(document.all.fixfolder.value); var fc = new Enumerator(fld.files); var s = ""; for(; !fc
阅读全文
摘要:今天遇见一个问题。 var arr = [3,1,16,34,7,8]; arr.sort(); 返回结果是[1,16,3,34,7,8]。和我想要取得的结果不同。 看了下接口说明。 arrayObject.sort(sortby). sortby必须是函数。 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。 如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具...
阅读全文
摘要:大家应该写过下面类似的代码吧,其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里,那方法执行时,它能访问哪些变量,不能访问哪些变量,这个怎么判断呢?这个就是我们这次需要分析的问题——词法作用域var classA = function(){ this.prop1 = 1;}classA.prototype.func1 = function(){ var that = this, var1 = 2; function a(){ return function(){ alert(var1); ...
阅读全文
摘要:document.domain用来得到当前网页的域名。比如在地址栏里输入:javascript:alert(document.domain); //www.forjj.com我们也可以给document.domain属性赋值,不过是有限制的,你只能赋成当前的域名或者基础域名。比如:javascript:alert(document.domain = "forjj.com"); //forjj.comjavascript:alert(document.domain = "www.forjj.com"); //www.forjj.com上面的赋值都是成功的,
阅读全文
摘要:标准的web前端工程师需要知道 ◎浏览器(或者相应播放器)的渲染/重绘原理这我得加把劲了。我还真的说的不是很清楚,我就G下,结果不是很多,找到了有一个,就记下来了。。。以下部分来自handawei-javaeye的blog:Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的:1. 用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回html文件;2. 浏览器开始载入html代码,发现<head
阅读全文
摘要:var hasTouch = 'ontouchstart' in window;var scroll_EV = hasTouch ? 'touchmove' : 'scroll';Array.prototype.del = function(n) { if (n < 0) return this; else return this.slice(0, n).concat(this.slice(n + 1, this.length));}function lazyLoading() {}lazyLoading.prototype = { ini
阅读全文
摘要:文字地址:http://taligarsiel.com/Projects/howbrowserswork1.htm参考地址:http://blog.csdn.net/zzzaquarius/article/details/6532299浏览器是怎么工作的。介绍:浏览器可以说是现在最被广泛使用的软件。在这篇文章中,我将要解释它们是怎样在幕后操作的。我们将会看到,当你往地址栏中敲入'google.com'到页面在浏览器中出现的中间那段过程到底发生了什么。我们将讨论的浏览器目前我们主要使用的浏览器有五种-Internet Explorer,Firefox,Safari,Chorm和O
阅读全文
摘要:<textarea>function getLocation(element) { if(element == null) return null; var offsetTop = element.offsetTop; var offsetLeft = element.offsetLeft; while(element = element.offsetParent) { offsetTop += element.offsetTop; offsetLeft += element.offsetLeft; } var o = {}; o.left = offsetLeft; o.top
阅读全文
摘要:DOCTYPE 作为一个决定浏览器对于 HTML 文档采取何种模式“开关”,应出现在 HTML 文档的最前面。但是某些时候需要在页面最前端放入一些信息。对于普通文本和 HTML 标签,各浏览器均进入了混杂模式,这个很好理解,都看到疑似的 HTML 文档正文了,浏览器不太会往下追查 DOCTYPE 在哪里。对于 HTML 注释和 XML 声明,它们和上面的普通文本和 HTML 标签有些差别,它们不会在页面中展示出来,即不可视。这时,有的浏览器则显得十分“智能”,非 IE 浏览器均会忽略它们的存在,DOCTYPE 被正确解析。但是在 IE6 中,DOCTYPE 之前的 XML 声明会导致页面进入混
阅读全文
摘要:今天看到了document.compatMode属性,平时对文档模式不是很了解,于是test了这个属性。document.compatMode的值有两种,分别为"BackCompat"和"Css1Compat".BackCompat 代表标准兼容模式关闭Css1Compat 代表标准兼容模式开启所谓的标准兼容模式未开启即“混杂模式”(又叫怪异模式,Quirks mode)。标准兼容模式已开启即“标准模式”(又叫严格模式,Standards mode 或者 Strict mode)。 在没有书写 DOCTYPE 的 HTML 文档在所有浏览器中均会以混杂模
阅读全文