文章 2022-10-31 来自:开发者社区

Web前端学习:jQuery基础--1【简介和安装、语法使用、三种选选择器的使用(元素、class、id)】(附操作源码)

一、jQuery介绍和安装1、jQuery简介 jQuery是一个轻量级的"写的少,做的多"的JavaScript函数库,是JavaScript的一个框架它就是把JavaScript的代码封装好了,导入调用即可使用2、jQuery安装和引用 jQuery安装基本说明 下载注意事项1.x版本:兼容IE8以下(用的最多的)2.x版本:不兼容IE8以下3.x版本:不兼容IE8以下 安装好了之后,可以看....

Web前端学习:jQuery基础--1【简介和安装、语法使用、三种选选择器的使用(元素、class、id)】(附操作源码)
文章 2022-10-31 来自:开发者社区

Web前端学习:JavaScript基础 【HTML DOM操作】2

三、DOM 常用事件1、DOM常用事件表 属性描述onclick当用户点击某个对象时调用的事件句柄onkeydown某个键盘按键被按下onkeyup某个键盘按键被松开onload一张页面或一副图像完成加载2、DOM 常用事件的用法以onclick为示例示例:设置一个“点我 ”按钮,用户点击按钮后页面会弹出一个提示框,提示内容为:Hello DOM 运行后,鼠标点击“点我”,页面弹出提示框 附上原....

Web前端学习:JavaScript基础 【HTML DOM操作】2
文章 2022-10-31 来自:开发者社区

Web前端学习:JavaScript基础 【HTML DOM操作】

一、认识DOM(Document)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 JavaScript的操作本质上就是对dom进行操作二、查找HTML元素通常,通过JavaScript,需要操作HTML元素。为了做到这件事情,必须首先找到该元素。有三种方法来做这件事:    通过id找到HTML元素,例:document.get....

Web前端学习:JavaScript基础 【HTML DOM操作】
文章 2022-10-31 来自:开发者社区

Web前端学习:JaveScript基础 [简介、用法、变量及数据类型、流程控制及函数] (附源代码)

一、JavaScript简介JavaScript是运行在浏览器端的脚本语言JavaScript 是一种轻量级的编程语言JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。  二、JavaScript用法     .....

Web前端学习:JaveScript基础 [简介、用法、变量及数据类型、流程控制及函数] (附源代码)
文章 2022-10-31 来自:开发者社区

Web前端学习:CSS基础-小终结【布局和文本常用样式、常用属性、外边距和内边距】

一、常用样式CSS中有两种常用的样式,分别为:布局常用样式文本常用样式 以下将对这两种样式进行演示和说明1、布局常用样式        width设置元素(标签)的宽度,如: width:100px;        height 设置元素(标签)的高度,如: height:200px;     .....

Web前端学习:CSS基础-小终结【布局和文本常用样式、常用属性、外边距和内边距】
文章 2022-10-31 来自:开发者社区

Web前端学习:CSS基础【简介、基础语法、选择器、样式形式】2

4、层级选择器主要应用在标签嵌套的结构中,层级选择器,是结合上面的两种选择器来写的选择器,它可与标签选择器结合使用,减少命名,同时也可以通过层级,限制样式的作用范围。 代码演示: 运行结果 5、伪类选择器常用的伪类选择器有hover,表示鼠标悬浮在元素上时的状态。 代码演示: 运行结果四、CSS样式形式 CSS一共分为三种样式,分别为:外部样式内部样式行内样式下面将对这三种样式进行演示说明...

Web前端学习:CSS基础【简介、基础语法、选择器、样式形式】2
文章 2022-10-31 来自:开发者社区

Web前端学习:CSS基础【简介、基础语法、选择器、样式形式】

一、CSS简介CSS 指层叠样式表 (Cascading Style Sheets)让网页元素的样式更加丰富使用 CSS 我们可以大大提升网页开发的工作效率使用 CSS 同时控制多重网页的样式和布局 有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁。二、CSS的基础语法 1、代码演示在python编辑器中先.....

Web前端学习:CSS基础【简介、基础语法、选择器、样式形式】
文章 2022-10-30 来自:开发者社区

Web前端学习:HTML基础【入门宝典】3

五、input及from标签1、input标签类型和基本使用text类型输入的是一个文本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML列表</title> </head> <body>...

Web前端学习:HTML基础【入门宝典】3
文章 2022-10-30 来自:开发者社区

Web前端学习:HTML基础【入门宝典】2

3、HTML文本格式化标签描述<b> / <strong>定义粗体文本<i> / <em>定义斜体文本<sub> / <sup>定义下标字与上标字<small> / big定义小号字与大号字<ins>定义插入字<del>定义删除字代码如下:<!DOCTYPE html> <...

Web前端学习:HTML基础【入门宝典】2
文章 2022-10-30 来自:开发者社区

Web前端学习:HTML基础【入门宝典】

一、HTML简介什么是HTML? HTML(HyperText Markup Language) 超文本标记语言,是一种用于创建网页的标准标记语言。HTML有什么作用? 用于创建网页1、HTML的特点HTML不是编程语言,而是标记语言。HTML使用标签的形式来标识网页的不同组成部分HTML文档包含了HTML标签和文本HTML文档又叫做Web页面HTML文档的后缀:html 或 htm2、HTML....

Web前端学习:HTML基础【入门宝典】

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

产品推荐

{"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研发效能

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

+关注