文章 2024-01-18 来自:开发者社区

WEB前端有必要学会docker吗?0基础-45分钟带你学会(包含视频笔记案例源代码)

一、为什么要使用dockerdocker提供了沙箱环境,能够隔绝物理环境,相当于是之前的虚拟机。而且docker内置了很多镜像可供使用。Docker容器技术以及docker-compose容器编排技术能最大限度的保证您的项目在开发环境和生产环境上的一致表现。要想在window系统或mac os中使用docker,需要先安装桌面版,其实相当于是在电脑安装了一个Linux内核+docker环境。二、....

WEB前端有必要学会docker吗?0基础-45分钟带你学会(包含视频笔记案例源代码)
文章 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 Web APIs第三天笔记

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

JavaScript 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第一天笔记
文章 2023-10-12 来自:开发者社区

HTML5+CSS3+移动web 前端开发入门笔记(二)HTML标签详解(下)

下面是一个使用 <span> 标签标记文本样式的示例:<p>这是一段包含了 <span class="highlight">高亮</span> 文本的段落。</p>在上面的示例中,我们使用了 <span> 标签来包裹一个高亮文本,并为它定义了一个样式类 .highlight。这样就可以对这个高亮文本应用特定的样式,例如:co....

HTML5+CSS3+移动web 前端开发入门笔记(二)HTML标签详解(下)
文章 2023-10-12 来自:开发者社区

HTML5+CSS3+移动web 前端开发入门笔记(二)HTML标签详解(上)

HTML标签:排版标签排版标签用于对网页内容进行布局和样式的调整。下面是对常见排版标签的详细介绍:<h1>: 定义一级标题,通常用于标题栏或页面主要内容的标题。 <p>: 定义段落,用于将文字分段展示,段落之间会有空行。 <hr />: 创建水平线,通常用于分隔不同部分的内容。 <br />: 插入换行符,用于在文本中创建换行效果。 <div....

HTML5+CSS3+移动web 前端开发入门笔记(二)HTML标签详解(上)
文章 2023-10-12 来自:开发者社区

HTML5+CSS3+移动web 前端开发入门笔记(一)(下)

HTML结构详解文档声明头任何一个标准的HTML页面,第一行一定是一个以开头的语句。这一行,就是文档声明头,即 DocType Declaration,简称DTD。DTD可告知浏览器文档使用哪种 HTML 或 XHTML 规范。HTML4.01有以下6种规范:HTML 4.01 Strict:严格模式,不允许使用任何表现性、排版或者结构性的标签和属性;HTML 4.01 Transitional....

HTML5+CSS3+移动web 前端开发入门笔记(一)(下)

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

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"高效防护 web 应用","productDescription":"随着网络技术的不断发展,您的Web应用如果没有流量入口的防护,会面临诸多风险。本方案以ECS实例接入WAF为例,推荐您使用Web应用防火墙(WAF)开启应用防护,避免网站服务器被恶意入侵导致性能异常等问题,保障网站的业务安全和数据安全。同时,为您节约开发成本,满足行业合规要求。","productContentLink":"https://www.aliyun.com/solution/tech-solution/web-protection","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/web-protection"},"productButton2":{"productButtonText":"一键部署","productButtonLink":"https://help.aliyun.com/document_detail/2714251.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"云防火墙企业多账号统一管理","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/umomaicf","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock","activityPromotionInfoBlock":[]}}

阿里UC研发效能

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

+关注