自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 js属性控制符Object.defineProperties()和Object.getOwnPropertyDescriptor()

方法用于在一个对象上定义或修改多个属性,接收两个参数:要定义属性的对象和属性描述符对象。属性描述符对象可以包含多个属性的定义,每个属性都以属性名作为键,以一个描述符对象作为值。方法用于获取对象指定属性的描述符,接收两个参数:要获取描述符的对象和属性名。都是JavaScript中用于操作对象属性的方法,但是它们的作用不同。方法会将属性描述符对象中的属性应用到要定义属性的对象上。如果对象中不存在指定的属性,则返回。方法用于定义或修改多个属性,而。方法用于获取指定属性的描述符。

2023-11-25 18:38:42 395

原创 3.4数据类型

ECMAScript 有 6 种数据类型(也称 原始类型 ) :Undefined 未定义、Null 空、Boolean 布尔值、Number 数值、String 字符串、Symbol 符号(ECMAScript 6 新增加的)。还有一种复杂数据类型 :Object 对象、是一种 无序名值对的集合。因为在 ECMAScript 中不能 定义自己的数据类型 ,所有的值 都可以用 上述 七种 数据类型 表示。只是 7种 数据类型 似乎不足以 表示全部数据。

2023-09-01 22:47:18 133 1

原创 JS中数值转换的方式

parseInt()函数还允许指定要解析的进制数。例如,传入第二个参数2,就表示要将字符串解析为二进制数。Number()函数可以将字符串、布尔值、null 和 undefined 转换为数值。注意,parseFloat()函数只能解析十进制数,无法解析其他进制数。但需要注意,如果字符串中包含非数字字符,这种方法会将其转换为NaN。

2023-06-13 12:45:25 269

原创 在JavaScript中什么是假值

这些值在布尔上下文中被视为假,即它们都可以被视为 false 表达式的值。其他所有值在布尔上下文中都被视为真值(true values)。在编写条件表达式时,了解这些假值是非常重要的。

2023-06-10 11:16:27 227

原创 3.3.3 const 声明

const 的行为与 let 基本相同,唯一一个重要区别是用它声明 const 变量的时候必须要同时初始化该变量。在 for 循环中,JavaScript 引擎会为 let 创建的迭代变量 分别创建独立的变量实列,但是 却不能用 const 创建。不过,如果你只是想用 const 声明一个不会被修改的 for 循环变量,也那也是可以的。如果 const 引用的是一个对象,那么修改这个 对象 的内部属性 并不违反 const 的限制。cons 声明的限制只适用于 它指向的变量 的引用。

2023-05-30 18:38:40 63

原创 3.3.2 let 声明

let 和 var 的作用差不多,都是声明 变量 的。

2023-05-28 00:27:24 88

原创 3.3变量

不过,在函数内部定义变量的时候,省略 var 操作符,可以创建一个全局变量,但是不推荐这样做,因为在局部域中定义全局变量会很难维护。在这个例子中,变量 message 首先被定义为保存一个字符串值 hi 的变量,然后又被重写为保存了数值 100。这里定义了3个变量。关键的问题在于,使用 var 操作符定义的变量会成为包含它的函数的局部变量。这行代码定义了一个名为 message 的变量,可以用它保存任何类型的值。使用 var 在函数的内部定义一个变量,意味着该变量会在函数退出时被销毁。

2023-05-26 23:36:40 30

原创 3.2关键字与保留字

ECMA-262 (国际标准号)描述了一组保留的关键字,这些关键字有特俗用途。规范中也描述了一组未来的保留字,同样不能作为 标识符 和 属性名。虽然保留字在语言中没有特定用途,但它们是保留给将来做关键字用的。比如表示控制语句的开始和结束,或者执行特定的操作。按照规定,保留的 关键字 不能作为操作符和属性名。

2023-05-26 19:06:55 31

原创 3.1.5 语句

代码有一个左花括号( { )开始,一个右花括号 ( } ) 标识结束。此外,加分号也方便开发者删除空行来压缩代码(如果没有分号,删除空行会导致语法错误)。在控制语句中使用代码块可以使得内容更清晰,在需要修改代码是也可以减少出错的可能性。加分号也有助于提升性能,因为解释器会尝试在合适的位置补上分号以纠正语法错误。不过,最佳实践是始终在控制语句中与使用代码块,即使要执行一条语句。if 之类的控制语句只在执行多条语句时必须要有代码块标志,语句结束应该加上分号,可以避免输入内容不完整。

2023-05-26 18:29:11 24 1

原创 3.1.4严格模式

严格模式是一种不同的 JavaScript 解析和执行模型,ECMAScript 3 的一些不规范写法在这种模式下会被处理,对于不安全的活动将抛出异常。ECMAScript 5 增加了 严格模式 (strict mode)的概念。虽然看起来像个没有赋值给任何变量的字符串,但它其实是一个 预处理指令。选择这种语法模式的目的是 不破坏 ECMAScript 3 语法。任何支持 JavaScript 引擎看到它对会切换到 严格模式。

