08 2014 档案
使用Canvas画箭头
摘要:canvas是HTML5的一个新添加的元素,HTML5 canvas是一个原生HTML绘图薄,用于Javascript代码,不使用第三方工具。canvas部分方法列表:方法用途getContext(contextId)公开在 canvas 上绘图需要的 API。惟一(当前)可用的 context... 阅读全文
posted @ 2014-08-29 16:09 木公2014 阅读(12439) 评论(1) 推荐(0)
使用requireJS实现模块化编程
摘要:RequireJS是一个工具库,主要用于客户端的模块管理。他可以让客户端的代码分成一个个模块,实现异步或动态加载,从而提高代码的性能和可维护性。他的模块管理遵守AMD规范(Asynchronous Module Definition)。 RequireJS的基本思想就是:通过define方法,... 阅读全文
posted @ 2014-08-26 20:09 木公2014 阅读(646) 评论(0) 推荐(0)
使用js实现前端内容实时搜索
摘要:本文主要基于项目的一个基本搜索功能,前端显示所有用户的在线评论信息;用户可以根据需要在搜索框中输入搜索关键字,实时搜索出相应的显示结果,并高亮显示。实现代码: /** * @brief 搜索一条房间中的符合要求的发言 * @param ... 阅读全文
posted @ 2014-08-25 21:17 木公2014 阅读(1812) 评论(0) 推荐(0)
使用grunt实现浏览器自动刷新
摘要:首先安装必备的插件:nodejs安装grunt安装grunt-contrib-watch:npm install grunt-contrib-watch —save-dev因为这是要引入livereload来监听你对文件所做的修改,所以需要一个服务器来实现浏览器与服务期间的通信,因此,可以利用a... 阅读全文
posted @ 2014-08-25 11:10 木公2014 阅读(564) 评论(0) 推荐(0)
js正则表达式学习笔记
摘要:JavaScript正则表达式的元字符:([{\^$|)?*+.元字符含义^串的开始$串的结束*零到多次匹配+一到多次匹配?零或一次匹配\b单词边界另外,还有一些预定义的特殊字符也被称为元字符元字符描述.查找单个字符,除了换行和行结束符。\w查找单词字符。\W查找非单词字符。\d查找数字。\D查... 阅读全文
posted @ 2014-08-24 14:41 木公2014 阅读(167) 评论(0) 推荐(0)
使用firework进行简单的切图操作
摘要:在web开发过程中,为了实现更好更优的交互,减少http请求数是其中比较有效的方法;图片在web请求中占用主要的带宽,因此合理的减少图片请求数以及降低图片数据是实现优化的最佳手段。下面就介绍如何使用firework工具实现切图:使用firework新建一张图片设置新建图片的背景色为透明设置图片格... 阅读全文
posted @ 2014-08-22 20:13 木公2014 阅读(749) 评论(0) 推荐(0)
使用grunt生成雪碧图
摘要:作为一名前端开发人员,实现前端自动化是一项大大节省开发时间的有效手段;这样开发人员可以更好更专注于前端代码的开发,而不用过多关注于css压缩,js检测这样的繁琐的工作。 本文主要介绍使用grunt实现前端雪碧图生成,以及生成相应的css文件,安装grunt,这部分就不多说了,具体内容参考htt... 阅读全文
posted @ 2014-08-22 19:49 木公2014 阅读(778) 评论(1) 推荐(0)