前端
文章平均质量分 70
HTML CSS JS
BBBourne
这个作者很懒,什么都没留下…
展开
-
<JavaScript>正则表达式
目录1.什么是正则表达式:描述字符串的“构成模式”2.元字符:一位指定类型的字符2.1 使用举例2.2 字符的转义2.3 方括号表示法2.4 量词2.5 修饰符3.正则表达式相关方法3.1 test()和exec()4.字符串相关方法1.什么是正则表达式:描述字符串的“构成模式”<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8原创 2021-11-12 11:29:08 · 1754 阅读 · 2 评论 -
<JavaScript>面向对象
1.认识对象1.1 对象的语法1.1.1 属性的更改1.1.2 属性的更改1.1.3 属性的创建1.1.4 属性的删除1.2 对象的方法1.2.1 方法的调用原创 2021-11-12 10:13:10 · 1077 阅读 · 0 评论 -
<JavaScript>BOM
目录1.BOM(Browser Object Model,浏览器对象模型)1.1 window对象1.2 内置函数普遍是window方法1.3 窗口尺寸相关属性innerHeight,innerWidth,outerHeight,outerWidth1.3.1 resize事件:当窗口大小改变是会出发resize事件1.3.2 已卷动高度1.3.3 scroll事件1.4 Navigator对象:获得一些浏览器信息1.5 History对象1.6 Loca.原创 2021-10-27 21:07:17 · 88 阅读 · 0 评论 -
<JavaScript>DOM-定时器和延时器
1.定时器<!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">原创 2021-10-27 19:09:59 · 220 阅读 · 0 评论 -
<JavaScript>DOM-事件监听
1.什么是“事件监听”:用户与网页的交互动作,让HTML元素对动作做出反应<!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,原创 2021-10-27 17:33:04 · 2145 阅读 · 0 评论 -
<JavaScript>DOM-节点
1.什么是DOM?DOM是JS操控HTML和CSS的桥梁DOM使JS操作HTML变得“优雅”,比如如下例子:想在“牛奶”后面插入“可乐”,这里的思维是“字符串思维”,我们要一个一个字符的去找“牛奶”的<p>标签的最后一个字符">",然后再去插入<p>可乐<p>,这样很慢,也很反人类。那么DOM则是把其HTML文档结构看作“结点思维”,即把div和p当做父子节点,这样会方便很多1.1 DOM简介DOM(Document Objec.原创 2021-10-23 14:42:12 · 148 阅读 · 0 评论 -
<JavaScript>闭包
1.什么是闭包?函数本身和该函数声明时所处的环境状态的组合。1.2 闭包的记忆性:函数能够记住定义时所处的环境1.3 闭包现象:JS中每次创建函数时都会创建闭包2.闭包的功能:记忆性、模拟私有变量2.1 记忆性举例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-.原创 2021-10-21 22:10:04 · 1043 阅读 · 1 评论 -
<JavaScript>基本类型值和引用类型值、数组
1.基本类型值和引用类型值2.浅克隆本质上是因为引用类型的特性,指向了内存中的同一块区域。原创 2021-10-21 20:37:45 · 61 阅读 · 0 评论 -
<JavaScript>JS基础语法与表达式-操作符
目录1.加号的两种作用(要与乘法隐式转换区别开)2.隐式类型转换3.幂和开根号4.向上取整和向下取整5.相等和全等:==、===6.NaN不自等6.1 如何判断某变量值为NaN?(传入变量Number()的执行结果)6.2 一些特殊的相等关系:null、undefined、NaN7.不相等和不全等:!=、!==8.短路计算(区分正性与负性、或者说真性和假性)这里只略举一些需要注意的部分1.加号的两种作用(要与乘法隐式转换区别开)2.隐式类型.原创 2021-10-21 19:49:38 · 78 阅读 · 0 评论 -
<JavaScript>语法与变量
目录1.初识JS1.1 JS体系1.1.1 JS标准-ECMAScript1.1.2 JS-弱类型的语言1.1.3 JS书写位置1.1.4 输出语句alert()&console.log()1.1.5 REPL环境1.2 变量1.2.1 变量的默认值1.2.2 变量的声明提升(JS预编译)2.JS基本数据类型2.1 Number(数字)类型2.1.1 小数中0可以省略2.1.2 科学计数法2.1.3 特殊数字型值NaN.原创 2021-10-21 13:42:29 · 109 阅读 · 0 评论 -
<CSS3>过渡与动画
目录1.过渡的基本使用1.1 transition过渡1.1.2 transition属性的基本使用1.1.3 哪些属性可以参与过渡?1.1.4 all1.1.5 过渡的四个小属性1.2 过渡的缓动效果1.2.1 缓动参数 transition-timing-fuction1.2.2 常用的缓动参数 ease linear ease-in ease-out ease-in-out1.2.3 贝塞尔曲线1.3 过渡实例1:图片下文字信息过渡1.4 过渡.原创 2021-10-19 14:59:04 · 738 阅读 · 0 评论 -
<CSS3>浮动定位与背景样式-2D与3D转换
目录1. 2D转换1.1 旋转1.2 缩放1.3 斜切1.4 位移2. 3D变换2.1 3D旋转 pespective属性2.2 空间移动1. 2D转换1.1 旋转<style> .pic1{ transform: rotate(30deg); } .pic2{ transform: rotate(60deg); } .pic2{ /*..原创 2021-10-19 00:32:51 · 90 阅读 · 0 评论 -
<CSS3>浮动定位与背景样式-背景与渐变
1.背景1.1 背景颜色、背景图片、背景图片的重复属性1.1.1 background-color属性background-color属性表示背景颜色 背景颜色可以用十六进制、rgb()、rgba()表示法表示 padding区域是有背景颜色的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com原创 2021-10-18 23:37:59 · 185 阅读 · 0 评论 -
<CSS3>浮动定位与背景样式-边框与圆角
目录1.边框 border1.1 border的属性、三要素1.2 四个方向的边框1.3 去掉边框(边框边界):2.圆角2.1 border-radius属性2.2 单独设置四个圆角1.边框 border1.1 border的属性、三要素border的线型:border三要素的小属性:<!DOCTYPE html><html lang="en"><head> <meta cha..原创 2021-10-18 10:58:59 · 173 阅读 · 0 评论 -
<CSS3>浮动定位与背景样式-浮动与定位
1.浮动与定位1.1 浮动1.1.1 浮动的基本概念浮动最本质的功能:用来实现并排浮动的使用要点:要浮动,并排的盒子都要设置浮动 父盒子要有足够的官渡,否则子盒子会掉下去浮动的顺序贴靠性子盒子会按照顺序进行贴靠,如果没有足够的空间,则会寻找再前一个兄弟元素浮动的元素一定能设置宽高浮动的元素不再区分块级元素、行内元素,已经脱离了标准文档流,一律能够设置宽度和高度,即便它是span或者a标签代码示例:未设置浮动:box装有三个子盒子box1 box2 box...原创 2021-10-17 16:31:25 · 375 阅读 · 0 评论 -
<CSS3>基础语法与盒模型
目录1. CSS3基础入门1.1 CSS3简介1.2 前端三层1.3 CSS选择器1.4 CSS书写位置1.4.1 内嵌式1.4.2 外链式1.4.3 导入式1.4.4 行内式2.CSS3基本语法2.1 标签选择器和id选择器2.1.1 标签选择器2.1.2 id属性和id选择器2.2 class选择器2.2.1 class类名2.2.2 class选择器2.2.3 复合选择器2.3 元素关系选择器2.3.1 子选...原创 2021-10-12 14:39:55 · 949 阅读 · 2 评论 -
<HTML>表格标签
1.表格标签<table>、<tr>、<td>标签<table>的border属性,让表格能够显示边框<table>的caption属性,是表格的标题,常常是<table>的第一个子元素<th>是“标题小格”,可以替代<td>,表示标题小格<colspan>属性用来设置td或者th的列跨度<rowspan>属性,设置td和th的行跨度这张...原创 2021-10-12 09:57:06 · 110 阅读 · 0 评论 -
<HTML>表单标签
1.表单表单用来收集信息,比如注册、登录、发送评论反馈、购买商品等等1.1创建表单所有HTML表单都以一个<form>元素开始1.2基本控件1.2.1单行文本框使用type属性值被设置为text的<input>元素可以创建单行文本框,是一个单标签<form action="" method="post"> <p> 请输入你得姓名:<input type="text"> </p&g.原创 2021-10-12 00:52:02 · 147 阅读 · 0 评论 -
<HTML>多媒体与语义化标签
1.图片标签1.1<img>标签<img>标签用来在网页中插入图片注意图片必须要复制到项目文件夹中,一般保存到项目文件夹中的images子文件夹1.2图片路径不要忘记后缀名同时注意,图片本质上没有被插入到网页中,只是被引入到了网页中。所以将来也要将图片一同上传到服务器中。1.3<img>标签的alt属性alt属性是alternate“替代品”,是对图像的文本描述,不是强制性的<img src="images/g...原创 2021-10-12 00:12:13 · 131 阅读 · 0 评论 -
<HTML>列表标签
3种列表:1.无序列表没有刻意顺序的列表1.1<ul>标签和<li>标签 无序列表使用<ul></ul>标签,每个列表项都是<li></li>标签 是一个父子组合标签,同时注意缩进<li></li>不能单独使用,<ul>的子标签只能是<li> <li>中可以放任何标签,<li>标签是容器,内部可以放任何标签1....原创 2021-10-11 23:23:27 · 196 阅读 · 0 评论 -
<HTML>基础语法与标签
1.互联网的基本原理2.HTML骨架3.字符集4.title、关键词和页面描述4.1 title4.1.1 title的用途 title标签用来 设置网页的标题,文字会显示在浏览器的标签栏上 <title>百度一下,你就知道</title>title也是搜索引擎收录网站时显示的标题,为了吸引用户点击,要合理设置title4.1.2 网页关键词和页面描述 合理设置...原创 2021-10-11 19:58:42 · 160 阅读 · 0 评论