2023-05-26 17:52:39 34 1

原创 第3章语法基础【语法、区分大小写、标识符、注释】

按照惯例,ECMAScript 标识符使用 驼峰大小写形式,即第一个单词的首字母小写,后面单词的首字母大写,如:firstSecond 、myCar 、doSomethingImportant。标识符中的字母可以是扩展的 ASCII中的字母,也可以是 Unicode 的字母字符(但不推荐使用)。无论变量、函数名还是操作符。1:第一个字符必须是一个 字母、下划线( _ )或者美元符号( $ )。2:剩下的其他字符可以字母、下划线、美元符号或者数字。所谓标识符,就是变量、函数、属性或者函数参数的名称。

2023-05-26 17:40:01 78 1

原创 2.1.4动态加载脚本

默认情况下,以这种方式创建的 <script> 元素是以异步的方式加载的,相当于添加了 async 属性。因为所有浏览器都支持 createElement() 方法,但是不是所有的浏览器都支持 async 属性。因为JavaScript可以通过 DOM API ,所以通过向 DOM 中动态添加 script 元素中加载指定的脚本。根据应用程序的工作方式以及怎么使用,这种方式可能会严重影响到性能。除了利用 <script> 标签,还有其他方式可以加载脚本。以这种方式获取的资源对浏览器预加载器是不可见的。

2023-05-26 06:12:30 80 1

原创 2.1.3async异步执行脚本

当然,它们两者都只适用于外部脚本,都会告诉浏览器立即下载。给脚本添加 async 属性的目的是告诉浏览器,不必等脚本下载和执行完后再去加载页面,同样也不必等到该异步脚本下载和执行后再加载其他脚本。从改变脚本处理方式上看,async 属性与 defer 属性类似。但是异步脚本会保证再 load 事件前执行,但是可能会在 DOMContentLoaded 事件之前或者之后执行。在这个列子中,第二个脚本可能先于第一个脚本执行。正因如此,异步脚本不应该再加载期间修改DOM。因此,重点在于它们之间没有依赖关系。

2023-05-26 01:32:34 74 1

原创 2.1.2defer属性推迟执行脚本

HTML5规范要求脚本应该按照它们出现的顺序执行,因此第一个推迟脚本会在第二个推迟脚本之前执行,而且两者都会在 DOMContenLoaded 事件之前执行,但是还是应该注意,在一个页面中。为script元素定义了一个叫 defer 的属性。且这个 defer 属性只对外部文件才有效,也就是说,要想这个 defer 属性生效,该 script 必须还要包含另一个 src 属性。因为添加了 defer 属性,即使该脚本是再 head 标签里面,也会在浏览器解析到结束的 </html> 标签后执行。

2023-05-26 01:18:09 48 1

原创 2.1.1<script>标签位置

这种做法将所有的css和JavaScript文件都放在 元素中,会导致页面渲染的明显延迟,在此期间浏览器窗口完全空白,很影响用户体验。因为这样做也就意味着必须把所有的JavaScript代码下载,解析和解释完毕后,才能开始渲染页面(页面在解析到 的起始标签时开始渲染)。为解决这个问题,现代Web应用程序通常将所有的JavaScript引用放在 元素中的页面内容的后面。这样一来,页面在处理JavaScript代码之前渲染页面,用户感觉页面加载更快了,因为浏览器显示空白的时间更短了。

2023-05-25 00:32:03 27

原创 <script>的使用方式、注意事项。

元素引用了外部js文件后,就不应该再在这里编写JavaScript代码了,因为两者都提供的话,浏览器只会下载执行src引用的外部js文件,而忽略行内代码。第二个 <script> 元素的代码必须在第一个 <script> 元的的代码解释完毕才能解释,后面的所有以此类推。在 <script> 元素中的代码被计算完成之前,页面的其余内容不会被加载,也不会有提示。浏览器在解析行内脚本的方式决定了它在看到字符串 </script> 的时,会将其当作结束的

2023-05-24 17:30:24 438

原创 2.1<script>元素的8个属性、

在非IE的浏览器中有效的其他值还有 “application/jacascript” 和 “application/ecmascript”。允许比对接收到的资源和指定的加密签名以验证子资源的完整性(SRI,Subresource Intergrity)[子资源完整性]。如果接收到的资源签名与这个属性指定的签名不匹配,则页面会报错,脚本不会执行。在IE7以及更早版本中,也可以在行内脚本中指定该属性。使用src属性指定代码字符集,这个属性很少使用,因为大多数浏览器并不在乎它的值。

2023-05-24 14:02:27 84 1

原创 双向绑定鼠标移入移出事件解决左右拼接table鼠标移到目标表格样式同步展示问题

html前端tabale应用、利用jquery操作元素的data属性进行元素双向绑定操作。

2022-10-16 00:15:36 523

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除