一.字符串扩展1.indexOf和index如果没有找到这个值就返回-1,这一点很好用,注意,indexOf对大小写敏感。index返回下拉列表中选项的索引位置。他们可以提供第二个参数,表示搜索的位置,endsWith()和他们不同,他是针对前n个字符,二其他的是针对从第n个开始直到结束。二.函数的扩展1.箭头函数使用注意事项:(1).函数体内的this对象,就是定义时所在的对象,而不是使用时所在
转载
2024-07-12 22:32:13
145阅读
目录ES5语法获取操作元素通过id获取元素通过class获取元素通过name获取元素通过标签名获取元素ES6语法获取操作元素通过css选择器获取单个元素通过css选择器获取多个元素成功获取元素浏览器控制台截图首先给出一段基本的代码,准备好需要获取的元素:(注意:以下获取元素的操作都是在本段代码的基础上获取的!!!)<body>
<div id="IdBox">
转载
2024-03-24 20:25:28
62阅读
表单1,表单1,HTML中的表单单纯从前端的html来说,表单是用来提交数据给服务器的,不管后台的服务器用的是Django还是PHP语言还是其他语言。只要把input标签放在form标签中,然后再添加一个提交按钮,那么以后点击提交按钮,就可以将input标签中对应的值提交给服务器了。2,Django中的表单Django中的表单丰富了传统的HTML语言中的表单。在Django中的表单,主要做以下两件
一、字符串的新增函数1.startswith() 检测是否以什么开头 ,返回布尔值let web="WEB前端"
let w1=web.startsWith("WE")
console.log(w1)//true2.endswith() 检测是否以什么结尾 ,返回布尔值let web="WEB前端"
let w2=web.endsWith(
转载
2024-10-17 14:24:43
50阅读
一.ECMAScript6,即 ES6,是 ECMAScript 的第六次修订,于 2015年完成,也称 ES2015;ES6 是继 ES5 之后的一次改进,相对于 ES5 更加简洁,提高了开发效率.二.ES6新增的方法:1.新增声明命令 :let 和 const 在 ES6 中通常用 let 和 const 来声明,let 表示变量、const 表示常量.特点:let 和 const 都是块级作
转载
2024-09-03 11:42:50
3235阅读
文章目录一、一图胜千言二、重点函数说明1、map和forEach2、filter (过滤)3、some(任意)、every(全部)4、reduce (累计)语法默认值的作用常见应用 一、一图胜千言前端开发中,js数组处理是最常用的,除了for循环外,随着es6的普及,像reduce()、filter()、map()、some()、every()以及…展开属性都是最常用到的。 今天偶然从网上看到这
转载
2024-05-28 10:56:38
436阅读
ES6中的字符串扩展与数组扩展indexof传统上,JavaScript只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中语法:str.indexof(查询的元素,从第几个元素下标查询)//注意:如果查到不到时返回的是-1 2>、当数组中存在空值时,indexof检测undefined返回-1,而includes会认为空值是undefined,返回true,意思
转载
2024-04-11 22:14:29
57阅读
A JavaScript Proxy allows you to intercept operations performed on objects, arrays, or functions like property lookup, assignment, invocation, propert
转载
2017-01-11 21:48:00
392阅读
2评论
原创
2021-07-15 16:04:56
383阅读
字符串的扩展字符的 Unicode 表示法codePointAt()
String.fromCodePoint())字符串的遍历器接口normalize()includes(), startsWith(), endsWith()repeat()padStart(),padEnd()
matchAll())ES6 加强了对 Unicode 的支持,并且扩展了字符串对象。1.字符的 Unicode 表
转载
2024-05-29 16:48:22
95阅读
1、结合扩展运算符使用。通过扩展运算符,在调用函数的时候,把一个数组展开,然后作为这个函数的参数//结合扩展运算符使用
function foo(a,b,c){
console.log(a); //1
console.log(b); //3
console.log(c);
转载
2024-04-29 23:16:43
94阅读
一、为什么使用Iterator 我们知道,在ES6中新增了很多的特性,包括Map,Set等新的数据结构,算上数组和对象已经有四种数据集合了,就像数组可以使用forEach,对象可以使用for...in.. 进行遍历一样,是不是随着Map和Set的出现也应该给这两种集合一个遍历方法呢?如果这样的话js的方法对象就太多了,既然这四种集合都是需要遍历的
转载
2024-04-12 14:26:55
98阅读
虽然现在很多浏览器已经支持ES6,但是还是有一些浏览器不兼容,所以我们在使用ES6语法时,还是要搭建一下环境。一 搭建ES6开发环境 建立工程目录: 我们首先建立一个工程目录,并且在根目录下建立两个文件夹:src和dist src:书写ES6代码的文件夹
转载
2024-04-01 09:24:38
75阅读
ES6整理1. ES6允许按照一定模式从数组和对象中提取值再对变量赋值,称之为解构。这种新模式会映射出正在解构的数据结构,只有那些与模式匹配的数据才会被提取出来。 注:解构数据与构造数据截然相反,不是构造一个新的对象或数组,而是逐个拆分现有的对象或是数组来提取所需要的数据。2. Map是ES6提供的一种数据字典结构。字典就是用来存储不重复的Hash结构。不同于集合的事字典使用健值对的形式存储数据。
转载
2024-04-18 13:39:42
71阅读
0 ES6基本语法 ES标准中不包含 DOM 和 BOM的定义,只涵盖基本数据类型、关键字、语句、运算符、内建对象、内建函数等通用语法。 本部分只学习前端开发中ES6的必要知识,方便后面项目开发中对代码的理解。 1 let声明变量 与我们的JavaScript中var声明变量有什么区别? <1>作用 ...
转载
2021-09-08 15:31:00
650阅读
2评论
作者 | Jeskson来源 | 达达前...
转载
2019-12-01 00:53:00
10000+阅读
2评论
作者 | Jeskson 来源 | 达达前端小酒馆 ES Class 类和面向对象: 面向对象,即万物皆对象,面向对象是我们做开发一种的方式,开发思维,面向对象的思维中万物皆对象,以人作为例子,它的特性有哪些。比如有姓名,性别,出生年月,身高等,还有人的行为,为吃饭,睡觉。特性和行为组合起来就成为人
转载
2019-12-01 00:52:00
248阅读
2评论
ES6基础-变量的解构赋值
原创
2021-07-25 18:20:51
334阅读
字符串1、replaceAll(),相比于replace,会一次性替换所有的匹配。2、includes(),返回布尔值,表示是否找到了参数字符串。3、repeat(),方法返回一个新的字符串,表示将原字符串重复n次。4、模板字符串数值1、Number.isFinite()是用来检查一个数值是否为有限的,即不是Infinity,2、Number.isNaN()是用来检查一个值是否为NaN3、Math
转载
2024-03-19 16:33:08
122阅读
DOM:document object model 文档对象模型DOM就是描述整个html页面中节点关系的图谱,可以如下图理解 在DOM中,提供了很多的获取元素的方法和之间关系的属性以及操作这些元素的方法。1、获取页面中元素的方法document.getElementById('元素的ID') 注意:如果页面中的id重复了,那么这个方法默认只获得第一个元素 在ie6、7中