自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 day25-JavaScript 07 DOM对象

JavaScript 07 DOM对象DOM DOM

2020-12-22 10:22:27 391

原创 day26-JavaScript 正则表达式练习

JavaScript 练习创建正则表达式,来检查一个字符串是否是个合法的手机号邮件的正则 创建正则表达式,来检查一个字符串是否是个合法的手机号 邮件的正则

2020-12-02 09:35:18 334

原创 day24-JavaScript 06 Date对象、Math对象、字符串的方法、正则表达式admin、字符串和正则相关的方法、包装类

JavaScript 06对象Date对象Math对象字符串的方法charAt()charCodeAt()formCharCode()concat()indexof()LastIndexOf()slice()substring()substr()split()toUpperCase()toLowerCase()tese()字符串和正则相关的方法split()search()mathch()replase()正则表达式语法 对象 Date对象 Math对象 字符串的方法 charAt() charCodeAt

2020-11-25 18:58:17 349

原创 day23-JavaScript 数组练习(封装、去重)

JavaScript 练习创建一个函数,可以perArr中的满18岁的person提取出来,然后封装到一个新的数组中并返回去除数组中重复的数字 创建一个函数,可以perArr中的满18岁的person提取出来,然后封装到一个新的数组中并返回 去除数组中重复的数字 ...

2020-11-25 12:18:09 424

原创 day21、22-JavaScript 05 作用域、this、使用工厂方法创建对象、构造函数、原型对象prototype、toString()、垃圾回收(GC)、数组Array

JavaScript 05

2020-11-24 22:00:52 862

原创 day19-JavaScript 练习 自增自减练习、条件判断语句练习、条件分支语句练习、补充质数练习、质数练习改进、函数练习

JavaScript练习自增练习 自增练习

2020-11-16 18:58:44 253

原创 day18-JavaScript 04 函数

JavaScript 04函数函数对象函数参数函数返回值 函数 函数对象 函数参数 函数返回值

2020-11-15 20:51:24 134

原创 day17-JavaScript 03 运算符的优先级、代码块、流程控制语句、break和continue、测试程序的性能、对象Object、基本数据类型、引用数据类型

JavaScript 03运算符的优先级代码块流程控制语句条件判断语句条件分支语句循环语句break和continue测试程序的性能对象对象数据类型对象基本操作属性名、属性值对象字面量基本数据类型、引用数据类型 运算符的优先级 代码块 流程控制语句 条件判断语句 条件分支语句 循环语句 break和continue 测试程序的性能 对象 对象数据类型 对象基本操作 属性名、属性值 对象字面量 基本数据类型、引用数据类型 ...

2020-11-15 15:46:21 223

原创 day16-JavaScript 02 强制类型转换、运算符

JavaScript强制类型转换转换为String转换为Number其他进制数字转换为Boolean运算符数字运算符一元运算符自增自减 强制类型转换 转换为String 转换为Number 其他进制数字 转换为Boolean 运算符 数字运算符 一元运算符 自增自减 ...

2020-11-14 18:25:20 255

原创 day-13、14 移动端页面、导航条响应

移动端页面、导航条响应移动端页面导航条响应 移动端页面 导航条响应

2020-11-12 15:35:00 397 1

原创 day14-响应式布局

响应式布局响应式布局媒体查询语法:媒体类型:媒体特性 响应式布局 网页可以根据不同的设备或窗口大小呈现出不同的效果; 使用响应式布局,可以使一个网页适用于所有设备; 响应式布局关键就是媒体查询,通过媒体查询,可以为不同设备或设备不同状态来分别设置样式; 媒体查询 语法: @media 查询规则{ } 媒体类型: 可以使用 , 连接多个媒体类型,这样他们之间就是一个或的关系,可以在媒体类型前添加一个only表示只有,表示只有。only的使用主要是为了兼容一些老版本浏览器。 可选值 all

2020-11-10 16:00:25 258

原创 day15-JavaScript 标准、构成、特点、alert、document.write、console.log、编写位置、基本语法、注意、字面量和变量、标识符、数据类型

JavaScript标准构成特点alert、document.write、console.log控制浏览器弹出一个警告框;计算机在页面中输出一个内容;向控制台输出一个内容;编写位置编写到标签的onclick属性中编写到script标签中编写到外部js文件中基本语法js注释注意 标准 ECMAScript是JavaScript的标准; 构成 ECMAScript(标准); DOM(文档对象模型); BOM(浏览器对象模型); 特点 解释性语言:写完直接编译; 类似于C和Java的语法结构; 动态语

2020-11-10 15:59:17 818 1

原创 day12-像素、视口、vw

像素、视口、vw像素像素手机像素视口视口完美视口vwvw单位vw适配 像素 像素 屏幕是由一个一个发光的小点构成,这一个个的小点就是像素; 分辨率说的就是屏幕中小点的数量; 在前端开发中像素要分成两种情况讨论:CSS像素、物理像素; 物理像素: 上述所说的小点就是物理像素; CSS像素: 编写网页时,我们所用的像素就是CSS像素; -浏览器在显示网页时,需要将CSS像素转换为物理像素然后呈现; -一个CSS像素最终由几个物理像素显示由浏览器决定; 默认情况下在PC端,一个CSS像素=一个物理像素; 手机像

2020-11-07 10:30:11 503 2

原创 day12-弹性盒子

