山河月色-CSDN博客

原创常用正则表达式

一、校验数字的表达式 1. 数字：^[0-9]*$2. n位的数字：^\d{n}$3. 至少n位的数字：^\d{n,}$4. m-n位的数字：^\d{m,n}$5. 零和非零开头的数字：^(0|[1-9][0-9]*)$6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7. 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$8. 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$9. 有两

2021-08-14 11:46:11 76

原创 JavaScript数据转换

强制数据类型转换其它数据类型转为数字Number(数据)；可以转换字符串布尔 null,字符串必须是纯数字字符，可以识别小数点（只能识别一个）true是1 false是0 null ->0 转不成数字返回NaNNumber转化console.log(Number(100));var str = "123";console.log(typeof str);//123console.log(typeof Number(str));//numberconsole.log(Number

2021-08-02 20:54:59 112

原创 JavaScript的基本数据类型

基本数据类型Number 数字类型String 字符串Boolean 布尔null 空对象，空的，没有undefined 未定义，未初始化数据类型的区分方式typeof(数据)方法Number数字类型// Number 数字 (数值的存储，进行运算)// 数字：整数小数 0 进制 Infinity NaN// 整数小数 0 var num1 = 10;console.log(num1);console.log("哈哈哈");consol

2021-08-02 20:41:57 80

原创 javaScript变量

js变量定义方式var 变量名 = 值声明 var 变量名定义变量名 = 值// 只声明不定义var num1;console.log(num1); //undefined 未初始化，未定义，未进行赋值num1 = 100;console.log(num1);// 声明 + 定义var num3 = 1000;console.log(num3);// 连续声明不定义var str1, str2, str3;console.log(str1, str2, st

2021-08-02 20:26:51 71

原创 H5新增表单元素

H5新增的表单元素新增表单type类型邮箱：type="email" 1·提供了邮箱形式的简单验证 2·打开移动端的邮箱键盘手机号：type="tel" 1·打开移动端拨号键盘网址：type="url" 1·简单的网址格式验证 2·打开网址键盘

2021-07-25 10:12:49 683

原创 flex弹性盒子

弹性盒子的基础属性1.声明弹性盒子声明弹性盒子 display:flex(块flex)/line-flex(行内块flex)你想摆放那些盒子他的父元素就是弹性盒 display:flex 注意一点要给他的父元素加display:flex2.切换主轴方向 flex-direction:row/column/row-reverse/column-reverse row(水平) column(垂直) row-reverse(还是水平方向但是起始端和末尾段颠倒了) column-rev

2021-07-22 21:44:34 148

原创 css双飞翼布局

双飞翼布局双飞翼布局和圣杯布局的实现大致相同但是唯一不同的一点是双飞翼布局分别向左移动后不需要在以自身的位置作为参考在把left，right盒子分别移动自身列的宽度只需要给center套一个盒子inner让内容与left，right盒子互不影响即可。<div class="max clearfix"> <div class="center"> <div class="inner"> aosjdoa

2021-07-18 16:02:21 113

原创 css圣杯布局

圣杯布局圣杯布局属于三列自适应布局，两侧固定，中间的区域随着内容的大小变化圣杯布局主要是三列自适应布局，主要得实现方式是让center，left，right三个盒子左浮动，然后把left盒子向左移动中间列的宽度也就移动center的宽度，然后在移动right盒子，把right盒子向左移动自身列的宽度，再以自身位置作参考向左移动left盒子，在以自身位置作参考做移动right盒子这样就能实现圣杯布局了。

2021-07-18 15:54:56 157

原创 css等高布局

伪等高布局伪等高布局的实现是给盒子一个特别大的下内边距padding-bottom:-99px使内边距充当背景色，然后在同样给一个下外边距margin-bottom:-999px通过下内外边距相互抵消来实现的，内外边距互相抵消但是背景色不变代码如下  <div class="max clearfix"> <div class="col col1"&gt

2021-07-18 10:58:18 182

原创滑动门技术

滑动门技术滑动门技术的实现主要是通过两个父子标签互相嵌套来实现的例给a标签嵌套了一个span标签分别给a和span设置其背景图片其中给a的背景图片让他放在左顶部 span放在右顶部通过设置内边距来填充左右的距离通过内容来填充进而实现滑动们的技术代码如下两侧对称滑动门<div class="box"> <div class="list"> <ul class="clearfix"> <!-- li做布

2021-07-18 10:34:02 771

原创文本/font/overflow属性以与盒模型以及元素类与转化

文本属性设置文本的水平对齐方式 text-align: left/right/center/justify(两端对齐)line:height=npx(n为任意数)设置文字垂直居中行高越大文本向下移动行高等于盒子的高度时实现文本垂直居中图文对齐默认：浏览器在解析文字的时候是以基线对齐解析的而中文没有基线刚好，图片和文字也是基线对齐---》对不齐 vertical-align:top(顶线)/bottom(底线

2021-07-11 10:17:39 197

原创 css属性

css属性引入css的方式三种方式（行内引入的优先级>内部嵌入>w外部引入） 1.行内引入写在开始标签里通过 style="css属性;属性名:属性值;" 特性：只对当前的标签起作用代码冗杂结构不清晰官方样式：结构与样式相分离 2.文件内部嵌入样式表 <head> <style> css代码 </style&

2021-07-10 17:19:25 61

原创 html标签

htmlht加粗样式ml不是编程语言是超文本标记语言网页文件的第一句是文档声明主要目的就是告诉浏览器以什么版本解析网页 <!DOCTYPE html>这是一个h5声明常用的浏览器及内核浏览器内核Chrome谷歌 webkitSafaril苹果 webkitFirefox火狐 GeckoIE

2021-07-10 16:50:21 106 1

原创 html常用标签

web常用标签1.布局标签：区域标签a.大区域 div功能：套图，套段落文字，套小区域，套div。特性：1.宽度取了父盒子的所有内容的宽度，高度取决于内容大小。2.独立成行换行显示hellowordhellowordhelloword b. 小区域 span 功能：套小图标，图片，套几个字特性：1.宽度，高度取决于内容的大小 2.并排放置 <span>hellow

2021-07-06 21:09:25 182

山河月色