模块化也就是将一些通用的东西抽出来放到一个文件中，通过module.exports去暴露接口。我们在最初新建项目时就有个util.js文件就是被模块化处理时间的/*** 处理具体业务逻辑*/ function formatTime(date) {//获取年月日var year = date.getFullYear()var month = date.getMonth() + 1var day = date.getDate()//获取时分秒var hour = date.getHours()var minute = date.getMinutes()var second = date.getSeconds();//格式化日期ret...
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法 <script> $(function () {var SelectVal = $("input[name=rblGJS]:checked").val();if (SelectVal == 1) {$("#gjsbh").show(); }$("#<%=rblGJS.ClientID %>").change(function () {SelectVal = $("input[name=rblGJS]:checked").val(); if (SelectVal == 1) {$("#gjsbh").show(); } else { $("#gjsbh").hide();}}); }) </script><tr> <td align="right" class="label_st...
前言 jQuery的属性support是判断浏览器之间是否兼容的模块 ，该模块包含了leadingWhitespace，tbody，htmlSerialize，style，hrefNormalized，opacity，cssFloat，checkOn，optSelected，getSetAttribute….等兼容问题，所有的这些属性也只是jQuery内部会用到，因为jQ内部一些模块需要对这些东西进行判断， 就直接写成了一个support模块， 可以供我们， 但是我们写代码的时基本都没用到啊， 今天再把这些玩意儿过一下， 测试的浏览...
本文实例讲述了jQuery实现左侧导航模块的显示与隐藏效果。分享给大家供大家参考，具体如下： 1.效果如图所示：2.html代码： <div class="content_left"><div class="global_module news"><h3>最新动态</h3><div class="scrollNews" ><ul><li><a href="#" class="tooltip" title="甜美宽松毛衣今秋一定红.">甜美宽松毛衣今秋一定红.</a></li><li><a href="#" class="tooltip" title="秋装百搭小马甲不到50元.">秋装百搭小马甲不到50...
之前的项目一直采用grunt来构建，然后用requirejs做模块化，requirejs官方有提供grunt的插件来做压缩合并。现在的项目切到了gulp，模块化用起了seajs，自然而然地也想到了模块合并压缩的问题。 然后一开始在解决这个问题的时候，并不是很顺利，在npm上并没有那种特别流行的专门用来做seajs合并压缩的gulp插件，虽然在seajs的github上也看了不少的issue，但是大多数都是只能将所有的模块文件合并成一个总的文件，这对于单页面的应用...
这个标题本身就是一个命题，因为使用默认方式的情况下，一个 Node.js 应用里的各个模块都是共享的同一个数据库连接。但是如果姿势不对，可能会很丑陋，甚至可能会出错。 你可以忽略下面这部分，直接切入正题。 背景 最近在做专业课程设计，题目是“机票预订管理系统”。需求比较简单，就试着拿最近在学的 Node.js 来做了。本来还在调研用何种 Node.js 框架比较合适，看了几个框架之后发现这是杀鸡用牛刀，有看文档查资料的时间还不...
Sea.js所有源码都存放在 GitHub 上：https://github.com/seajs/examples，目录结构为： examples/|-- sea-modules 存放 seajs、jquery 等文件，这也是模块的部署目录|-- static 存放各个项目的 js、css 文件| |-- hello| |-- lucky| `-- todo`-- app 存放 html 等文件|-- hello.html|-- lucky.html`-- todo.html引入seajs主文件 <script src="js/sea.js"></script> <script type="text/javascript">// seajs配置...
前一篇：JS模块化工具我们以非常简单的方式引入了requirejs：//www.gxlcms.com/article/82527.htm，这一篇将讲述一下requirejs中的一些基本知识，包括API使用方式等 基本API require会定义三个变量：define,require,requirejs，其中require === requirejs，一般使用require更简短 define 从名字就可以看出这个api是用来定义一个模块 require 加载依赖模块，并执行加载完后的回调函数 前一篇中的a.js： define(function(){function ...
随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码质量得以提升。 requ...
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。关于AMD和CMD的理解AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块定...
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。 关于AMD和CMD的理解 AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块...
在前端模块化的时候，不仅仅是js需要进行模块化管理，html有时候也需要模块化管理。这里就介绍下如何通过requirejs，实现html代码的模块化开发。如何使用requirejs加载htmlReuqirejs有一个text的插件，它可以读取指定文件的内容，读取到的内容就是文本。如何下载text插件第一种方法，可以通过npm下载： npm install requirejs/text 第二种方法，也可以直接去官方github上面直接下载。 直接拷贝内容到text.js中即可。如何安装text插...
非官方文档，整理来自己官方文档的文字与实例，方便速查。 为什么使用 Sea.js ？ Sea.js 追求简单、自然的代码书写和组织方式，具有以下核心特性： 简单友好的模块定义规范：Sea.js 遵循 CMD 规范，可以像 Node.js 一般书写模块代码。 自然直观的代码组织方式：依赖的自动加载、配置的简洁清晰，可以让我们更多地享受编码的乐趣。 Sea.js 还提供常用插件，非常有助于开发调试和性能优化，并具有丰富的可扩展接口。 兼容性 Sea.js 具...
本文为大家解读javascript的模块化，具体内容如下 AMD是RequireJS在推广过程中对模块定义的规范化产出。 异步加载模块，依赖前置，提前执行。 Define定义模块 define([‘require,foo],function(){return}); Require加载模块(依赖前置) require([‘foo,bar],function(foo,bar){}); CMD是SeaJS在推广过程中对模块定义的规范化产出。 Define定义exports 导出define(function(require,exports,module){}); module上存储了当前模块上的...
模块化是一个通用的编程最佳实践。程序的模块化使我们可以更方便地使用别人的代码，想要什么功能，就加载什么模块，从而提高代码的利用效率，增加开发速度。 模块就像积木，有了它，我们可以搭出各种各种功能样式的程序。积木有什么特点？小而简单。同样的，我们程序中的模块也要做到这一点，确保自己创建的函数一次只完成一个工作，这样其他开发者可以简单地调试与修改你的代码，而不需浏览所有代码才能弄清每一个代码块执行了什么...