- 博客(12)
- 收藏
- 关注
原创 2021-01-22
是否为正整数 是否为 浮点数 是否为 邮箱 是否为 身份证 是否为 手机号 是否为 qq 是否为 URL 是否为 16进制颜色 是否年龄是否成年 是否全部为汉字
2021-01-22 19:27:54 93
原创 对象
对象 基础类型 number string boolean null undefined 引用类型 数组 函数 对象 对象的定义 在 JavaScript 中,几乎“所有事物”都是对象 布尔是对象(如果用 new 关键词定义) 数字是对象(如果用 new 关键词定义) 字符串是对象(如果用 new 关键词定义) 日期永远都是对象 算术永远都是对象 正则表达式永远都是对象 数组永远都是对象 函数永远都是对象 对象永远都是对象 所有 JavaScrip
2021-01-08 09:47:07 115
原创 函数
函数: 作用: 1.简化代码 2.方便维护 3.提高开发效率 4.提高了代码的复用性,减少代码冗余 格式: function 函数名(参数…){ 函数执行的代码 } 【注意】函数先定义后调用 分类: 1.内置函数(官方提供的函数,系统自身拥有函数) alert(); document.write(); console.log(); parseInt(); parseFloat(); 2.自定义函数 根据参数和返回值的不同,可将函数分为四种。 1.无参数无返回值 2.有参数无返回值 3.无参数有返回值 4.有
2021-01-05 22:18:59 110
原创 js
js 1.内嵌式 使用的是Script标签,该标签可以写在html文档中的任何位置 【强调】一般情况下,我们应该将其写在head标签中。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201229163508230.png#pic_center) 2.外链式 通过script标签的src属性,引入外部的js文件。 3.常见错误写法: <script src="js/demo.js"> alert("看看能不能用"); </scri
2020-12-29 21:18:36 127
原创 2020-12-22
H5标签在IE9之前都需要转成块级元素 在移动端就不需要考虑兼容问题。H5+css3可以放心的在移动端使用 1.nav 定义导航 2.header定义网页的头部 3.article 表示一块独立的地方 4.asude 对article的内容进行信息的解释 5.section 文档中的一个节点或者区域 6.footer 页面的底部。通常是版权信息或链接 7.标签用于对网页或区段(section)的标题进行组合。 BFC:blockformatting context 块级格式化上下文 官方解释为:它决定了元素
2020-12-22 20:52:46 83 1
原创 flex弹性盒子
flex弹性盒子 垂直居中 传统:绝对定位 flex:flexible box 弹性盒子。可以轻松控制元素的排列,对齐和顺序。 声明定义: 使用display:flex或display:inline-flex 声明一个容器为弹性盒子。这个容器中的子元素们,会遵循弹性布局。 【注】一般是使用display:flex. inline-flex极少用。 flex:如果没有为父元素设置宽,默认为100%; inline-flex:如果没有设置宽,,默认为所有子元素的宽的和 flex-direct
2020-12-21 20:51:36 311
原创 动画
动画 1.忍术 忍者之术 2.结印 之前使用过渡遇到的一些问题: 1.需要重复过渡效果时无法实现 2.只能通过hover等方式才能出发。 动画: 1.通过@keyframs定义动画。 2.在指定元素中,通过animation属性来调用动画。 1.定义动画 格式: @keyframes 动画名 { from{ /* 初始帧 */ }
2020-12-17 19:24:07 203
原创 盒子隐藏 背景图 盒子 过渡 3d
盒子隐藏 样式: display:none; 背景系列 background属性。 background-color 设置元素的背景颜色。 background-img 将图片设置为元素的背景。 background-color 颜色的表示方法: 1.单词 red blue 2.rgb red green blue 三原色 饱和度 0-255 3.16进制 0-9 a-f #ff0000 20= f=15
2020-12-17 14:22:54 502
原创 浮动定位
清除浮动 1.给父元素设置高度(不推荐) 理由:不能把高度固定死,不适合做自适应的效果 2.父元素添加浮动(不推荐) 理由:会影响后面的元素布局。 3.添加overflow:hidden 添加overflow:hidden之后,父盒子会拥有BFC属性。(不推荐) 优点:简单 缺点:内容比较多的时候,容易造成内容被隐藏。 4.设置父盒子为行内块(不推荐) 理由:会影响后面的元素布局 5.专门清除浮动的属性:clear (不推荐) cle
2020-12-10 22:00:19 373
原创 盒子
盒子: 容器 盒子模型 英文:box model。 最常见的盒子是div span 盒子中的区域: content 1.宽 width px content 2.高 height content 3.内边距 padding 4.边框 border 5.外边距 margin 【注】 标准盒模型的宽和高和盒子真实占有的宽高不是一个概念。 【注】 盒子的宽不设置时,默认为100%;但是宽度一般会做设置,高度却不一定。 盒子真实占有的宽
2020-12-09 20:52:54 247
原创 继承
继承 有一些属性给父元素设置后,其后代也会继承该样式,这叫做继承性 继承性是从当前元素开始一直到最小的元素 后代元素能够继承来自祖先的文字样式。这些属性包括:color,text-开头的,font-开头的,line开头的。 关于盒子 定位 布局的属性,不能被继承。 层叠 样式表:行内式>内嵌式与外链式 (就近原则) 选择器:ID选择器>类选择器>标签选择器 复杂选择器权重的计算比较数基础选择器的数量: ID选择器的数量 类选择器的数量 标签选择器的数量
2020-12-08 20:29:44 135
原创 选择器
选择器 选择器的功能: 选中要添加样式的标签的元素。 什么是标签选择器? 通过标签名直接选择相应的标签。 不管有多复杂的嵌套关系,标签的位置就算藏得很深,依然可以被标签选择器选中。 格式: 标签名{声明;} 标签选择器的作用: 1.利用标签所有的特性,进行默认样式的清除 2.复杂选择器中一部分使用 id选择器的作用: 选中页面中唯一的一个标签。 格式: #ID值{声明;} 注: 1.id值必须是唯一的,在一个页面中只能出现一次。如果多次出现重复的ID值是不符合规范的。 2.所有的标签都有ID属性
2020-12-07 20:27:16 200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人