自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 亚马逊云科技 Build On 2022 - 参加一场动手实验是怎样一种体验?

本篇文章是我参与亚马逊云科技build on的实验心得,比较简略,此文写给想尝试参加动手实验,或者不清楚参加动手实验对个人成长有什么帮助的朋友。

2022-08-08 16:02:16 3878 1

原创 超级实习生计划学习打卡—HTML5新增表单控件属性

HTML5新增表单控件属性HTMML5新增表单标签主要针对input的type属性值,具体属性值描述如下:1. emailemail属性指的是邮箱地址,可以自动校验<input type="email">2. date、month、week、time、datetime日期选择:date:选取年月日。month:选取年月。week:选择周和年。time:选取时间。datetime:选取时间、年月日。<input type="date | month | we

2022-06-01 10:00:00 258

原创 超级实习生计划前端学习笔记—HTML5新增标签

本文就前端知识中部分HTML5新增标签基础知识点进行总结,希望对你有用!HTML5概念html5是最新的html标准,拥有新的语义、图形以及多媒体元素,简化web应用程序,专为丰富的web内容而设计的,简称“H5”。简单来说就是增加了一些更直观的标签,H5相比html4.0精简了很多。H5有兼容性问题,如果不考虑低版本浏览器,H5是绝对的主流,移动端开发则必须选它。一、HTML5新增结构标签结构标签:主要用来对页面结构进行划分,页面结构划分为顶部、导航、内容(页眉、区块)、页脚等。1

2022-05-31 10:19:32 337

原创 超级实习生笔记打卡—HTML5新标签-结构标签、表单元素、媒体标签

新结构标签HTML5新添加的结构标签本质上都是div元素,由于许多开发者都以这些单词命名且相同,所以官方统一命名,便于他人理解,同时也可方便信息抓取。新的表单元素用法: <form action="http://www.baidu.com"> <input type="text" placeholder="请输入内容"> <br> <input type="date">

2022-05-30 10:33:39 225

原创 超级实习生学习打卡—JavaScript立即执行函数(详细版)

1.什么是函数?我们先了解一下对于函数的定义函数:就是将一些功能或语句进行封装,在需要的时候,通过调用的形式,执行这些语句。在javascript中我们用function来声明一个函数,当我们用typeof返回一个函数的时候,返回值是function类型;如下:这里的function类型叫做函数方法。2.函数的作用。将大量重复的语句抽取出来,写在函数里,以后需要这些语句的时候,可以直接调用函数,避免重复劳动。简化编程,让编程模块化。高内聚、低耦合。如下: ...

2022-05-27 10:04:49 123

原创 超级实习生计划学习——前端学习记录

学习和实战过程中的不熟悉的易错点的一些笔记,在此写来加深印象。· 怪异盒模型div { box-sizing: border-box; }特点: 对其添加外边距、边框或内边距时,是向内压缩,与正常盒模型相反。·Flex布局(弹性盒子)div { display: flex; justify-content: center; flex-wrap: wrap; align-content: center; }简介:.

2022-05-26 12:32:16 446

原创 超级实习生计划学习打卡:6个获取元素对象的方法—JS的选择器

比如有以下2个元素,分别通过6个选择器选择 <div id="box"></div> <input class="one" type="button" name="ipt"> 1.通过id名获取元素 var box =document.getElementById("box") 2.通过标签名获取元素 var box1 = document.getElementsByTagName("div") 3通过...

2022-05-25 09:32:31 185

原创 超级实习生计划学习笔记——边距合并及部分CSS知识

