Javascript
关注
分享
扫一扫
xzp_forever
小小白
展开
-
使用JavaScript制作浏览器标签
纯属测试:第一步:准备一个登陆页面<!Doctype html><html><head> <meta charset='utf-8' /> <title>登录</title> <style> .loginContainer { position: relative; width: 350px; height: 200px; margin: 0 auto; border:.原创 2020-06-07 12:38:54 · 641 阅读 · 0 评论 -
JAVASCRIPT之函数表达式
函数表达式在Javascript中定义函数的方式有两种： 一种是函数声明， 另一种是函数表达式。函数声明语法如下：function functionName (arg0, arg1, arg2) { //函数体}函数声明的一个重要特征就是函数声明提升，意思是在执行代码之前会先读取函数声明。这就意味着可以把函数声明放在调用它的语句后面。sayHi();functi...原创 2019-03-12 22:33:11 · 268 阅读 · 0 评论 -
JAVASCRIPT之递归
递归递归函数是在一个函数通过名字调用自身的情况下构成的，如下所示。function factorial(num) { if (num <= 1) { return 1; } else { return num * factorial(num - 1); }}这是一个经典的递归阶乘函数。虽然这个函数表面看来没什么问题，但是...原创 2019-03-12 22:47:46 · 180 阅读 · 0 评论 -
JAVASCRIPT引用类型之Array类型（一）
Array类型除了Object之外，Array类型恐怕是ECMAScript中最常用的类型了。而且， ECMAScript中的数组与其他多数语言中的数组有着相当大的区别。虽然ECMAScript数组与其他语言中的数组都是数据的有序列表，但与其他语言不通的是，ECMAScript数组的每一项可以保存任何类型的数据。也就是说，可以用数组的第一个位置保存字符串，用第二个位置保存数值，用第三个位置保存...原创 2019-03-21 22:02:21 · 169 阅读 · 0 评论 -
JAVASCRIPT之模仿块级作用域
模仿块级作用域在Javascript中没有块级作用域的概念。这意味着在块语句中定义的变量，实际上是包含在函数中而非语句中创建的。如下：function outputNumbers(count) { for (var i = 0; i < count; i++) { console.log(i); } alert(i); //10}ou...原创 2019-03-18 21:19:46 · 216 阅读 · 0 评论 -
JAVASCRIPT之私有变量
私有变量严格来讲，JavaScript中没有私有成员的概念；所有对象属性都是共有的。不过，倒是有一个私有变量的概念。任何在函数中定义的变量，都可以认为是私有变量，因为不能在函数的外部访问这些变量。私有变量包括函数的参数，局部变量和在函数中定义的其他函数。看下面的例子：function add(num1, num2) { var sum = num1 + num2; ret...原创 2019-03-18 22:01:31 · 296 阅读 · 0 评论 -
JAVASCRIPT之静态私有变量
静态私有变量通过在私有作用域中定义私有变量或函数，同样也可以创建特权方法，其基本模式如下所示：(function() { var privateVariable = 10; function privateFunction(max) { if (privateVariable > max) { return false; ...原创 2019-03-18 22:43:02 · 396 阅读 · 0 评论 -
JAVASCRIPT引用类型之Array类型（二）
Array类型数组继承的toLocalString() , toString() 和 valueOf() 方法输出，在默认情况下都会以逗号分隔的字符串的形式返回数组想。而如果使用join方法，则可以使用不同的分隔符来构建这个字符串。join()方法只接受一个参数，即用作分隔符的字符串，然后返回包含所有数组项的字符串。如下：var colors = ["red", "green", "bl...原创 2019-03-25 22:03:55 · 131 阅读 · 0 评论 -
JAVASCRIPT引用类型之Array类型（四）
Array类型indexOf() 和 lastIndexOf() ：ECMAScript为数组实例添加了两个位置方法： indexOf() 和 lastIndexOf() 。这两个方法都接收两个参数： 要查找的项和（可选的）表示查找起点位置的索引。其中, indexOf() 方法从数组的开头（位置0）开始向后查找，lastIndexOf() 方法则从数组的末尾开始向前查找。这两个方法都...原创 2019-04-03 21:42:52 · 240 阅读 · 0 评论 -
JAVASCRIPT引用类型之Array类型（三）
Array类型ECMAScript为操作已经包含在数组中的项提供了很多方法。concat() 方法concat() 方法可以基于当前数组中的所有项创建一个新数组。具体来说，这个方法会先创建当前数组一个副本，然后将接收到的参数添加到这个副本的末尾，最后返回新构建的数组。在没有给concat() 方法传递参数的情况下，它只是复制当前数组并返回副本。如果传递给concat() 方法的是一或多...原创 2019-03-26 23:08:15 · 128 阅读 · 0 评论 -
JAVASCRIPT引用类型之Date类型
Date类型ECMAScript中的Date类型是在早起的Java中的java.util.Date类基础上构建的。为此，Date类型使用自UTC(Coordinated Universal Time, 国际协调时间) 1970年1月1日午夜（零时）开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下，Date类型保存的日期能够精确到1970年1月1日之前或之后的285616年。要创建...原创 2019-04-07 22:33:47 · 208 阅读 · 0 评论 -
JAVASCRIPT引用类型之RegExp类型
RegExp类型ECMAScript通过RegExp类型来支持正则表达式。使用下面的语法，可以创建一个正则表达式：var expression = /pattern/flags;其中模式（pattern）部分可以使任何简单或复杂的正则表达式，可以包含字符类，限定符，分组，向前查找以及反向引用。每个正则表达式都可带有一个或多个标志（flags），用以标明正则表达式的行为。正则表达式的匹...原创 2019-04-11 22:10:06 · 230 阅读 · 0 评论 -
JDBC连接数据库
JDBC连接public class JdbcDemo { public static void main(String[] args) { try { // 注册驱动 Class.forName("com.mysql.cj.jdbc.Driver"); String url = "jdbc:m...原创 2019-03-21 07:32:19 · 152 阅读 · 0 评论 -
JAVASCRIPT之引用类型
引用类型引用类型的值（队形）是引用类型的一个实例。在ECMAScript中，引用类型是一种数据结构，用于将数据和功能组织在一起。它也常被称为类，但这种称呼并不恰当。尽管ECMAScript从技术上讲是一门面向对象的语言，但它不具备传统的面向对象语言所支持的类和接口等基本结构。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。对象是某个特定引用类型的实例。新对象是使...原创 2019-03-20 21:41:09 · 157 阅读 · 0 评论 -
JAVASCRIPT之模块模式
模块模式道格拉斯所说的模块模式则是为单例创建私有私有变量和特权方法。所谓单例，指的就是只有一个实例的对象。按照惯例，JavaScript是以对象字面量的方式来创建单列对象的。var singleton = { name: value, method: function() { }}模块模式通过为单例添加私有变量和特权方法能够使其得到增强，...原创 2019-03-19 22:22:38 · 260 阅读 · 0 评论 -
JAVASCRIPT面向对象的程序设计之对象属性类型
在ECMAScript中有两种属性：数据属性和访问器属性数据属性包含一个数据值的位置。 这个位置可以读取和写入值。 数据属性有4个可以描述其行为的特性：1 [[configurable]] : 表示能否通过delete删除属性从而都重新定义属性，能否修改属性的特性， 或者能否把属性修改为访问器属性。2 [[enumerable]] : 表示能否通过for-in循环返回属性。3 [[...原创 2019-02-21 22:23:58 · 158 阅读 · 0 评论 -
JAVASCRIPT面向对象的程序设计之原型
原型对象原型是一个对象！在Javascript中,只要创建一个函数,就会为改函数创建一个prototype属性,这个属性指向函数的原型对象.默认情况下, 所有原型对象都会自动获得一个constructor(构造函数)属性, 这个属性包含一个指向prototype属性所在函数的指针.例:function Person() {}Person.prototype.name ...原创 2019-02-23 16:40:44 · 145 阅读 · 0 评论 -
JAVASCRIPT面向对象的程序设计之原型链继承
原型链继承继承是OO(Object oriented 面向对象)语言中的一个最为津津乐道的概念。 许多面向对象语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则是继承实际的方法，例如在Java中通过关键字implements实现接口即对应接口继承， 通过extends关键字继承类即对应的实现继承；但是在Javascript中， 由于函数没有签名， 所以无法实现接口...原创 2019-02-23 21:28:55 · 244 阅读 · 0 评论 -
JAVASCRIPT面向对象的程序设计之借用构造函数实现继承
借用构造函数实现继承由于通过原型链方式实现继承会存在缺陷（参考原型链继承）， 所以有了借用构造函数实现继承。借用构造函数实现方式如下：function SuperType() { this.colors = ["red", "blue", "green"];}function SubType() { SuperType.call(this);}var in...原创 2019-02-24 16:27:55 · 192 阅读 · 0 评论 -
JAVASCRIPT面向对象的程序设计之组合继承
组合继承组合继承，有时候也叫做伪经典继承。 指的是将原型链和借用构造函数的技术组合到一块，从而发挥二者之长的一种继承模式。其背后的思想是使用原型链实现对原型属性和方法的继承，而通过借用构造函数实现对实例属性的继承。实现方式如下：function SuperType(name) { this.name = name; this.colors = ["red", "blue"...原创 2019-02-24 16:46:19 · 166 阅读 · 0 评论 -
JAVASCRIPT面向对象的程序设计之原型式继承
原型式继承道格拉斯·克罗克福德在2006年写了一篇文章， 在该文章中介绍了一种实现继承的方法， 即原型式继承。实现如下：function object(o) { function F() {} F.prototype = o; return new F();}使用方式如下：var person = { name : "Nicholas", ...原创 2019-02-24 17:11:32 · 130 阅读 · 0 评论 -
JAVASCRIPT面向对象的程序设计之寄生式继承
寄生式继承寄生式继承是与原型式继承紧密相关的一种思路， 同样也是道格拉斯·克罗克福德推而广之的。寄生式继承的思路与寄生构造函数和工厂模式类似， 即通过创建一个用于封装继承工程的函数，该函数内部以某种方式来增强对象，最后再像真的是它做了所以工作一个返回对象。实现如下：function object(o) { function F() {} F.prototype = o;...原创 2019-02-24 17:20:33 · 142 阅读 · 0 评论 -
JAVASCRIPT面向对象的程序设计之寄生组合式继承
寄生组合式继承组合继承是Javascript最常用的继承模式， 但是以为调用了两次超类的构造函数，所以还有不足。而寄生组合式继承则解决了这个问题。实现如下：function inheritPrototype(subType, superType) { var prototype = Object.create(superType.prototype); //创建原型对象 ...原创 2019-02-24 17:43:45 · 188 阅读 · 0 评论 -
JAVASCRIPT之数据类型
数据类型在ECMAScript中变量可能包含两种不同类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段，而引用类型值指那些可能由多个值构成的对象。基本数据类型：undefined, null, boolean, number 和 string。 这5种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值。引用类型的值是保存在内存中的对象。Javascript不允许直...原创 2019-03-04 19:47:50 · 129 阅读 · 0 评论 -
JAVASCRIPT之执行环境及作用域
执行环境（execution context, 为简单起见，有时也称为“环境”）是Javascript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之相关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。全局执行环境是最外围的一个执行环境。根据E...原创 2019-03-04 20:24:15 · 169 阅读 · 0 评论 -
JAVASCRIPT之闭包
闭包闭包指的是有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。function createComparisonFunction(propertyName) { return function(object1, object2) { var value1 = object1[propertyName]; ...原创 2019-03-14 23:09:32 · 138 阅读 · 0 评论 -
JAVASCRIPT面向对象的程序设计之创建Javascript对象
Javascript创建对象：1）Object对象：var obj = new Object();obj.name = "XC";obj.age = 18;obj.description = function() { console.log(this.name + " -> " + this.age);}2）字面量：var obj = { na...原创 2019-02-21 21:30:09 · 257 阅读 · 0 评论