摘要:利用PhantomJS做网页截图经济适用,但其API较少,做其他功能就比较吃力了。例如,其自带的Web Server Mongoose最高只能同时支持10个请求,指望他能独立成为一个服务是不怎么实际的。所以这里需要另一个语言来支撑服务,这里选用NodeJS来完成。源码地址对源代码感兴趣的朋友可以在Github获取:https://github.com/miniflycn/url-extract安装PhantomJS首先,去PhantomJS官网下载对应平台的版本,或者下载源代码自行编译。然后将PhantomJS配置进环境变量,输入$ phantomjs如果有反应,那么就可以进行下一步了。利用P 阅读全文
利用connect建立前端开发服务器
2013-08-12 13:12 by Justany_WhiteSnow, 3191 阅读, 1 推荐, 收藏, 编辑
摘要:对于前后端完全分离的系统,开发时候我们需要给前端配置服务器,当然我们可以选择Nginx之类的服务器进行配置,但我们也能使用NodeJS构建高自由度的前端开发服务器。简单静态服务器下面是一个简单的静态服务器:var http = require('http'), url = require('url'), fs = require('fs') path = require('path');function getContentType(_path){ var contentType, ext = path.extname(_path 阅读全文
Bootstrap Popover 隐藏的Javasript方法
2013-07-10 12:12 by Justany_WhiteSnow, 15245 阅读, 0 推荐, 收藏, 编辑
摘要:简单介绍了Bootstrap Popover的Javascript API以及一些隐藏却很有用的API。 阅读全文
冷门Javascript API——element.insertAdjacentHTML
2013-06-07 23:43 by Justany_WhiteSnow, 2625 阅读, 3 推荐, 收藏, 编辑
摘要:John Resig(jQuery的作者)在2008年的时候曾经尝试将elment.insertAdjacentHTML引入jQuery,不过他最终放弃了。主要原因在于:其在IE6中不支持向table,tbody,thead或者tr插入html,否则会抛出错误。不支持XML文档。不过当时,这一由IE4.0开始出现的接口已经进入了HTML5的接口名单,将会有更多浏览器实现该接口,下面便是目前桌面浏览器的支持情况:FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)Basic support1.08.0 (8.0)4.0 阅读全文
React初探
2013-06-03 09:11 by Justany_WhiteSnow, 9169 阅读, 2 推荐, 收藏, 编辑
摘要:近日,facebook将其用户界面构建Javascript库React开源发布。等等……什么叫用户界面构建库(a library for building user interfaces)?顾名思义,当然就是该库是将特定规范的源代码(JSX),构建成新的代码(Javascript)。为什么我们需要这么做呢?我们觉得写CSS太麻烦了,太多重复工作了,所以我们使用LESS来代替他,让机器代替我们做这些事情。但是出于性能的需求,现在并不流行加载一个less.js让其动态处理这些LESS代码,而是转为先由LESS文件构建成静态的CSS文件,再使用,就像Bootstrap一样。OK,回到React,我们 阅读全文
深入Require.js
2013-05-28 09:32 by Justany_WhiteSnow, 17961 阅读, 2 推荐, 收藏, 编辑
摘要:现在,Require.js是我最喜欢的Javascript变成方式。它可以使代码化整为零,并易于管理。而Require.js Optimizer能帮助我们将一个较大的应用分散成多个较小的应用,并通过依赖串联起来,最后在编译打包时合并起来。许多原因促使我们使用require.js。
那么,让我们来看看require.js有什么牛逼的特性吧! 阅读全文
jQuery函数的等价原生函数
2013-05-27 09:12 by Justany_WhiteSnow, 2179 阅读, 1 推荐, 收藏, 编辑
摘要:原文:http://www.leebrimelow.com/native-methods-jquery/不太重要的没翻译= =我们针对常用的jQuery方法以及其等价原生方法的性能做了一些测试(1,2,3)。我知道你在想什么。原生方法明显要比jQuery方法快,因为jQuery方法要处理浏览器兼容以及其他一些事情。是的,我完全赞成。写这篇文章并不是出于反对使用jQuery,但如果你针对的是现代浏览器,那么使用原生方法会使性能有很大的提升。许多开发者没有意识到大多数他们使用的jQuery方法可以使用原生方法,或者更轻量级的方法来代替。下面是一些代码示例,展示一些常用的jQuery方法,以及其等价 阅读全文
一些CKEditor定制问题
2013-05-16 12:32 by Justany_WhiteSnow, 6815 阅读, 0 推荐, 收藏, 编辑
摘要:记录一下工作中遇到的CKEditor定制问题。 阅读全文
HTML中的base标签
2013-04-24 09:03 by Justany_WhiteSnow, 6476 阅读, 2 推荐, 收藏, 编辑
摘要:在requireJS中,有一个属性叫baseURL,通过设置baseURL,我们可以将需要加载的文件路径写成相对于项目的,而不是相对于当前页面的。
例如:假设我们的项目目录是/myproject/,里面有两个页面,一个是/myproject/one.html,另一个是/myproject/html/other.html,他们都要加载/myproject/js/some.js。如果我们将baseURL设置成/myproject/,则我们在加载该js的时候,这两个页面都可以使用相对于项目的路径./js/some,而不是因为页面的路径不同而使用不同的相对路径。
但是如果不使用requireJS,我们能不能实现类似于baseURL的功能呢? 阅读全文
用Grunt.js管理你的项目
2013-04-16 14:51 by Justany_WhiteSnow, 9731 阅读, 1 推荐, 收藏, 编辑
摘要:Grunt.js是什么?Grunt.js是一个Javascript Task Runner(Javascript任务运行器),其基于NodeJS,可用于自动化构建、测试、生成文档的项目管理工具。Grunt.js并不是仅仅是构建工具,实际上他只是任务运行器,管理每个子任务的自动化运行,我们还能使用他做更多东西。为什么使用Grunt.js?简单的说:为了自动化。对于前端项目,例如:为了明确模块分工,我们可能会将Javascript代码拆成很小很小的一个个js文件,但是我们知道,在最终页面上,我们知道过多的js文件会产生过多的Http Request,这不利于页面优化。所以我们可能希望可以合并这些j 阅读全文