腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

积累沉淀

专栏作者

201

文章

327286

阅读量

56

订阅数

Javascript模块化编程(一)

java javascript

随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。 Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。但是，Javascript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（module）了。（正在制定中的ECMASc

2018-03-28

8390

Javascript模块化编程（二）：AMD规范

这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。（接上文）七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模块现在还没有官方规范，这一点就更重要了。目前，通行的Javascript模块规范共有两种：CommonJS和AMD。我主要介绍AMD，

2018-03-28

1.1K0

Javascript模块化编程（三）：require.js的用法

这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。　　<script src="1.js"></script> 　　<script src="2.js"></scrip

2018-03-28

2.1K0

JavaScript匿名函数与闭包

匿名函数就是没有名字的函数，闭包是可访问一个函数作用域里变量的函数。一．匿名函数 //普通函数 function box() {//函数名是box return 'Lee'; } //匿名函数 function () {//匿名函数，会报错 return 'Lee'; } //通过表达式自我执行 ( function box() {//封装成表达式 alert('Lee'); } ) ();//()表示执行函数，并且传参 //把匿名函数赋值给变量 var box = function () {//将匿名函

2018-01-11

6990

JavaScript面向对象与原型

数据结构 javascript

javaScript有两种开发模式：1.函数式(过程化)，2.面向对象(OOP)。面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，javaScript没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。一．创建对象创建一个对象，然后给这个对象新建属性和方法。 var box = new Object(); //创建一个Object对象 box.name = 'Lee';

2018-01-11

7170

JavaScript内置对象

数据处理 javascript

知识点： 1.Global对象 2.Math对象 java对内置对象的定义是：“由javaScript实现提供的、不依赖宿主环境的对象，这些对象在javaScript程序执行之前就已经存在了。”意思就是说，开发人员不必显示地实例化内置对象；因为它们已经实例化了。java只定义了两个内置对象：Global和Math。一．Global对象 Global(全局)对象是javaScript中一个特别的对象，因为这个对象是不存在的。在javaScript中不属于任何其他对象的属性和方法，都属于它的属性和

2018-01-11

7520

JavaScript基本包装类型

大数据 javascript

知识点： 1.基本包装类型概述 2.Boolean类型 3.Number类型 4.String类型为了便于操作基本类型值，ECMAScript提供了3个特殊的引用类型：Boolean、Number和String。这些类型与其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而能够调用一些方法来操作这些数据。一．基本包装类型概述 var box = ‘Mr. Lee’;

2018-01-11

1.4K0

JavaScript 变量作用域内存

知识点 1.变量及作用域 2.内存问题 JavaScript的变量与其他语言的变量有很大区别。JavaScript变量是松散型的(不强制类型)本质，决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则，变量的值及其数据类型可以在脚本的生命周期内改变。一．变量及作用域 1.基本类型和引用类型的值变量可能包含两种不同的数据类型的值：基本类型值和引用类型值。基本类型值指的是那些保存在栈内存中的简单数据段，即这种值完全保存在内存中的一个位置。而

2018-01-11

9420

JavaScript Function类型

