文章 2021-11-23 来自:开发者社区

Web前端基础(16)

5.响应式布局<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Bootstrap Template</title> <meta name="viewport" content="width=device-width,initial-scale=1,....

Web前端基础(16)
文章 2021-11-23 来自:开发者社区

Web前端基础(15)

###事件模拟模拟触发某个元素的某个事件格式: 元素对象.trigger(“事件名称”);$(“input”).trigger(“click”);###鼠标移入移出事件合并 hover将鼠标移入和移出两个事件合并到一起//给元素添加鼠标移入移出合并事件$(“div”).hover(function(){//鼠标移入时执行$(this).css(“color”,“red”);},function(....

Web前端基础(15)
文章 2021-11-23 来自:开发者社区

Web前端基础(14)

3.方法声明<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> ...

Web前端基础(14)
文章 2021-11-23 来自:开发者社区

Web前端基础(13)

####溢出设置overflowvisible(默认) 超出范围显示hidden 超出范围不显示scroll 超出范围滚动显示###JavaScript作用:给页面添加动态效果和Java没有任何关系,只是为了蹭热度语言特点:属于脚本语言,不需要编译直接解析执行基于面向对象属于弱类型语言 int x = 10; String s = “abc”; 弱类型 var x = 10; var s = “....

Web前端基础(13)
文章 2021-11-23 来自:开发者社区

Web前端基础(12)

8.行内对齐方式<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ width: 50px; /*...

Web前端基础(12)
文章 2021-11-23 来自:开发者社区

Web前端基础(11)

4.定位练习<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ background-color: rgba(0,...

Web前端基础(11)
文章 2021-11-23 来自:开发者社区

Web前端基础(10)

###定位方式4+1###position定位静态定位(文档流定位):是元素的默认定位方式格式:position:static元素显示特点: 块级元素从上到下排列,行内或行内块元素从左向右排列,元素不易实现层叠效果如何控制元素的位置: 通过外边距.相对定位格式:position:relative元素显示特点: 元素不脱离文档流(元素不管显示到什么位置 仍然占着原来的位置)如何控制元素的位置: 通....

Web前端基础(10)
文章 2021-11-23 来自:开发者社区

Web前端基础(09)

4.内边距<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #d1 { width: 100px; hei...

Web前端基础(09)
文章 2021-11-23 来自:开发者社区

Web前端基础(08)

练习:1.外边距<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ margin: 0;/*去掉body自带的8...

Web前端基础(08)
文章 2021-11-23 来自:开发者社区

Web前端基础(07)

课程回顾表单:下拉选<select name><option value selected> <textarea name rows表示行 cols表示列 placeholder占位文本> 按钮: <input type="submit/reset/button" value="显示文本"> <button>按钮</...

Web前端基础(07)

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

产品推荐

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

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

+关注