随笔分类 - JavaScript
摘要:今天偶然间看到文档服务器有一个动态目录功能,点击目录能跳转到指定的位置;窗口滑动也能自动更新目录的焦点。 效果 框架 原来使用的是一个开源的jquery-ui控件——tocify.js,它可以遍历页面,把指定的DOM元素抽取出来形成目录。下载地址参考gitub : [gfranko/jquery.t
阅读全文
摘要:如果使用过 "JQuery Steps" 的朋友一定会发现这个插件有一个缺点,就是页面在第一次进入的时候,会进行一次很明显的DOM重绘——页面会闪一下。 尤其是前端代码比较庞大的时候,效果更为明显。 为了解决这个问题,就想使用点轻量级的流程向导。于是网上搜了下,恰好园友有这样一个插件,感谢 "杨元"
阅读全文
摘要:每个努力写博客的人都想让自己的博客有更多的人看到,即满足自己的虚荣心又能帮助到他人,何乐而不为呢。 像我这种写出来文章拿不到多少推荐,不能当上推荐博客,写的东西还总被移除首页的人来说,只能靠PV这种东西刷刷荣誉感了。 本篇就来手把手教大家如何为自己的博客进行IP PV统计! 什么是IP和PV IP就
阅读全文
摘要:前两天跟着叶小钗的博客,看了下RequireJS的源码,大体了解了其中的执行过程。不过在何时进行依赖项的加载,以及具体的代码在何处执行,还没有搞透彻,奈何能力不够,只能先记录一下了。 RequireJS的初探 看源码从头开始看,肯定是不切实际的。按照叶小钗的方法,是从data main开始的,所以我
阅读全文
摘要:在前端模块化的时候,不仅仅是js需要进行模块化管理,html有时候也需要模块化管理。这里就介绍下如何通过requirejs,实现html代码的模块化开发。 如何使用requirejs加载html Reuqirejs有一个text的插件,它可以读取指定文件的内容,读取到的内容就是文本。 如何下载tex
阅读全文
摘要:由于js的代码逻辑越来越重,一个js文件可能会有上千行,十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块,在一顿纠结是使用requirejs还是seajs的时候,最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档,仍然遇到不少的问题,比如jquery
阅读全文
摘要:之前也有很多人写过这个话题的博客了,但是我觉得大家都千篇一律——贴上一堆CSS的代码,对于新手来说,可能直接拷贝过去CSS代码,能改变下博客的样式,但是知其然不知其所以然,想要自己修改样式,仍然无从下手。 本篇就通过博客布局、CSS基本的方法、JQuery的使用、调试技巧、响应式布局扩展 等几个方面
阅读全文
摘要:通过本篇你可以了解到: 1 grunt cli的执行原理 2 nodeJS中模块的加载过程 Grunt cli原理 其实也是 模块,它可以帮助我们在控制台中直接运行 命令。因此当你使用 的时候,往往都是先安装 ,再安装 。 如果你使用的是 命令,那么安装地址如下: 在这里可以直接看到编译后的代码。
阅读全文
摘要:这一个月过去了三分之二,加上之前看过这本书三分之一,这才算是看完。虽然看完一遍,但是这本书内容很深,以后肯定是还要继续翻阅的.....什么是Nodejs Nodejs有几个特性:异步IO,事件驱动,单线程,跨平台 异步IO可以保证在CPU计算的同时,异步的加载IO,加快了应用的访问。不像传统的服...
阅读全文
摘要:Node里面的Buffer其实就是用于网络请求、文件读取等等操作,而且是分配在堆外,不会占用堆内的内存,这也是因为本来V8的内存就很小,如果读取大文件,那就......之前有看过Logstash的Buffer源码,感觉比这个高级多了....而Ruby中的Buffer则有点缓存的性质,支持大小的限制,...
阅读全文
摘要:之前有考虑过Node中的内存管理,但是没想到Node的内存机制与JVM如此相像。看完这部分的内容,基本可以了解Node中的内存使用技巧:1 尽量不要做过多的缓存2 使用队列应该有限制3 注意全局变量4 注意变量释放,以便垃圾回收点击这里戳大图
阅读全文
摘要:一直想自己做点小东西,直到最近看了本《HTML5游戏开发》,才了解游戏开发中的一点点入门知识。本篇就针对学习的几个样例,自己动手实践,做了个FlappyBird,源码共享在度盘;也可以参考github,里面有更多的游戏样例。游戏截图HTML5之CanvasCanvas是Html5中用于绘图的元素,它...
阅读全文
摘要:本篇是基于《JS修炼之道》的记录性与总结性的文章,这本书从多种框架的角度,讲述了JS开发中的一些实用技巧。比如Prototype,JQuery,Mootools,YUI,Dojo,Ext,不过我个人仅仅会点JQuery而已,因此也就专门只看JQuery的部分了。任务1 动态选择方法及属性由于方法在j...
阅读全文
摘要:由于网页的执行都是单线程的,在JS执行的过程中,页面会呈现阻塞状态。因此,如果JS处理的数据量过大,过程复杂,可能会造成页面的卡顿。传统的数据展现都以分页的形式,但是分页的效果并不好,需要用户手动点击下一页,才能看到更多的内容。有很多网站使用 无限分页 的模式,即网页视窗到达内容底部就自动加载下一部...
阅读全文
摘要:刚开始了解Node感觉很吊,各种说高性能,可是一直不理解为什么单线程会比多线程快?为什么异步IO比非阻塞IO快?因此,本篇在阅读相关书籍后,根据自己的理解,整理此文,如有错误,仅代表理论不精,必当修改,以免误导他人。还请多多指正..... 关于阻塞IO和非阻塞IO 系统内核只有两种IO模式—...
阅读全文