摘要: ES6-Babel-Browserify模块化教程 ###1. 创建项目结构 |-js |-src |-module1.js |-module2.js |-module3.js |-main.js |-index.html |-package.json 2. 安装babel-cli, babel-p 阅读全文
posted @ 2020-06-16 17:47 全情海洋 阅读(630) 评论(0) 推荐(0) 编辑
摘要: CommonJS 浏览器端模块化教程 ###1. 创建项目结构 |-js |-dist //生成编译完js的目录 |-src //源码所在的目录(我们编写的、没经过工具处理的代码,叫做源码) |-module1.js |-module2.js |-module3.js |-main.js |-ind 阅读全文
posted @ 2020-06-16 17:45 全情海洋 阅读(164) 评论(0) 推荐(0) 编辑
摘要: CommonJS服务端模块化教程(Node.js模块化教程) ###1. 安装Node.js ###2. 创建项目结构 |-modules |-module1.js |-module2.js |-module3.js |-main.js |-package.json ###3. 模块化编码: mod 阅读全文
posted @ 2020-06-16 17:41 全情海洋 阅读(331) 评论(0) 推荐(0) 编辑
摘要: 谈及前端模块化,自然会想到AMD(异步模块定义)和CMD(通用模块定义),这里我着重谈一下AMD的相关内容 AMD的整体目标是提供模块化的JavaScript解决方案,以便开发人员使用。 关于AMD有两个关键概念是值得我们注意的,它们是用于模块定义的define方法和用于处理依赖加载的require 阅读全文
posted @ 2020-06-16 11:45 全情海洋 阅读(356) 评论(0) 推荐(0) 编辑
摘要: rand.js 1 define(function () { 2 //关于抽奖 中奖的概率实现 3 function rand(m, n) { 4 return Math.ceil(Math.random() * (n - m + 1)) + m - 1; 5 } 6 //暴露数据 7 return 阅读全文
posted @ 2020-06-16 11:44 全情海洋 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 注意 文章需要边看边练习,不然你可能忘得速度比看的还快。 原文地址: http://my.oschina.net/goskyblue/blog/552284 Browserify browserify的官网是http://browserify.org/,他的用途是将前端用到的众多资源(css,img 阅读全文
posted @ 2020-06-16 10:33 全情海洋 阅读(832) 评论(0) 推荐(0) 编辑
摘要: 内容大部分都是来源于 阮一峰老师的博客,做个搬运工加自己写一写。想看原文请移步CommonJS规范 -- JavaScript 标准参考教程(alpha) 1.了解 node应用由模块组成,采用的commonjs模块规范。每一个文件就是一个模块,拥有自己独立的作用域,变量,以及方法等,对其他的模块都 阅读全文
posted @ 2020-06-16 10:30 全情海洋 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 简而言之,此属性定义了当我们引用依赖时的文件地址。 平时开发中基本用不到,只有我们在引用或者开发某个依赖包的时候才派上用场。不使用main属性的话我们可能需要这样写引用:require("some-module/dist/app.js"),如果我们在main属性中指定了dist/app.js的话,我 阅读全文
posted @ 2020-06-16 10:22 全情海洋 阅读(5439) 评论(0) 推荐(0) 编辑