一、外边距合并1.出现的条件只有垂直方向的外边距会出现合并,水平方向上不会出现外边距合并。垂直方向上相邻的元素才会有外边距合并的问题。2.有两种情况2.1兄弟元素间的外边距合并(1)若两者都是正值,取值为两者间最大值(2)若两个外边距一正一负,取值为两者之和(3)若两个外边距都是负值,取值为绝对值较大的外边距解决方案:一般不需要处理,这一般是对开发有利的,如果要处理,可以将本应该设置给两个元素的外边距直接设置给其中一个元素。2.2父子元素间的外边距合并解决方案:(

2022-05-24 13:37:41 160

原创 优快云超级实习生学习打卡-BOM

BOMwindow对象窗口位置 screenLeft 返回浏览器窗口左上角相对于当前屏幕左上角的水平距离,不兼容FF浏览器 screen Top 返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离,不兼容FF浏览器 screenX 功能screenLeft,兼容FF screenY功能同screenTop,兼容FF窗口大小(IE9一下不兼容) innerWidth 返回网页在当前窗口中可见部分的宽度,包含滚动条宽度 innerHeight 返回网页在当前窗...

2022-05-23 10:31:07 252

原创 超级实习生计划学习打卡——javascript解决两数之和问题

给定一个整数数组nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。可以按任意顺序返回答案。示例 1:输入:nums = [2,7,11,15], target = 9输出:[0,1]解释:因为 nums[0] + nums[1] == 9 ,返回 [0, 1] 。示例 2:输入:nums = [3,2,4], targ.

2022-05-20 11:00:00 175

原创 超级实习生学习打卡——JavaScript作用域详解

作用域的概念和分类概念:通俗来讲,作用域是一个变量或函数的作用范围。作用域在函数定义时,就已经确定了。目的:为了提高程序的可靠性,同时减少命名冲突。在 JS 中,一共有两种作用域:(ES5 中)全局作用域:作用于整个 script 标签内部,或者作用于一个独立的 JS 文件。函数作用域(局部作用域):作用于函数内的代码环境。下面我们来单独讲一下全局作用域。全局作用域 和 window 对象直接编写在 script 标签中的 JS 代码,都在全局作用域。全局作用域在页面打开时创建,在页面关

2022-05-19 11:01:43 118

原创 优快云超级实习生学习打卡——js制作点击跳转页面

第一步制作html和css部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2022-05-18 18:53:56 285

原创 超级实习生计划学习打卡D5--CSS引入方式、常见样式

前端学习--CSS引入方式、常见样式外部样式表<link rel="stylesheet" href="CSS/first.css">内部样式表(style部分)<style> div{ width: 100px; height: 100px; background-color: red; }</style>内联样式表(body部分)在body部分直接针对这一条语句添加样式文本常

2022-05-17 18:55:27 111

原创 优快云超级实习生学习打卡第4天——笔记

一、外边距合并1.出现的条件只有垂直方向的外边距会出现合并,水平方向上不会出现外边距合并。垂直方向上相邻的元素才会有外边距合并的问题。2.有两种情况2.1兄弟元素间的外边距合并(1)若两者都是正值,取值为两者间最大值(2)若两个外边距一正一负,取值为两者之和(3)若两个外边距都是负值,取值为绝对值较大的外边距解决方案:一般不需要处理,这一般是对开发有利的,如果要处理,可以将本应该设置给两个元素的外边距直接设置给其中一个元素。2.2父子元素间的外边距合并解决方案:(1)

2022-05-16 16:46:52 404 1

原创 超级实习生计划学习打卡第3天:javascript解决两数之和问题

给定一个整数数组nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1:输入:nums = [2,7,11,15], target = 9输出:[0,1]解释:因为 nums[0] + nums[1] == 9 ,返回 [0, 1] 。示例 2:输入:nums = [3,2,4],...

2022-05-13 15:39:10 333

原创 优快云超级实习生学习笔记打卡Day 2——html字体和方向

html字体运用color: #333; / 设置字体的颜色font-weight: 700; /设置字形加粗font-size: 10px; /设置字体大小border: 1px solid gray;/设置元素边框text-decoration: none; /去除字体下划线html方向的运用上 /top、右/right、下/bottom、左/left、中/centermargin 外边距 / margin-top 上外边距padding 内边距 / pad...

2022-05-12 17:27:24 350 2

原创 记录优快云超级实习生计划学习笔记打卡第一天

优快云超级实习生计划打卡计划90天——第一天DOM删除操作1. removeChild()var dDw=document.getElementById('dw');dWrap.removeChild(dDw);2. 删除属性节点var dZy=document.getElementById('zy');//获取属性节点var c=dZy.getAttributeNode('class');//删除属性节点dZy.removeAttributeNode(c);DOM修

2022-05-11 19:02:53 343

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除