- 博客(32)
- 收藏
- 关注
原创 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
原创 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
原创 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-CSS 03
CSS03过渡transitiontransition-propertytransition-durationtransition-timing-functiontransition-delay 过渡transition 通过过渡可以指定一个属性发展变化时的切换方式; 通过过渡可以创建一些非常好的效果,提升用户的体验; 可同时设置过渡相关的所有属性,只有一个要求就是,如果要写延时,则两个时间第一个是持续时间,第二个是延时; transition-property 指定要执行过渡的属性; 多个属性间使用
2020-11-04 21:18:16
439
原创 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
原创 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
原创 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关注的人
RSS订阅