首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS通用模块写法

模块化这个问题并非一开始就存在,WWW 刚刚问世的时候,html,JavaScript,CSS(JS 和 CSS 都是后来在网景被引进浏览器的)都是极其简单的存在,不需要模块化。...在 ES6 以前,JS 语言没有模块化,如何让 JS 不止运行在浏览器,且能更有效的管理代码, 于是应运而生 CommonJS 这种规范,定义了三个全局变量: require,exports,module...CommonJS 规范: var foo = require("foo"); var out = foo.sayName(); module.exports = out; 在浏览器端,不像 Node.js...首先搞一个模块 var factory = function () { var moduleName = {}; return moduleName; }; 当然 return 输出的可以是任何值,对象,,...其他都可以 首先满足 Node.js 或者 ES6,我们可以通过全局变量 module 和 exports 来判断 var factory = function () { var moduleName

2K10
您找到你想要的搜索结果了吗?
是的
没有找到

优雅的写法

前言 虽然现在已经是ES6的时代,但是,还是有必要了解下ES5是怎么写一个的。 本文详述JavaScript面向对象编程中的写法,并分步骤讲述如何写出优雅的。...; T.show(); 二、的构成 JavaScript的,是用函数对象来实现。 的实例化形式如下: var T = new Toast(); 其中的重点,就是Function的编写。...分为两部分:constructor+prototype。也即构造器+原型。 2.1 构造器 构造器从直观上来理解,就是写在函数内部的代码。...那么在原型上普通的写法如下: Toast.prototype.hide = function(){/*code*/} Toast.prototype.myValue = 1; 但是,该写法不好的地方:就是每次都要写前半部分...所以,在写一个的时候,需要考虑该新增属性是共享的,还是独占的。以此,决定在构造器还是原型上进行声明。 三、代码规范 的命名规范,业界有不成文的规定,就是首字母大写。

43750

js书写原生ajax,JS 原生ajax写法

: function() { return new XMLHttpRequest … js原生Ajax 的封装和原理 原理及概念 AJAX即“Asynchronous Javascript And XML...原生ajax 主要复习了php的pdo数据操作,和js的ajax,真麻烦,希望jquery的ajax简单点. index.php: 1 2 [代码]JS原生Ajax&comma...;GET和POST javascript/js的ajax的GET请求: Jquery学习笔记(10)–ajax删除用户,使用了js原生ajax 主要复习了php的pdo数据操作,和js的ajax,真麻烦...21:07:58 分类: 系统运维 问题:Struts 2 Action对象为每一个请求产生一个实例,因此没有线程安全问题.Spring的Ioc容器管理 … python学习第37天 MySQL数据...数据的优势 什么是数据(Data) 什么是数据(DataBase,简称DB) 什么是数据管理系统(DataBase Managerment System 简称DBMS) 数据 … Linux网络编程学习

15.3K40

js学习: 自定义 - miniQuery 2.0

Paste_Image.png 在上一篇 零基础打造自己的 js (1) 中,原本只是为了写个小案例,说明一下闭包,js对象的作用。...零基础打造自己的 js (1) 写完后,我又陆陆续续地改了很多代码,继而有了下面这个版本,暂且就叫做miniQuery v2.0吧,嘿嘿。...不够以后写案例的时候我差不多就可以直接调用这个miniQuery.js了,主要方便了自己,如果觉得有必要,我就可以立即在里面添加新的方法,实现了订制功能。...display:inline-block; cursor:pointer; font-family: "微软雅黑"; } "use strict"; /** * miniQuery 和 工具...miniQuery) return; //如果本类包装不了,就返回 if(miniQuery.length){ //如果是一个数组元素的话,就获取他的长度

1.6K70

node.js模块化写法入门

子模块的写法: function SVN(){ console.log('svn initialized'); return this; } function getInstance(.../lib/svn.js'); var svn1 = new SVN(); var svn2 = SVN.getInstance(); svn1和svn2就分别对应上述的两种公开方式。...我觉得习惯上,如果这个模块就是一个,那么用第一种方法比较合适;如果这个就是一个工具,只是静态函数,那么用第二个方式;如果这个模块其实包含很多个,那么还是第二个方式,这个模块就变了一个包(package...)或者说命名空间,例如: 搞个define.js,假设person.js导出了一个Person,animal.js导出一个Animal module.exports.Person = require.../person.js'); module.exports.Animal = require('./animal.js'); 使用时: var define = require('.

2.2K60

Strve.js这样写法像不像React?

上周自己抽时间把Strve.js升级了一下,现在目前版本是2.3.3。有兴趣的朋友可以去官方文档查阅一下。说到官方文档,之前有位朋友说我的文档缺乏可视化界面,就是那种在线编辑插件。...watchDOMChangeAPI,用于监视DOM树变化; 增加支持HTML模板字符串高亮显示(VSCode编辑器需安装 es6-string-html 插件); 删除StrveAPI的data属性参数; 视图模板支持Class写法...但是还是遇到了问题,那就是虚拟DOM量级的问题,因为Strve.js内部跟React.js相似,都是数据变化后,通过新老数据的计算 Diff 来得知数据的变化。...在上面我们说到React.js,我们常用的方式就是在Class中写JSX。那么,使用Strve.js其实也可以。...(图一) (图二​) Strve.js这次升级的亮点还有很多,可以打开优化后的官方文档查阅,以下有两种方式可供选择(复制以下地址到浏览器)。

2.1K10

零基础打造自己的 js (1)

放在一个单独js文件里固然不错,其实我们也可以单独整一个js,一方面可以锻炼一下自己封装方法的能力,另一方面,也可以将自己学到的东西做一个整理。...出于这个目的,本文将介绍如何封装一个简单的js。 1. 总体设计 所谓的js,其实也就是一个js文件,我思前想后,决定取个名字叫“miniQuery”,是不是山寨的味道十足呢?...Paste_Image.png 这样就可以了,下面是另一种写法: ( function(){ alert("你好!"); } )(); 这样也可以,这种写法会更多一点。...有了上面的解释,以后如果你再遇到这种写法,就 so easy 啦。 所以,不要再恐惧了,它就是这么回事,没什么大不了的,我这么后知后觉的人都能写,你也可以。...虽然我觉得很有道理,但是我看别人的代码,他们封装自己的js的时候,几乎没有这样做的,因此我们也采用一种大众的做法。 即,我们把window作为参数传进去,然后手动将miniQuery挂上去。

3.5K70
领券