掌握： 1.函数的声明方式 2.作为值的函数 3.函数的内部属性 4.函数属性和方法 Function(函数)类型实际上是对象。每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针。一．函数的声明方式 1.普通的函数声明 function box(num1, num2) { return num1+ num2; } 2.使用变量初始化函数 var box= function(num

2018-01-11

7970

JavaScript 时间与日期

javascript 数据处理

知识点： 1.Date类型 2.通用的方法 3.格式化方法 4.组件方法 JavaScript提供了Date类型来处理时间和日期。Date类型内置一系列获取和设置日期时间信息的方法。一．Date类型 Date类型是在早期Java中java.util.Date类基础上构建的。为此，Date类型使用UTC (Coordinated Universal Time，国际协调时间[又称世界统一时间]) 1970年1月1日午夜(零时)开始经过的毫秒来保存日期。在使用这种数据存储格式的条件下，Dat

2018-01-11

1.8K0

JavaScript正则表达式

什么是正则表达式？正则表达式也叫做匹配模式(Pattern)，它由一组具有特定含义的字符串组成，通常用于匹配和替换文本。在JavaScript脚本中，利用正则表达式可以很容易的实现文本字符串的检测、替换等功能。正则表达式是字符串，它定义了一个用来搜索匹配字符串的模式。定义模式：/表达式/ JavaScript脚本语言中引入正则表达式主要作用：验证字符串格式查找字符串替换文本创建方式： 1、采用RegExp对象的显式构造函数构造 var regObj = ne

2018-01-11

2.4K0

JavaScript对象和数组

学习要点： 1.Object类型 2.Array类型 3.对象中的方法什么是对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。一．Object类型到目前为止，我们使用的引用类型最多的可能就是Object类型了。虽然Object的实例不具备多少功能，但对于在应用程序中的存储和传输数据而言，它确实是非常理想的选择。创建Object类型有两种。一种是使用new运算符，一种是字面量表示法。 1.使用new运算符创建Object var box = new Object();

2018-01-11

1.7K0

JavaScript事件

JavaScript事件对于事件来讲，首先，我们需要了解这样几个概念：事件；事件处理程序；事件类型；事件流；事件冒泡；事件捕获；事件对象；事件模拟，事件方面的性能优化（事件委托、移除事件处理程序）；事件的概念事件：指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过监听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。事件处理程序：我们用户在页面中进行的点击这个动作，鼠标移动的动作，网页页面加载完成的动作等，都可以称之为事件名称，即：click、mousemove、loa

2018-01-11

2K0

JavaScript 事件绑定

事件绑定分为两种：一种是传统事件绑定(内联模型，脚本模型)，一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。一．传统事件绑定的问题传统事件绑定有内联模型和脚本模型，内联模型我们不做讨论，基本很少去用。先来看一下脚本模型，脚本模型将一个函数赋值给一个事件处理函数。 var box = document.getElementById('box');//获取元素 box.onclick = function () {//元素点击触发事件 alert('Lee'); };

2018-01-11

3.3K0

JavaScript 事件对象

html windows javascript

一．事件对象事件处理三部分组成：对象.事件处理函数=函数。例如：单击文档任意处。 document.onclick = function () { alert('Lee'); }; PS：以上程序的名词解释：click表示一个事件类型，单击。onclick表示一个事件处理函数或绑定对象的属性(或者叫事件监听器、侦听器)。document表示一个绑定的对象，用于触发某个元素区域。function()匿名函数是被执行的函数，用于触发后执行。除了用匿名函数的方法作为被执行的函数，也可以设置成独立的函数。 do

2018-01-11

1.9K0

JavaScript 事件基础补充

html javascript

JavaScript事件是由访问Web页面的用户引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行一系列代码。一．事件介绍 JavaScript有三种事件模型：内联模型、脚本模型和DOM2模型。二．内联模型这种模型是最传统接单的一种处理事件的方法。在内联模型中，事件处理函数是HTML标签的一个属性，用于处理指定事件。虽然内联在早期使用较多，但它是和HTML混写的，并没有与HTML分离。 //在HTML中把事件处理函数作为属性执行JS代码 <input type="button" va

2018-01-11

3K0

JavaScript DOM元素尺寸和位置

三大点： 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小一．获取元素CSS大小 1.通过style内联获取元素的大小 var box = document.getElementById('box');//获取元素 box.style.width;//200px、空 box.style.height;//200px、空 PS：style获取只能获取到行内style属性的CSS样式中的宽和高，如果有获取；如果没有则返回空。 2.通过计算获取元素的大小 var style = windo

2018-01-11

2.7K0

JavaScript DOM操作表格及样式

一．操作表格 <table>标签是HTML中结构最为复杂的一个，可以通过DOM来创建生成它（比较麻烦），或者HTML DOM来操作它。 //需要操作的table <table border="1" width="300"> <caption>人员表</caption> <thead> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> </thead> <tbody> <tr> <td>汤高</td> <td>男</td> <td>20</td> </tr> <tr

2018-01-11

3.5K0

JavaScript DOM基础

数据处理 javascript

DOM（Document Object Model）即文档对象模型，针对HTML和XML文档的API（应用程序接口）。一．DOM介绍 DOM中的三个字母，D（文档）可以理解为整个Web加载的网页文档；O（对象）可以理解为类似window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；M（模型）可以理解为网页文档的树型结构。 DOM有三个等级，分别是DOM1、DOM2、DOM3，并且DOM1在1998年10月成为W3C标准。DOM1所支持的浏览器包括IE6+、Firefox、Safa

2018-01-11

1.3K0

JavaScript BOM浏览器对象模型

数据处理 go javascript

BOM 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM本身是没有标准的或者还没有哪个组织去标准它。一．window对象 BOM的核心对象是window，它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层，对于每个打开的窗口，系统都会自动为其定义 window 对象。 1.对象的属性

2018-01-11

1.8K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态