04 2014 档案

摘要:AMD 规范在这里:https://github.com/amdjs/amdjs-api/wiki/AMDCMD 规范在这里:https://github.com/seajs/seajs/issues/242AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 阅读全文
posted @ 2014-04-23 16:30 stephenykk 阅读(347) 评论(0) 推荐(0)
摘要:在比较之前,我们得先来了解下什么是AMD规范?什么是CMD规范?当然先申明一下,我个人也是总结下而已,也是网上看到的资料,自己总结下或者可以说整理下而已,供大家更深入的了解!因为我们都知道 AMD规范: 是 RequireJS 在推广过程中对模块定义的规范化产出的,而CMD规范: 是SeaJS 在推 阅读全文
posted @ 2014-04-23 16:28 stephenykk 阅读(320) 评论(0) 推荐(0)
摘要:~~~spm是基于nodejs的,打开nodejs命令行工具,npm install spm -g 进行spm的安装,过程很漫长 github上的官网不能访问 seajs自带的spm打包工具相关文档略少,在粗读了一点源代码之后,我摸索出了spm使用上的一些要点,记录为此文 压缩JS文件 只需要执行这 阅读全文
posted @ 2014-04-23 16:14 stephenykk 阅读(813) 评论(0) 推荐(0)
摘要:目录 快速参考 seajs.use seajs.config define require require.async exports module.exports 目录 快速参考 seajs.use seajs.config define require require.async exports 阅读全文
posted @ 2014-04-22 13:08 stephenykk 阅读(230) 评论(0) 推荐(0)
摘要:config alias preload debug map base charset timeout noConflict alias preload debug map base charset timeout config 可以使用 config 方法来配置seajs。 支持以下配置选项: a 阅读全文
posted @ 2014-04-22 12:53 stephenykk 阅读(235) 评论(0) 推荐(0)
摘要:require 规则 正确拼写 不要修改 使用直接量 动态依赖的小提示 书写规则 使用 SeaJS 书写模块代码时,需要遵循一些简单规则: 1. 正确拼写 在模块代码中,第一个参数 必须 命名为 require. 2. 不要修改 不要重命名 require 函数,或在任何作用域中给 require 阅读全文
posted @ 2014-04-22 12:46 stephenykk 阅读(254) 评论(0) 推荐(0)
摘要:目录 模块标识 相对标识 顶级标识 普通路径 文件后缀的提示 目录 模块标识 相对标识 顶级标识 普通路径 文件后缀的提示 相对标识 顶级标识 普通路径 模块标识 模块标识是一个字符串,用来标识模块。在 require、 require.async 等加载函数中,第一个参数都是模块标识。define 阅读全文
posted @ 2014-04-22 12:42 stephenykk 阅读(311) 评论(0) 推荐(0)
摘要:模块定义 define id dependencies factory exports require require.async require.resolve require.load require.constructor module module.id module.dependencie 阅读全文
posted @ 2014-04-22 11:35 stephenykk 阅读(414) 评论(0) 推荐(0)
摘要:使用场景 什么情况下需要使用 almond 呢?假设你手头有个基于requirejs的小项目,所有业务代码加起来就几十K(压缩后可能更小).出于性能优化的考虑,你可能在想:如果能够去掉requirejs的依赖就好了,毕竟,gzip后的requirejs还有大概20k(2.1.6版本)。 almond 阅读全文
posted @ 2014-04-22 06:30 stephenykk 阅读(342) 评论(0) 推荐(0)
摘要:就在前天晚上RequireJS发布了一个大版本,直接从version1.0.8升级到了2.0。随后的几小时James Burke又迅速的将版本调整为2.0.1,当然其配套的打包压缩工具r.js也同时升级到了2.0.1。此次变化较大,代码也进行了重构,层次更清晰可读。功能上主要变化如下: 1,延迟模块 阅读全文
posted @ 2014-04-21 16:44 stephenykk 阅读(344) 评论(0) 推荐(0)
摘要:这一篇来认识下打包工具的paths参数,在入门一中 就介绍了require.config方法的paths参数。用来配置jquery模块的文件名(jQuery作为AMD模块时id为“jquery”, 但文件名可通过paths配置可以不必是“jquery.js”,而是带有版本的如“jquery-1.7. 阅读全文
posted @ 2014-04-21 14:42 stephenykk 阅读(753) 评论(0) 推荐(0)
摘要:为了应对日益复杂,大规模的JavaScript开发。我们化整为零,化繁为简。将复杂的逻辑划分一个个小单元,各个击破。这时一个项目可能会有几十个甚至上百个JS文件,每个文件为一个模块单元。如果上线时都是这些小文件,那将对性能造成一定影响。 RequireJS提供了一个打包压缩工具r.js来对模块进行合 阅读全文
posted @ 2014-04-21 14:31 stephenykk 阅读(2366) 评论(0) 推荐(0)
摘要:RequireJS Optimizer 是 RequireJS 自带的前端优化工具,可以对 RequireJS 项目中的JavaScript和CSS 代码使用 UglifyJS 或者 Closure Compiler 进行压缩合并。这篇文章介绍RequireJS Optimizer 的使用和配置方法 阅读全文
posted @ 2014-04-21 13:37 stephenykk 阅读(463) 评论(0) 推荐(0)
摘要:接触过requirejs的童鞋可能都知道,无论是通过define来定义模块,还是通过require来加载模块,模块依赖声明都是很重要的一步。而其中涉及到的模块路径解析,对于新手来说,有的时候会让人觉得很困惑。 ~~~通常用require加载模块 , define定义模块, requirejs == 阅读全文
posted @ 2014-04-21 13:15 stephenykk 阅读(2971) 评论(0) 推荐(1)
摘要:RequireJS的目标是鼓励代码的模块化,它使用了不同于传统<script>标签的脚本加载步骤。可以用它来加速、优化代码,但其主要目的还是为了代码的模块化。它鼓励在使用脚本时以module ID替代URL地址。~~~模块化的代码,更清晰和易于维护§ 1.1加载JavaScript文件Require 阅读全文
posted @ 2014-04-21 11:38 stephenykk 阅读(2161) 评论(0) 推荐(0)
摘要:最近仿的几个主题中,有几个是采用html5语法制作的,html5嘛,以后必然大势所趋,但是现有的很多浏览器并不支持这种新的标准。而我制作网站习惯用的是chrome浏览器的,当然不存在不兼容问题了。 it is header content it is footer content等主题做完上线后,... 阅读全文
posted @ 2014-04-18 10:57 stephenykk 阅读(1588) 评论(0) 推荐(1)
摘要:chrome: html.scrollHeight = 1242html.clientHeight = 278html.scrollTop = 0body.scrollHeight = 1242body.clientHeight = 1226body.scrollTop = 400 ~~~scrol 阅读全文
posted @ 2014-04-17 15:35 stephenykk 阅读(444) 评论(0) 推荐(0)
摘要:本文是转帖,原文:http://www.baiduux.com/blog/2011/02/15/browser-loading/ 发布日期:2011年2月15日 作者:nwind类别:HTML/CSS,JavaScript,前端技术 | 评论(16) 本文将探讨浏览器渲染的loading过程,主要有 阅读全文
posted @ 2014-04-17 09:45 stephenykk 阅读(551) 评论(0) 推荐(0)
摘要:【PHP文件上传】 在开始之前,我觉得是有必要把通WEB上传文件的原理简单说一下的。实际上,在这里不管是PHP,JSP,还是ASP处理上传的文件,其实都是WEB早已把文件上传到服务器了,我们只是运用上传处理函数来处理上传的文件。而处理函数一般都是用PHP,JSP,ASP等服务端语言来实现的。那么如何 阅读全文
posted @ 2014-04-15 20:23 stephenykk 阅读(471) 评论(0) 推荐(0)
摘要:我们都知道,IE浏览器暂不支持CSS3的一些属性。国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,我觉得这些都是很有意义,很有价值的工作,可以推动整个技术领域的进步的。到目前为止,有不少可以让IE支持部分CSS3属性的工具。例如: 1. Dean Edward 阅读全文
posted @ 2014-04-15 15:39 stephenykk 阅读(242) 评论(0) 推荐(0)
摘要:前端不为人知的一面——前端冷知识集锦 前端不为人知的一面——前端冷知识集锦 前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一 阅读全文
posted @ 2014-04-15 14:31 stephenykk 阅读(309) 评论(0) 推荐(0)
摘要:JavaScript模块化开发库之SeaJSSeaJS由国内的牛人lifesinger开发。目前版本是1.1.1,源码不到1500行,压缩后才4k,质量极高。这篇会讲述SeaJS的一些基本用法,不会面面俱到,但会就个人的理解讲述官方文档没有提到的一些细节。 一、SeaJS的全局接口 SeaJS向全局 阅读全文
posted @ 2014-04-15 09:05 stephenykk 阅读(228) 评论(0) 推荐(0)
摘要:[转]seajs详解 SeaJS 是一个遵循commonJS规范的javascript模块加载框架,可以实现javascript的模块化开发和模块化加载(kk:模块可按需加载或全部加载)。 SeaJS 可以和 jQuery 完美集成,使用SeaJS 可提高javascript的可读性和清晰度,解决j 阅读全文
posted @ 2014-04-15 09:04 stephenykk 阅读(475) 评论(0) 推荐(0)
摘要:~~圆角是比较常用的css3属性,但是ie6-8并不支持圆角,可用border-radius.htc html组件实现圆角, border-radius.htc内部应用vml进行了重绘 border-radius.htc: 阅读全文
posted @ 2014-04-14 15:19 stephenykk 阅读(403) 评论(0) 推荐(0)
摘要:IE6以及更低版本的浏览器对“:hover”的支持不理想,对于类似的“p:hover”、“img:hover”、“#header:hover”...,今天给大家介绍一种新的方法,可以完美解决IE6不支持hover的情况,用法很简单,将下载后的“csshover.htc”文件,定义在body样式内 c 阅读全文
posted @ 2014-04-14 13:43 stephenykk 阅读(252) 评论(0) 推荐(0)
摘要:~~~不时会看到 用htc实现 hover, border-raius等效果,可以用来弥补IE6-8的不足。那么htc到底是什么呢? 1.摘要 本文在实例的基础上讨论了HTC(HTML Component)的编程方法,提出了一种编写脚本组件的基本模式。2.引言 HTC(HTML Component) 阅读全文
posted @ 2014-04-14 10:38 stephenykk 阅读(539) 评论(0) 推荐(1)
摘要:项目中做过这样的事情:所有页面都通过SSI指令 include这样一份public-js.shtml, 用来引入涉及到的js(包括公共的脚本 验证插件 自定义组件等),但是一些没有交互效果的页面根本不需要用到这些脚本,所以造成脚本冗余较大(尽管可以从缓存读取,但还是应该尽量减少没用到的脚本为佳) p 阅读全文
posted @ 2014-04-10 05:41 stephenykk 阅读(4921) 评论(0) 推荐(0)
摘要:按需加载是前端性能优化中的一项重要措施,按需加载是如何定义的呢?顾名思义,指的是当用户触发了动作时才加载对应的功能。触发的动作,是要看具体的业务场景而言,包括但不限于以下几个情况:鼠标点击、输入文字、拉动滚动条,鼠标移动、窗口大小更改等。加载的文件,可以是JS、图片、CSS、HTML等。后面将会详细 阅读全文
posted @ 2014-04-03 09:35 stephenykk 阅读(1705) 评论(0) 推荐(0)