![](https://img-blog.csdnimg.cn/20200607011218430.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
JavaScript忍者秘籍
AutumnWind0420
记录技术学习,分享带来快乐
展开
-
Gulp快速入门教程
Gulp介绍 中文主页: http://www.gulpjs.com.cn/ gulp是与grunt功能类似的前端项目构建工具, 也是基于Nodejs的自动任务(task)运行器 能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的合并、压缩、检查、监听文件变化、浏览器自动刷新、测试等任务 gulp更高效(异步多任务), 更易于使用, 插件高质量 安装 nodejs, 查看版本: node -v 创建一个简单的应用gulp_test|- di.原创 2020-06-25 01:25:52 · 173 阅读 · 0 评论 -
JS模块化
1. 立即执行函数模块化 2. AMD-RequireJS模块化 3. CommonJS-Browserify模块化 4. ES6模块化原创 2020-06-22 19:29:23 · 91 阅读 · 0 评论 -
立即执行函数模块化
(function (window, $) { //数据 let data = 'I am a module'; //操作数据的函数 function foo() { //用于暴露有函数 console.log(`foo() ${data}`); $('body').css('background', 'red'); } function bar() {//用于暴露有函数 console.log(`bar() ${data}`); otherFun原创 2020-06-22 19:24:30 · 288 阅读 · 0 评论 -
ES6模块化
ES6-Babel-Browserify 1. 定义package.json文件 json { "name" : "es6-babel-browserify", "version" : "1.0.0" } 2. 安装babel-cli, babel-preset-es2015和browserify npm install babel-cli browserify -g npm install babel-preset-es2015 --save-dev 3. 定义.babelrc文件 json { "原创 2020-06-22 19:12:30 · 155 阅读 · 0 评论 -
AMD-RequireJS模块化
require.js使用 1. 下载require.js, 并引入 官网: http://www.requirejs.cn/ github: https://github.com/requirejs/requirejs 将require.js导入项目: js/libs/require.js 2. 创建项目结构 |-js |-libs |-require.js |-modules |-alerter.js |-dataService.js |-main.js |-ind原创 2020-06-22 18:54:14 · 160 阅读 · 0 评论 -
CommonJS-Browserify模块化
Browserify模块化 Browserify让你可以使用require('modules')在浏览器端打包模块依赖 创建项目结构|-js |-dist |-src |-module1.js |-module2.js |-module3.js |-app.js |-index.html |-package.json { "name": "browserify-demo", "version": "1.0.0" } -dist 打包生成文原创 2020-06-22 18:20:03 · 121 阅读 · 0 评论 -
JavaScript继承
函数原型+对象冒充实现继承 // 父类函数 function Person(name) { this.name = name; } // 父类函数的原型属性 Person.prototype.say = function () { console.log("Hello " + this.name); }; // 子类函数 function Ninja(name, weapon) { // 对象冒充,将子类函数的上原创 2020-06-08 02:10:18 · 84 阅读 · 0 评论 -
JavaScript函数
函数是JavaScript的一等对象 函数是JavaScript的一等对象(first-class object),或者说是一等公民(first-class zitizens)。 // 使用字面量定义一个空对象 let ninja = {}; // 分配属性 ninja.name = "Hanzo"; // 为对象的属性赋值为一个新对象 ninja.data = {}; // 使用字面量定义一个数组 let ninjaArray = [];原创 2020-06-07 01:01:36 · 117 阅读 · 0 评论