12 2013 档案
摘要：在上篇博客最简单的JavaScript模板引擎说了一下一个最简单的JavaScript模版引擎的原理与实现，作出了一个简陋的版本，今天优化一下，使之能够胜任日常拼接html工作，先把上次写的模版函数粘出来function tmpl(id,data){ var html=document.getElementById(id).innerHTML; var result="var p=[];with(obj){p.push('" +html.replace(/[\r\n\t]/g," ") .replace(//g,"');p...
阅读全文
摘要：在小公司待久了感觉自己的知识面很小，最近逛博客园和一些技术网站看大家在说JavaScript模版引擎的事儿，完全没有概念，网上一搜这是08年开始流行起来的。。。本来以为这是很高深的知识，后来在网上看到jQuery作者John Resig，研究了一下，算是明白了最简单的javaScript模版引擎的原理，并没有想象的那么高大上，写篇博客推导一下John Resig写法的过程，写出一个最简单的JavaScript模版引擎。什么是JavaScript引擎其实在网站开发中模板还是很常见的一种技术，比如PHP的Smarty、ASP.NET的Master Page等，但这些模板都是基于服务器的，JavaS
阅读全文
摘要：上篇博客JavaScript 正则表达式上——基本语法介绍了JavaScript正则表达式的语法，有了这些基本知识，可以看看正则表达式在JavaScript的应用了，在一切开始之前，看看RegExp实例的几个属性RegExp实例对象有五个属性global：是否全局搜索，默认是falseignoreCase：是否大小写敏感，默认是falsemultiline：多行搜索，默认值是falselastIndex：是当前表达式模式首次匹配内容中最后一个字符的下一个位置，每次正则表达式成功匹配时，lastIndex属性值都会随之改变。source：正则表达式的文本字符串除了将正则表达式编译为内部格式从而使
阅读全文
摘要：定义 JavaScript种正则表达式有两种定义方式，定义一个匹配类似 <%XXX%> 的字符串 1. 构造函数 var reg=new RegExp('<%[^%>]+%>','g'); 2. 字面量 var reg=/<%[^%>]%>/g; g： global，全文搜索，默认搜索到第一个结果接
阅读全文
摘要：用了几天node.js感觉很新奇，但是调试问题实在是愁煞人，开始的时候懒的学习调试方法，看看异常内容就可以了，但随着代码复杂程度的上升，并不是所有错误都是语法错误了，不调试搞不定了，只好搜搜资料，学习了一下怎么调试。不用每次都重启服务的supervisor使用过PHP的同学肯定都清楚，修改了某个脚本文件后，只要刷新页面服务器就会加载新的内容，但是node.js在第一次引用到某个文件解析后会将其放入内存，下次访问的时候直接在内存中获取，以提高效率，但是这对我们开发造成一定困扰，修改了某个module后只能重启服务器后才能生效，调试起来效率还是很低的。于是乎node.js中有了supervisor
阅读全文
摘要：在开发一个复杂的应用程序的时候，我们需要把各个功能拆分、封装到不同的文件，在需要的时候引用该文件。没人会写一个几万行代码的文件，这样在可读性、复用性和维护性上都很差，几乎所有的编程语言都有自己的模块组织方式，比如Java中的包、C#中的程序集等，node.js使用模块和包来组织，其机制实现参照了CommonJS标准，虽未完全遵守，但差距不大，使用起来非常简单。什么是模块在node.js中模块与文件是一一对应的，也就是说一个node.js文件就是一个模块，文件内容可能是我们封装好的一些JavaScript方法、JSON数据、编译过的C/C++拓展等，在关于node.js的误会提到过node.js
阅读全文
摘要：昨天写了篇博客，介绍了一下我对node.js的第一次亲密接触后的感受，以为node.js很小众，出乎我意料很多人感兴趣，并且对博客中的细节问题做了评论，最多的是围绕node.js的异步与单线程展开的，当然还有很多关于node.js究竟是不是语言？不是的话又是什么。。。之类的问题，其实刚接触node.js，了解的并不是很深入，越是回复大家问题，心里越是没底，决定认真研究一下，经人指点看了一下《Node.js开发指南》发现大部分问题都有了答案，权当一个读书笔记把问题答案分享出来，希望可以帮到一些和我一样才接触node.js的小菜关于单线程一个由来已久的误会在上篇博客中提到我们使用node.js写的
阅读全文
摘要：从我大一接触第一门编程语言C开始，到现在工作三年陆续接触到了C、汇编、C++、C#、Java、JavaScript、PHP，还有一些HTML、CSS神马的，从来没有一门语言让我像对node.js一样的着迷。接触nodejs在我之前博客提到过在搞web socket在选择服务器的时候很多人推荐nodejs版的，无奈当时对nodejs没有任何概念，所以没看懂人家写的代码，但是感觉很熟悉，网上基本是以在服务器端运行的javascript来解释什么是nodejs，这就让我更疑惑了，javascript怎么可能做socket服务器，在用C#写出服务器后回头看了一下node.js，十分钟之后我就被完全吸引
阅读全文
摘要：在之前的博客中提到过看到html5 的websocket后很感兴趣，终于可以摆脱长轮询（websocket之前的实现方式可以看看Developer Works上的一篇文章，有简单提到，同时也说了websocket基本概念）等方式做一个山寨版的web聊天室。什么是websocketWebSocket 协议是html5引入的一种新的协议，其目的在于实现了浏览器与服务器全双工通信。看了上面链接的同学肯定对过去怎么低效率高消耗（轮询或comet）的做此事已经有所了解了，而在websocket API，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可
阅读全文
摘要：虽然在JavaScript中有setInterval和setTimeout函数使javaScript看起来好像使多线程执行，单实际上JavaScript使单线程的，一次只能做一件事情（关于JavaScript单线程可以看看setTimeout()和setInterval() 何时被调用执行），看个简单的例子证明一下 Web Workers Web Workers 页面一运行就会弹出一个对话框，如果setTimeout是在另外一个线程运行，那么过一秒钟控制台就会打印“timeout function”，事实是只要不关闭对话框，控制台永远不会输出文字，这两句话确实是在一个线程内运...
阅读全文
摘要：一些麻烦事儿平时做web开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法，但html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递。postMessage(data,origin)方法接受两个参数1.data:要传递的数据，html5规范中提到该参数可以是JavaSc
阅读全文
摘要：在上篇博客简单理解socket写完之后我就希望写出一个websocket的服务器了，但是一路困难重重，还是从基础开始吧，先搞定C# socket编程基本知识，写一个支持广播的简单server/client交互demo，然后再拓展为websocket服务器。想要搞定这个需要一些基本知识线程与进程进程与线程对CS的同学来说肯定耳闻能像了，再啰嗦两句我个人的理解，每个运行在系统上的程序都是一个进程，进程就是正在执行的程序，把编译好的指令放入特定一块内存，顺序执行，这就是一个进程，我们平时写的if-else，for循环都按照我们预期，一步步顺序执行，这是因为我们写的是单线程的程序，所谓线程是一个进程的
阅读全文
摘要：题外话前几天和朋友聊天，朋友问我怎么最近不写博客了，一个是因为最近在忙着公司使用的一些控件的开发，浏览器兼容性搞死人；但主要是因为这段时间一直在看html5的东西，看到web socket时觉得很有意思，动手写几个demo，但web socket需要特定的服务器支持，由于标准制定工作还没完成，所以没有多少主流的服务器支持，自己在网上下载了几个实现，包括php的、C#的、甚至Node.js的，但一个是协议变化比较大，很多代码已经过时了，再就是有一些支持最新的标准，但是我想稍微改造一下，看人家源代码的时候云里雾里，看看别人的代码行数也不多，决定自己实现一个。悲剧由此开始，虽然哥们儿国内非知名工科大
阅读全文
