过青年-CSDN博客

原创 03 AMD模块化规范基础使用详解

AMD模块规范1.1 AMD规范说明AMD规范专门用来实现浏览器端的模块化，并且模块的加载是异步的；引入一个第三方的require.js脚本用来解析AMD规范编写的模块1.2 基本语法使用define用来暴露模块，使用require用来引入模块1.21暴露模块（1）使用define(function(){})函数定义模块；并且向外暴露// 定义一个没有依赖模块的data.js模块define(function(){ let name = '过青年'; function get

2020-07-20 21:01:02 1361 1

原创 05 ES6模块化规范基础使用详解

ES6模块规范1.1 ES6规范说明历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。自从ES6的推出，ES6定义了自己的模块化规范，使用export和import导出导入实现模块化管理1.2 基本语法模块

2020-07-21 20:50:03 379 1

原创 04 CMD规范基础使用详解

CMD模块规范1.1 CMD规范说明专门用于浏览器端，并且模块的加载是异步的，而且只有模块使用时才会加载执行；CMD规范的语法类似于Commonjs + AMD ——定义模块使用AMD语法，暴露变量、引入模块使用Commonjs语法1.2 基本语法使用全局函数define定义模块，使用export暴露模块，使用require引入模块1.21暴露模块（1）定义一个没有依赖的模块，定义模块使用define函数，传入一个函数，函数参数为require,exports,module，require参数

2020-07-21 11:03:16 320

原创 web离线应用基础使用详解

离线应用1.0 离线应用说明支持离线Web应用是一个重点，离线就是在设备没有网络的情况下依然可以运行的运用；前端开发人员一直希望Web应用可以和传统客户端应用(pc端)同场竞技，PC端应用一个很重要的特点就是在没有网的情况下也能正常使用，所以前端应用也要做到这一点；1.1 离线检测如果要开发离线应用，首先应该知道设备是否处于离线状态下，JavaScript中的navigator.onLine属性存储了这个状态，离线还是联网；如果返回true则联网，否则离线；if(navigator.o

2020-07-16 23:00:06 579

原创 02 Commonjs模块化规范基础使用详解

Commonjs规范1.1 commonjs规范说明每一个js文件就是一个模块，文章中我说的模块可以等价为一个js文件node应用由模块组成，采用的commonjs模块规范。每一个js文件就是一个模块，拥有自己独立的作用域，变量，以及方法等，对其他的模块都不可见。CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。加载某个模块，其实是加载该模块的module.exports属性。requi

2020-07-14 22:56:49 263

原创 01 模块化规范概述

模块简介1.1什么是模块在计算机程序的开发过程中，随着程序代码越写越多，在一个文件里代码就会越来越长，越来越不容易维护。当项目功能越来越多，代码量便也会越来越多，后期的维护难度会增大，此时在JS方面就会考虑使用模块化规范去管理为了编写可维护的代码，我们把很多函数(实现某个功能)分组，分别放到不同的文件里，这样，每个文件包含的代码就相对较少，很多编程语言都采用这种组织代码的方式。在Node环境中，一个.js文件就称之为一个模块（module）。1.2使用模块有什么好处？最大的好处是大大提高了代

2020-07-14 22:55:06 167

原创 JSON使用：第一次调用的函数过滤器，传入的键是一个空字符串

（1）注意：实际上，第一次调用的函数过滤器，传入的键是一个空字符串，而值就是js对象如下面一段代码var obj = { name: "过青年", age: 20, arr: [1,2,3,4], location: "江西宜春", school: { location: "江西南昌" }}; 根据上面这个js对象，执行下面的代码，JSON.stringify()方法执行后，首先传入的键值对是**"":obj** ，没错，传

2020-07-13 22:25:22 140

原创 JSON基础使用详解

JSON：JavaScript对象表示法1.1 JSON说明曾经一段时间，XML是互联网传递数据的统一标准，但是业界一直不乏质疑XML的人士，他们都认为XML过于繁琐，冗长；提取数据也过于麻烦2006年，JSON被提交给了IETF；在这之后，JSON逐渐发展起来，在互联网上得到广泛应用；我们要记住：JSON只是一种数据格式，主要用来传递数据，并不是一种编程语言，虽然与JavaScript的语法相似，但是并不是JavaScript才使用JSON，毕竟JSON只是一种数据格式，很多编程语言都有针对JSO

2020-07-13 20:23:44 229

过青年