随笔分类 -  JavaScript

摘要:简述 ClassNames是一个用于有条件处理classname字符串连接的库,非常好用~。 简单来说就是动态地去操作类名,把符合条件的类名粘在一起。 安装(使用npm) npm install classnames 引入 在nodejs里引入 var classNames = require('c 阅读全文
posted @ 2023-02-06 23:34 艾尔夏尔-Layton 阅读(1607) 评论(0) 推荐(0) 编辑
摘要:简述 json是JavaScript Object Notation的缩写,json是轻量级的文本数据交换格式,SON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON解析器和JSON 库支持许多不同的编程语言。 语法 json的最外 阅读全文
posted @ 2022-08-16 01:04 艾尔夏尔-Layton 阅读(104) 评论(1) 推荐(0) 编辑
摘要:简述 闭包(closure)是一个函数以及其捆绑的周边环境状态的引用的组合。换而言之,闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中,闭包会随着函数的创建而被同时创建。 闭包指有权访问另一个函数作用域中变量的函数——JS高级程序设计 闭包的例子 变量num的作用域是fn 阅读全文
posted @ 2022-08-15 14:31 艾尔夏尔-Layton 阅读(131) 评论(0) 推荐(0) 编辑
摘要:简述 在很早的时候,js脚本的代码又小又简单,没有必要进行模块化。但随着js代码变得越来越复杂,我们就需要对js的代码进行模块化处理,这样有利于代码复用。 模块 一个模块就是一个文件,一个脚本就是一个模块。 模块之间可以通过export和import关键字互相加载 语法 我们可以用export标记可 阅读全文
posted @ 2022-08-10 22:50 艾尔夏尔-Layton 阅读(173) 评论(0) 推荐(0) 编辑
摘要:简述 这3个函数有点像java里的stream函数式编程的概念,在js中则用箭头函数实现类似lamdba表达式的功能。 注意map和filter都会生成一个新数组,原数组的值没有发生变化 map映射 map用于将数组里的值映射成一个新值 let num1 = [1,2,3,4,5]; let num 阅读全文
posted @ 2022-07-28 11:00 艾尔夏尔-Layton 阅读(175) 评论(0) 推荐(0) 编辑
摘要:简述 解构赋值语法是一种 Javascript 表达式。通过解构赋值,可以将属性/值从对象/数组中取出,赋值给其他变量。 语法 等号右边是一个数组或对象,等号左边是不同的变量 [a,b,...] = [值1,值2,...] 像这样我们把1和2赋给了a和b let a,b; [a,b] = [1,2] 阅读全文
posted @ 2022-07-27 17:41 艾尔夏尔-Layton 阅读(447) 评论(0) 推荐(1) 编辑
摘要:简述 箭头函数是es6新增的函数定义语法,它是一种匿名函数写法,类似于java中的lambda函数。 普通函数和匿名函数 对于在js中,你可以这样定义一个普通函数 function sum(a, b) { return a + b } 你也可以把定义给一个变量赋值,我们称为匿名函数,可以使用这个变量 阅读全文
posted @ 2022-07-25 23:31 艾尔夏尔-Layton 阅读(324) 评论(0) 推荐(0) 编辑
摘要:简述 Json是JavaScript Object Notation,中文是JavaScript对象表示法。json是一种轻量级的数据交换格式,采用完全独立于编程语言的文本格式来存储和表示数据。于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。 基本规则 数据在名称/值对中:jso 阅读全文
posted @ 2021-07-01 20:21 艾尔夏尔-Layton 阅读(272) 评论(0) 推荐(0) 编辑
摘要:简述 AJAX是Asynchronous JavaScript and XML的缩写,意思是异步的 JavaScript 和 XML。AJAX是一种无需重新加载整个网页的情况下,能够更新部分网页的技术。它的本质就是通过在后台与服务器进行少量的数据交换,对网页的某部分内容进行更新。其最终目的就是——提 阅读全文
posted @ 2021-07-01 09:36 艾尔夏尔-Layton 阅读(150) 评论(0) 推荐(0) 编辑
摘要:三种显示方式和隐藏方式 默认显示和隐藏方式 1.show([speed,[easing],[fn]]) 显示 2.hide([speed,[easing],[fn]]) 隐藏 3. toggle([speed],[easing],[fn]) 切换显示和隐藏 speed 动画的速度。三个预定义的值(" 阅读全文
posted @ 2021-06-30 10:45 艾尔夏尔-Layton 阅读(47) 评论(0) 推荐(0) 编辑
摘要:简述 JQuery是JS的一个框架,用来简化JS开发,jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化html文档操作、事件处理、动画设计和Ajax交互。 J 阅读全文
posted @ 2021-06-30 10:20 艾尔夏尔-Layton 阅读(849) 评论(0) 推荐(0) 编辑
摘要:简述 Dom的全称是Browser Object Model,即浏览器对象模型,将浏览器的各个组成部分,封装成对象。 Bom的组成:Window窗口对象、Navigator浏览器对象、Screen显示器对象、History历史记录对象、Location地址栏对象 Window对象 window对象不 阅读全文
posted @ 2021-05-16 21:38 艾尔夏尔-Layton 阅读(143) 评论(0) 推荐(0) 编辑
摘要:简述 DOM全称是Document Object Model,即文档对象模型,它是一套用于管理控制html文档的规则。 它的本质就是将标记文档的各个组成部分,封装为对象。可以使用这些对象,对标记语言文档进行CRUD的动态操作。 Dom树 DOM 将 XML 文档和HTML文档作为一个树形结构,而树叶 阅读全文
posted @ 2021-05-15 22:17 艾尔夏尔-Layton 阅读(341) 评论(0) 推荐(0) 编辑
摘要:简述 JavaScript有八种内置对象:Array、Boolean、Date、Math、Number、String、RegExp、Global Array对象 Array对象就是数组对象 创建 1. var 对象名 = new Array(元素列表); 2. var 对象名 = new Array 阅读全文
posted @ 2021-05-14 15:54 艾尔夏尔-Layton 阅读(170) 评论(0) 推荐(0) 编辑
摘要:定义 方式1: var 方法名 = new Function(形参列表,方法体); 方法2: function 函数名(形参列表){ 方法体; } 方法3: var 方法名 = function(形参列表){ 方法体; } 属性 length代表形参的个数 我们可以通过方法名.length获取形参的 阅读全文
posted @ 2021-05-13 16:10 艾尔夏尔-Layton 阅读(47) 评论(0) 推荐(0) 编辑
摘要:简述 JavaScript包含了两大种数据类型,分别是原始数据类型和引用数据类型 原始数据类型 number 表示数字,nan表示一个不是数字的数字类型 string 没有字符的概念,都是字符串,单引和双引都是字符串 boolean 真和假 null 一个对象为空的占位符 undefined 未定义 阅读全文
posted @ 2021-05-13 15:45 艾尔夏尔-Layton 阅读(44) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示