WEB 十一月 18, 2021

AMD, CMD, CommonJS和UMD

文章字数 21k 阅读约需 19 mins.

Javascript模块化

在了解这些规范之前,还是先了解一下什么是模块化。

模块化是指在解决某一个复杂问题或者一系列的杂糅问题时,依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂...

查看全文

WEB 十月 07, 2021

JavaScript-hash与history

文章字数 29k 阅读约需 26 mins.

目前单页应用(SPA)越来越成为前端主流,单页应用一大特点就是使用前端路由,由前端来直接控制路由跳转逻辑,而不再由后端人员控制,这给了前端更多的自由。

目前前端路由主要有两种实现方式:hash模式和history模式,下面分别详细说明。

hash模式

这个我们应该不陌生,比如在用超链接制作锚点跳转的时候,就会发现,url后面跟了”#id”,hash值就是url中从”#”号开始到结束的部分

1
2
3
4
//纷享销客系统采取的就是hash模式`
https://www.fxiaoke.com/XV/Home...
查看全文

WEB 七月 13, 2021

JavaScript-ES6(下)

文章字数 130k 阅读约需 1:58

迭代器

Iterator

iterator` 是 ES6 新增的一种遍历机制,类似于数据解构的代理,使用它可以让我们不用直接对数据解构对象本身进行操作。

核心

  • 迭代器是一个同一的接口,它的作用是使各种数据结构可以被便捷访问,它是通过一个键为Symbol.iterator 的方法来实现。
  • 迭代器是用于遍历数据结构元素的指针(如数据库中的游标)

迭代过程

  • 通过 Symbol.iterator 创建一个迭代器,指向当前数据结构的起始位置
  • 随后通过 next 方法进行向下迭代指向下一个位置, next...
查看全文

WEB 七月 12, 2021

JavaScript-jQuery其他方法

文章字数 40k 阅读约需 37 mins.

jQuery 拷贝对象

如果想要把某个对象拷贝(合并)给另外一个对象使用,此时可以使用$.extend() 方法

语法:

1
$.extend([deep],traget,object1,[objectN])

1.deep:如果设为true为深拷贝,默认为false 浅拷贝

2.traget:要拷贝的目标对象

3.object1:待拷贝到第一个对象的对象

4.objectN:待拷贝到第N个对象的对象

5.浅拷贝是把拷贝的对象复杂数据类型中的地址拷贝给目标对象,修改目标对象会影响被拷贝对象

多库共存...

查看全文

WEB 七月 12, 2021

JavaScript-jQuery事件

文章字数 23k 阅读约需 21 mins.

jQuery 事件注册

单个事件注册

语法:

1
element.事件(function(){})
1
$("div").click(function(){事件处理程序})

jQuery 事件处理

事件处理 on() 绑定事件

on() 方法在匹配元素上绑定一个或多个事件处理函数

语法

1
element.on(events,[selector],fn)

1.events:一个或多个用空格分隔的事件类型,如”click” 或 “keydown”

2.selectos:元...

查看全文

WEB 七月 11, 2021

JavaScript-ES6(上)

文章字数 76k 阅读约需 1:10

ES6 简介

什么是 ES6?

ES 的全称是 ECMAScript,它是由 ECMA 国际标准化组织,指定的一项脚本语言的标准化规范。

年份 版本
2015年6月 ES2015
2016年6月 ES2016
2017年6月 ES2017
2018年6月 ES2018

ES6 实际上是一个泛指,泛指 ES2015 及后续的版本

为什么使用 ES6?

每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。

  • 变量提...
查看全文

WEB 七月 10, 2021

JavaScript-正则表达式

文章字数 24k 阅读约需 22 mins.

正则表达式概述

什么是正则表达式

正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。

正则表达式用来检索】替换那些符号某个模式(规则)的文本,例如验证表单:用户表单只能输入英文字母、数字或者下划线。昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)。或从字符串中获取我们想要的特定部分(提取)等。

其他语言也会使用正则表达式,在目前JavaScript中常用正则表达式作为表单验证...

查看全文

WEB 七月 10, 2021

JavaScript-函数进阶

文章字数 49k 阅读约需 45 mins.

函数的定义和调用

函数的定义方式

  1. 函数声明方式 function 关键字(命名函数)
  2. 函数表达式(匿名函数)
  3. new Function('参数1','参数2','函数体')(构造函数)
1
var fn = new Function('参数1','参数2'...,'函数体')
  • Function里面参数都必须是字符串格式
  • 第三种方式执行效率低,也不方便书写,因此较少使用
  • 所有函数都是 Function 的实例(对象)
  • 函数也属于对象

函数的...

查看全文

WEB 七月 09, 2021

JavaScript-构造函数和原型

文章字数 55k 阅读约需 50 mins.

构造函数和原型

概述

在典型的 OOP的语言中(如Java),都会存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没有引入类的概念

ES6,全称 ECMAScript6.0,2015.06发布。但是目前浏览器的 JavaScriptES5版本,大多数高版本的浏览器也支持ES6,不过只实现了ES6的部分特性和功能。

ES6之前,对象不是基于类创建的,而是用一种称为构造函数的特殊函数来定义对象和它们的特征。

创建对象可以通过以下三种方式:

1.对象字面量

2.new Object...

查看全文

WEB 七月 09, 2021

JavaScript-面向对象

文章字数 47k 阅读约需 42 mins.

面向对象编程介绍

两大编程思想

  • 面向过程
  • 面向对象

面向过程编程 POP(Process-oriented programming)

面向过程就是分析出解决问题所需要的步骤,然后利用函数把这些一步一步实现,使用的时候在一个一个依次调用就可以了。

举个栗子:将大象装进冰箱,面向过程做法。

面向过程,就是按照我们分析好了的步骤,按照步骤解决问题。

面向对象编程 OOP(Object Oriented Programming)

面向对象就是把事物分解成一个个对象,然后又对象之间分工合作。角色由 执行者...

查看全文
加载更多
0%