html5
关注
分享
扫一扫
~怎么回事啊~
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js-面向对象1
1.面向过程与面向对象1.1面向过程 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。 1.2面向对象 面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。 1.3面向过程与面向对象对比 面向过程 面向对象 优点 性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向过程编程。 易维护、易复用、易扩展，由于面向对象有封装、继承、多态性的特性，可以设计出低耦合的系.原创 2020-09-11 21:02:24 · 137 阅读 · 0 评论 -
DOM
1.1. 常用的键盘事件1.1.1 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) //3. keypress 按键按下的时候触发 不能识别功能键 比如 ctrl sh...原创 2020-09-11 09:08:17 · 308 阅读 · 0 评论 -
节点总结与事件
1.1. 节点操作1.1.1 删除节点 <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> <li>光头强</li> </ul> <script> // 1.获取元素 var ul = document.que...原创 2020-09-09 20:37:56 · 298 阅读 · 0 评论 -
webAPI-排他操作，节点操作
1.1. 排他操作1.1.1 排他思想如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> ...原创 2020-09-07 09:06:50 · 244 阅读 · 0 评论 -
webAPI-操作元素
1.1. Web API介绍1.1.1 API的概念API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。举例解释什么是API。例如，C语言中有一个函数 fopen()可以打开硬盘上的文件，这个函数对于我们来说，就是一个C语言提供的打开文件的工具。javascript中有一个函数a.原创 2020-09-05 23:11:47 · 164 阅读 · 0 评论 -
js-内置对象、简单数据类型和复杂数据类型
1 - 内置对象1.1 内置对象JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法），内置对象最大的优点就是帮助我们快速开发JavaScript 提供了多个内置对象：Math、 Date 、Array、String等1.2 查文档原创 2020-09-04 22:04:02 · 200 阅读 · 0 评论 -
js-作用域与对象
1 - 作用域1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种： 全局作用域 局部作用域（函数作用域） 1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。1.3 局部作用域作用于函数内的代码环境，就是局部作原创 2020-09-04 21:46:54 · 266 阅读 · 0 评论 -
js-数组和函数
JavaScript基础第04天笔记1 - 数组1.1 数组的概念 数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。 1.2 创建数组JS 中创建数组有两种方式： 利用 new 创建数组 var 数组名 = new Array() ；var arr = new Array(); // 创建一个新的空数组 注.原创 2020-09-04 21:04:18 · 149 阅读 · 0 评论 -
js循环
1 - 循环1.1 for循环 语法结构 for(初始化变量; 条件表达式; 操作表达式 ){ //循环体} 名称 作用 初始化变量 通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。 条件表达式 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。 操作表达式 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。 执..原创 2020-09-04 09:30:22 · 166 阅读 · 0 评论 -
js运算符
1 - 运算符（操作符）1.1 运算符的分类运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有： 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 1.2 算数运算符 算术运算符概述 概念：算术运算使用的符号，用于执行两个变量或值的算术运算。 浮点数的精度问题 浮点数值的最高精度是 17 位小数，但在进行算术计算时其..原创 2020-09-04 09:10:39 · 196 阅读 · 0 评论 -
js初识
1 - 编程语言1.1 编程 编程： 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。 计算机程序： 就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。 1.2 计算机语言 计算机语言指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介。 计算机语言的种类非常的多，总的来说可以分成机器语言，汇编语言和高级原创 2020-09-03 23:00:42 · 209 阅读 · 0 评论 -
css 3D转换
认识 3D 转换3D 的特点 近大远小 物体和面遮挡不可见 三维坐标系 x 轴：水平向右 -- 注意：x 轴右边是正值，左边是负值 y 轴：垂直向下 -- 注意：y 轴下面是正值，上面是负值 z 轴：垂直屏幕 -- 注意：往外边的是正值，往里面的是负值 二、3D 转换2.1 3D 移动 translate3d 3D 移动就是在 2D 移动的基础上多加了一个可以移动的方向，就是 z 轴方向 transform: transl.原创 2020-09-03 09:19:28 · 173 阅读 · 0 评论 -
css3转换
1 2D转换1.1 二维坐标系1.2 2D转换之移动translate<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com原创 2020-09-02 09:25:31 · 239 阅读 · 0 评论 -
html5
一、什么是 HTML5 HTML5 的概念与定义 定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML 两个概念： 是一个新版本的 HTML 语言，定义了新的标签、特性和属性 拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5 HTML5 拓展了哪些内容 语义化标签 本地原创 2020-08-31 09:19:28 · 223 阅读 · 0 评论 -
VScode安装
软件安装VSCode软件能够安装 VS Code能够熟练使用 VS Code 软件能够安装 VS Code 最常用的插件VSCode 简介Visual Studio Code (简称 VS Code / VSC) 是微软公司推出的一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、GIT 等特性，支持插件扩展等等。推荐理由： 比 sublime 开源，比 webstorm 更轻 智能提示很强大 自带 emmet原创 2020-08-30 19:47:40 · 765 阅读 · 0 评论 -
css高级技巧
1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！ 1.1 display 显示（重点） display 设置或检索对象是否及如何显示。 display: none 隐藏对象display：block 除了转换为块级元素之外，同时还有显示元素的意思。 特点： 隐藏之后，不再保留位置。 实际开发场景：配合后面js做特效，比如下拉菜单，原先没有，鼠.原创 2020-08-30 16:20:38 · 6679 阅读 · 1 评论 -
定位
1. CSS 布局的三种机制网页布局的核心 —— 就是用 CSS 来摆放盒子位置。CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流、浮动和定位，其中： 普通流（标准流） 浮动 让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。 定位 将盒子定在某一个位置 自由的漂浮在其他盒子的上面 —— CSS 离不开定位，特别是后面的 js 特效。 2. 为什么使用定位我们先来看一个效果，同时思考一下用标准流或浮动原创 2020-08-29 21:46:00 · 225 阅读 · 0 评论 -
学成在线页面制作
1.1 前期准备素材 学成在线PSD源文件 开发工具 = PS（切图） + sublime（代码） + chrome（测试） 1.2 前期准备工作欲先善其事，必先利其器。 先把我们的前期准备工作做好， 我们本次采取结构与样式相分离思想。 创建 study 目录文件夹 (用于存放我们这个页面的相关内容) study目录内新建images 文件夹 用于保存图片。 新建index.html 首页html 文件（以后我们的网站首页统一规定为index.html)原创 2020-08-29 17:27:41 · 915 阅读 · 0 评论 -
css浮动
1. 浮动(float)1.1 CSS 布局的三种机制网页布局的核心——就是用 CSS 来摆放盒子。CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中： 普通流（标准流） 块级元素会独占一行，从上向下顺序排列； 常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行； 常用元素：span、a、i、em原创 2020-08-29 11:05:55 · 436 阅读 · 0 评论 -
CSS盒子模型
css学习三大重点： css 盒子模型 、 浮动 、 定位1.看透网页布局的本质网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的整齐有序呢？ 看透网页布局的本质： 首先利用CSS设置好盒子的大小，然后摆放盒子的位置。 最后把网页元素比如文字图片等等，放入盒子里面。 以上两步 就是网页布局的本质 我们明白了，盒子是网页布局的关键点，所以我们更应该弄明白 这个盒子有什么特点。2. 盒子模型（Box Mod...原创 2020-08-27 09:19:05 · 436 阅读 · 0 评论 -
css 复合选择器，标签显示模式，CSS背景，优先级
1. CSS复合选择器为什么要学习css复合选择器CSS选择器分为 基础选择器 和 复合选择器 ，但是基础选择器不能满足我们实际开发中，快速高效的选择标签。 目的是为了可以选择更准确更精细的目标元素标签。 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 1.1 后代选择器 概念： 后代选择器又称为包含选择器 作用： 用来选择元素或元素组的子孙后代 其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，在写儿子原创 2020-08-24 23:45:47 · 517 阅读 · 0 评论 -
css字体样式
1.font字体1.1 font-size:大小 作用： font-size属性用于设置字号 p { font-size:20px; } 单位： 可以使用相对长度单位，也可以使用绝对长度单位。 相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。 注意： 我们文字大小以后，基本就用px了，其他单位很少使用 谷歌浏览器默认的文字大小为16px 但是不同浏览器可能默认显示的字号大小不一致...原创 2020-08-22 21:23:35 · 1393 阅读 · 0 评论 -
css选择器
1. CSS选择器作用选择器的作用找到特定的HTML页面元素CSS选择器干啥的？ 选择标签用的， 把我们想要的标签选择出来 必须记住的css 就是 分两件事， 选对人， 做对事。h3 { color: red;}这段代码就是2件事， 把 h3选出来， 然后 把它变成了 红色。 以后我们都这么干。选择器分为基础选择器和 复合选择器，我们这里先讲解一下 基础选择器。2. CSS基础选择器2.1 标签选择器 概念： 标签选择器（元素选择器）是指用H原创 2020-08-22 20:05:16 · 171 阅读 · 0 评论 -
css初识
CSS初识 概念： CSS(Cascading Style Sheets) ，通常称为CSS样式表或层叠样式表（级联样式表） 作用： 主要用于设置 HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。 CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。 1 引入CSS样式表（书写位置）要书写css样式，那css原创 2020-08-22 19:37:44 · 269 阅读 · 0 评论 -
html 列表
表格是用来显示数据的，那么列表就是用来布局的。 因为非常整齐和自由 概念： 容器里面装载着结构，样式一致的文字或图表的一种形式，叫列表 特点： 列表最大的特点就是 整齐 、整洁、 有序，跟表格类似，但是他可组合自由度会更高。 1.1 无序列表 ul无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：<ul> <li>列表项1</li> <li>列表项2</li> <li&...原创 2020-08-22 16:43:52 · 279 阅读 · 0 评论 -
html表格
表格 table表格作用： 较为常用的一种标签，但不是用来布局，常见显示、展示表格式数据。 因为它可以让数据显示的非常的规整，可读性非常好。 特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理，虽然 div 布局也可以做到，但是总没有表格来得方便。1. 创建表格在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法：<table> &l...原创 2020-08-22 10:12:23 · 359 阅读 · 0 评论 -
html常用标签
1. HTML常用标签1.1 排版标签排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。1）标题标签h单词缩写： head 头部. 标题 title 文档标题为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即标题标签语义： 作为标题使用，并且依据重要性递减其基本语法格式如下：<h1> 标题文本 </h1><h2> 标题文本 </h2><h...原创 2020-08-22 08:56:37 · 324 阅读 · 0 评论