弹性盒子flex(弹性盒子、伸缩盒子)弹性容器弹性元素弹性元素属性弹性容器上的样式flex-wrapflex-flowjustify-contentalign-itemsalign-contentalign-self弹性元素上的样式flex-growflex-shinkflex-basisflexorder flex(弹性盒子、伸缩盒子) 是CSS中的又一个布局手段,主要用来代替浮动元素来完成页面的布局; flex可使元素只有弹性,让元素可以跟随页面的大小改变而改变; 弹性容器 要使用弹性元素必须先讲一

2020-11-07 10:27:20 268

原创 day12-less

lessless less less是一门预处理语言 less是一个CSS的增强版,通过less可以编写更少的代码实现更强大的样式; 在less中添加了许多新特性,像对变量的支持,对mixin的支持; 在less的语法上和CSS语法一致,但是less中增添了许多对CSS的扩展,所以浏览器无法直接执行less代码,要执行就必须将less转换为CSS,然后在有浏览器执行; 这里使用VScode中的 Easy LESS 插件 直接点安装就行了,这里已经安装过了,所以右下角的绿色安装按钮不显示。 ...

2020-11-06 08:22:08 380 1

原创 day10-练习(过渡、动画、旋转)

练习米兔练习 米兔练习

2020-11-05 09:20:33 774 1

原创 day10-CSS 03

CSS03过渡transitiontransition-propertytransition-durationtransition-timing-functiontransition-delay 过渡transition 通过过渡可以指定一个属性发展变化时的切换方式; 通过过渡可以创建一些非常好的效果,提升用户的体验; 可同时设置过渡相关的所有属性,只有一个要求就是,如果要写延时,则两个时间第一个是持续时间,第二个是延时; transition-property 指定要执行过渡的属性; 多个属性间使用

2020-11-04 21:18:16 439

原创 day-08、09 项目搭建(小米官网)

项目搭建(小米官网)

2020-11-03 21:38:59 728

原创 day07-HTML 02

HTML 02表格表单文本框提交按钮普通按钮重置按钮密码框单选按钮多选框下拉列表自动补全readonlydisabledautofocus 表格 在网页中,表格通过使用 table 标签来创建一个表格; 在table中使用 tr 表示表格中的行; 在tr中使用 td 表示行中的单元格; colspan 横向合并单元格; rowspan 纵向合并单元格; borderspcing 指定边距的距离; ==border-collapse: collapse;==设置边框的合并; 注意: 如果表格中没有使用tb

2020-11-02 11:03:54 138

原创 day06-背景练习

背景练习

2020-11-01 20:27:32 133

原创 day05-导航条及下拉框练习

导航条及下拉框练习

2020-11-01 19:26:36 258

原创 day06-背景

背景

2020-11-01 17:25:03 165

原创 day04-轮播图练习

轮播图练习轮播图练习 轮播图练习 图片从官网自行下载添加,这里采用的是将图片放在与本.html的同级文件夹下,名称分别设置为 0401.png 、0402.png 、0403.png、0405.png、0406.png、0407.jpg、0408.png 本文是在引用了reset.css文件去除浏览器默认样式的情况下进行的渲染,可参考day02-layout盒模型中浏览器的默认样式模块下的reset.css链接自行下载使用 <!DOCTYPE html> <html lang="en"

2020-10-31 20:06:41 222

原创 day05-CSS3 02

CSS3 02行高(line height)字体相关属性(font)font-sizefont-weightfont-style文本文本的水平对齐(text-align)文本的垂直对齐(vertical-align)其它文字的样式text-decoration 设置文本修饰white-space 设置网页如何处理空白 行高(line height) 指文字占有的实际高度,可以将行高设置为和高度一样的值,使单行文字在元素中垂直居中; 可以通过line height来设置行高,也可以直接指定一个大小(px

2020-10-31 18:05:03 1183

原创 day03-layout 定位、层级、字体、图标字体

layout 定位、字体定位相对定位绝对定位绝对定位布局固定定位粘滞定位元素的层级字体图标字体 定位 相对定位 绝对定位 绝对定位布局 固定定位 粘滞定位 元素的层级 字体 图标字体

2020-10-31 15:46:41 732

原创 day03-layout 盒子、浮动

layout盒模型

2020-10-29 21:52:41 229

原创 day03-布置练习

布置练习

2020-10-29 17:08:51 245

原创 day02-layout盒模型

盒模型

2020-10-28 17:33:30 535

原创 day02-layout文档流

layout文档流盒模型 文档流 盒模型

2020-10-28 13:50:44 163

原创 day02-CSS3

CSS前情提要 前情提要 CSS餐厅练习

2020-10-28 13:20:16 176

原创 day01-HTML

HTML前情提要软件分类可分为又分为工具下载网页开发标准HTML标准结构快捷键HTML标签HTML元素块元素行内元素HTML属性HTML实体 前情提要 软件分类 可分为 系统软件 应用软件 游戏软件 又分为 客户端 形式: -文字客户端(命令行) -图像化客户端[C/S架构](点击拖动) -网页[B/S架构](浏览器访问网页) -无需安装 -无需更新 -跨平台 服务器(负责远程处理业务逻辑) 服务器的开发语言: java(最

2020-10-27 16:10:34 294 1

原创 初识

初识gitgit账号申请什么是Git?功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 git账号申请 官网链接 什么是Git? GitHub是用于版本控制和协作的代码托管平台。它使您和其他人可以在任何地方共同处理项目。 本教程教您

2020-06-10 21:54:40 201

空空如也

空空如也

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

TA关注的人

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