摘要: <占位符> 近期将从这篇文章开始:http://bradfrost.github.com/this-is-responsive/patterns.html 阅读全文
posted @ 2012-09-14 12:34 yunfan85 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 注:参考自http://dukeland.hk,本博客系列内容为自己解读的成果,以备将来自己回顾使用。所有版权归原作者所有,如有任何问题,请联系原作者。这一部分我们到了parser,开始分析语义了。先上一段代码。1,parser对象基本内容function Parser(scanner){ this.scanner = scanner; this.currentToken = new Token(); this.lookaheadToken = new Token(); this.lookaheadToken.consumed = true; //看下面注释}//读取一... 阅读全文
posted @ 2012-09-11 22:47 yunfan85 阅读(527) 评论(0) 推荐(0) 编辑
摘要: 注:参考自http://dukeland.hk,本博客系列内容为自己解读的成果,以备将来自己回顾使用。所有版权归原作者所有,如有任何问题,请联系原作者。考虑到“字”分析比较简单,所以和“词”分析写到一起,形成这篇文章:1, reader.js//读字符是要为读词调用的,所以无外乎要做三件事儿:1,存数据;2,存自己的状态;3,提供读字符和回退字符的函数供调用function Reader(str){ this.data = str; this.currPos = 0; this.dataLength = str.length;}//机械式地读取下一个字符,所有字符读完了就返回... 阅读全文
posted @ 2012-09-11 11:00 yunfan85 阅读(524) 评论(0) 推荐(0) 编辑
摘要: 注:参考自http://dukeland.hk,本博客系列内容为自己解读的成果,以备将来自己回顾使用。所有版权归原作者所有,如有任何问题,请联系原作者。写编程语言的分析器是一个较为困难的工作。按常规思路,遇到困难的工作我们首先要做的就是把它分解成数个模块,便于我们化解和定位问题,然后各个击破。那么为了完成编程语言的分析器:1(字):将代码按字符读入,过滤掉空格、换行符、注释等内容。2(词):在字符读入的过程中就将这些字符组装成编程语言关键字。比如不间断地读入了'v', 'a', 'r',那么就形成了'var’关键字,可以先行保存,以待后续 阅读全文
posted @ 2012-09-11 10:12 yunfan85 阅读(2106) 评论(4) 推荐(2) 编辑
摘要: 文档在此:http://developer.chrome.com/trunk/extensions/webRequest.html1,为了使用webRequest,首先需要在配置文件manifest.json中加入类似的内容:{ “name": "My extension", ... "permissions": { "webRequest", "*://*.google.com" }, ....}这里的意思是说,只允许这个extension对*.google.com的域名使用webRequest,如果这 阅读全文
posted @ 2012-09-10 17:39 yunfan85 阅读(7152) 评论(0) 推荐(0) 编辑
摘要: 来源:http://developer.chrome.com/extensions/1,Getting Starteda,你可以基于任何Chrome的发行版开发extensionb,概念:Browser Action,extension和Chrome之间的桥梁,可以帮你在Chrome的工具栏添加一个按钮,由你来控制按钮的行为。 创建方式:首先,在你的PC上建立一个文件夹;其次,在该文件夹里创建一个manifest.json,然后按照教程上添加以下代码:{ "name": "My First Extension", "version": 阅读全文
posted @ 2012-09-09 22:32 yunfan85 阅读(4574) 评论(0) 推荐(0) 编辑
摘要: 1,Chrome Extension开发技术:a, HTML,CSS和JavaScript;b, chrome.*APIc, HTML5d, XMLHttpRequeste, WebKit API和V8 APId肯定是纯前端开发里面没有的。而V8 API挺唬人的,不知道出了JS的API之外有没有特别的东东,比如编译调试之类的。2,扩展的UI形式关键点在于,UI是从右上角的小图标启动的,以弹出的小窗口形式展示。3,Content Script关键点:页面的script不再起作用,纯Content Script操作页面DOM 阅读全文
posted @ 2012-09-09 20:31 yunfan85 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 1,参考文章:http://stackoverflow.com/questions/7097502/view-and-set-http-headers-for-safari-chrome(1)这个是chrome上的方案The (currently experimental) WebRequest API lets you do view and modify headers: http://code.google.com/chrome/extensions/trunk/webRequest.htmlIt's pretty easy to view headers using onSen 阅读全文
posted @ 2012-09-08 09:28 yunfan85 阅读(401) 评论(0) 推荐(0) 编辑
摘要: Here’s how to get started with writing extensions for Chrome Developer Tools:Use the dev channel of Chrome as the APIs are still under development;Enable experimental extension APIs using the chrome://flags page;List experimental in the permissions list of your extension;Add a devtools_page field to 阅读全文
posted @ 2012-09-08 09:16 yunfan85 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 大本营在此:https://developers.google.com/chrome-developer-tools/docs/remote-debugging、 关键信息1:谷歌把remote debugging做成协议提交到webkit了,所以基于webkit的浏览器都可以用了,而且用法基本一样。 关键信息2:Google Dev Tools都是HTML,JS和CSS写的,也可以用来做remote debugging,这说明,Inspector里面所有的功能都可以基于remote debugging的协议来完成,我们看到的精巧的Inspector,其实不是本地代码写的,而是一个web页.. 阅读全文
posted @ 2012-09-06 23:47 yunfan85 阅读(2817) 评论(0) 推荐(0) 编辑