文章 2023-10-19 来自:开发者社区

JavaScript Web APIs第六天笔记

Web APIs - 第6天笔记目标:能够利用正则表达式完成小兔鲜注册页面的表单验证,具备常见的表单验证能力正则表达式综合案例阶段案例正则表达式正则表达式(Regular Expression)是一种字符串匹配的模式(规则)使用场景:例如验证表单:手机号表单要求用户只能输入11位的数字 (匹配)过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等正则基本使用定义规则....

JavaScript Web APIs第六天笔记
文章 2023-10-19 来自:开发者社区

JavaScript Web APIs第五天笔记

Web APIs - 第5天笔记目标: 能够利用JS操作浏览器,具备利用本地存储实现学生就业表的能力BOM操作综合案例js组成JavaScript的组成ECMAScript:规定了js基础语法核心知识。比如:变量、分支语句、循环语句、对象等等Web APIs :DOM 文档对象模型, 定义了一套操作HTML文档的APIBOM 浏览器对象模型,定义了一套操作浏览器窗口的APIwindow对象BOM....

JavaScript Web APIs第五天笔记
文章 2023-10-19 来自:开发者社区

JavaScript Web APIs第四天笔记

Web APIs - 第4天进一步学习 DOM 相关知识,实现可交互的网页特效能够插入、删除和替换元素节点能够依据元素节点关系查找节点日期对象掌握 Date 日期对象的使用,动态获取当前计算机的时间。ECMAScript 中内置了获取系统时间的对象 Date,使用 Date 时与之前学习的内置对象 console 和 Math 不同,它需要借助 new 关键字才能使用。实例化// 1. 实例化 ....

JavaScript Web APIs第四天笔记
文章 2023-10-19 来自:开发者社区

前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— Web APIs(七)放大镜实战

个人实战文档本次实战是对自己整个api阶段的总结。参考效果如下地址:http://erabbit.itheima.net/#/product/3995139本次实战主要分为以下几个模块。顶部导航模块需求:顶部导航开始不显示等页面滑到主导航栏,这个新顶部导航栏滑动下拉显示,并且改为固定定位等页面滑到上面,新顶部导航栏隐藏图片切换模块放大镜效果业务分析:①:鼠标经过对应小盒子,左侧中等盒子显示对应中....

前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— Web APIs(七)放大镜实战
文章 2023-10-19 来自:开发者社区

前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— Web APIs(六)

思维导图一、正则表达式1.1正则表达式介绍1.2 语法<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view...

前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— Web APIs(六)
文章 2023-10-19 来自:开发者社区

前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— Web APIs(五)

思维导图Bom操作一、Window对象1.1 BOM(浏览器对象模型)<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na...

前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— Web APIs(五)
文章 2023-10-19 来自:开发者社区

JavaScript Web APIs第三天笔记

Web APIs - 第3天进一步学习 事件进阶,实现更多交互的网页特效,结合事件流的特征优化事件执行的效率掌握阻止事件冒泡的方法理解事件委托的实现原理事件流事件流是对事件执行过程的描述,了解事件的执行过程有助于加深对事件的理解,提升开发实践中对事件运用的灵活度。如上图所示,任意事件被触发时总会经历两个阶段:【捕获阶段】和【冒泡阶段】。简言之,捕获阶段是【从父到子】的传导过程,冒泡阶段是【从子向....

JavaScript Web APIs第三天笔记
文章 2023-10-19 来自:开发者社区

前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— Web APIs(三)

思维导图全选案例大按钮控制小按钮小按钮控制大按钮css伪类选择器checked<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met...

前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— Web APIs(三)
文章 2023-10-19 来自:开发者社区

JavaScript Web APIs第二天笔记

Web APIs - 第2天学会通过为DOM注册事件来实现可交互的网页特效。能够判断函数运行的环境并确字 this 所指代的对象理解事件的作用,知道应用事件的 3 个步骤学习会为 DOM 注册事件,实现简单可交互的网页特交。事件事件是编程语言中的术语,它是用来描述程序的行为或状态的,一旦行为或状态发生改变,便立即调用一个函数。例如:用户使用【鼠标点击】网页中的一个按钮、用户使用【鼠标拖拽】网页中....

JavaScript Web APIs第二天笔记
文章 2023-10-19 来自:开发者社区

JavaScript Web APIs第一天笔记

复习:splice() 方法用于添加或删除数组中的元素。**注意:**这种方法会改变原始数组。删除数组:splice(起始位置, 删除的个数)比如:1let arr = ['red', 'green', 'blue'] arr.splice(1,1) // 删除green元素 console.log(arr) // ['red, 'blue']添加元素splice(起始位置,删除个数,添加数组元....

JavaScript Web APIs第一天笔记

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里UC研发效能

分享研发效能领域相关优秀实践,技术分享,产品信息

+关注