weixin_64195420的博客

原创 Javascript Math用法

原创 JavaScript 字符串方法

原创 JavaScript Date 函数

原创 补充 JavaScript 数组

原创 JavaScript 数组

arr.push() 在数组后面添加元素arr.join()以什么参数分割符号arr.sort() 首字符进行排序arr.reverse() 反转数组

原创 JavaScript break 和continue 双重for 循环

breakbreak语句用于终止某个循环，使程序跳到循环块外的下一条语句在循环中位于break后的语句将不再执行break 语句不仅可以用在for循环中，也可以用在其他循环中continuecontinue用于循环continue语句只能用在循环结构中continue退出本次循环，继续后面的循环双重for循环...

原创 JavaScript for while dowhile 循环

for 循环while 循环do while 循环

原创 JavaScript 内容 第二章

逻辑运算符包括：&&(与) ||(或) !(非)if 语句多重if语句switch语句

原创 JavaScript 内容 第一章

控制台输出语句变量类型算术运算符

原创 css 水平垂直居中

一、已知宽高的水平垂直居中在这种情况下，其实就很好解决了，实例说明一下：html代码：<div class="wrap"> <div class="child">水平垂直居中</div></div>默认样式：.wrap{ width:400px; height:400px; border:1px solid red; margin:0 auto;}.child{ width:200px; height

原创 css flex 响应式 布局

媒体查询 【页面大小随着浏览器窗口而变化】// max-width：（ n px） 【浏览器窗口宽度小于n像素 进行里面操作】//min-width：(n px） 【浏览器窗口宽度大于n像素 进行里面操作】//【浏览器窗口宽度大于等于600 小于等于1000 的时候 进行操作】理想视口 em 和 rem在css中单位长度用的最多的是px、em、rem，这三个的区别是:1px是固定的像素，一旦设置了就无法因为适应页面大小而改变。2 em和rem相对于...

原创 补充flex 弹性布局

flexflex order 属性// order 属性 定义项目的排列顺序。数值越小，排列越靠前，默认为0align-self属性 【允许单个项目与其他项目不一样的对齐方式】align-self：flex-start；【单个水平居上对齐 默认水平对齐方式】align-self: flex-end;【单个水平居下对齐 】 align-self: center;【单个水平居中对齐】align-self: stretch;【单个水...

原创 css 弹性布局

弹性布局语法：display:flex;【块级元素】 display：inline-flex；【行内元素】flex-direction row【水平垂直方向】// row 默认效果【从左到右排序】// row-reverse 改变方向【从右到左排序】flex-direction column【垂直方向】// column 默认效果【从上到下排序】// column-reverse 改变方向【从下到上排序】...

原创 补充css动画过渡效果 以及3D动画

透明度 opacityopcaity：x x值为 0~1 ，值越小越透明 （0表示透明，1表示原度）transitiontransition-property 过渡的名字transition-duration 完成过渡所需要的时间transition-timing-function 指定过渡函数（匀速 慢速）transition-delay 过渡开始出现的延迟时间transition:[ transition-property transition-duration tra...

原创 css 2D动画 定位

动画 平移translate(tx,ty) 平移前 平移后// translateX(n) 向X轴平移N个像素// translateY(n) 向Y轴平移N个像素动画 放大scale //scaleX(N) 向X轴缩放N倍 // scaleY（N）向Y轴缩放N倍 //scale(N) X轴和Y轴都缩放动画 平移skew ...

原创 css 浮动 以及父元素的塌陷

浮动left 在左侧不允许浮动元素right 在右侧不允许浮动元素both 在左、右两侧不允许浮动元素none 默认值。允许浮动元素出现在两侧

原创 css 渐变 文本阴影 单行及多行省略号 字体

css 渐变线性渐变—Linear Gradients颜色沿着一条直线过渡：从左到右、从右到左、从上到下等// background:linear-gradient( position, color1, color2,…)【position 渐变方向 color1第一种颜色 color2 第二种颜色.... (不给方向 默认是从上到下 )】to bottom 从上到下to right 从左到右to topleft 从右下角到左上...

原创 css 盒子边框 阴影 背景图

盒子圆角边框// border-radius: (顺时针设置 左上角 右上角 右下角 左下角)【值越大 角度越大】// border-radius:20px；(一个值表示【四个角都是一样的模样】)// border-radius:20px 50px；(两个值表示【右上角和左下角圆角大小】)// border-radius:20px 50px 30px；(三个值表示【第一个表示 左上角圆角 第二个表示 右上角和左下角圆角大小 第三个值表示 右下角大小 】)圆形利用border.

原创 HTML5 新增input属性

取色器搜索引擎number// max number 规定允许的最大值 min number 允许的最小值 step number 规定合发的数字间隔 value number 规定的默认值滑动条//max number 规定允许的最大值 min number 允许的最小值 step number 规定合发的数字间隔（步长） value number 规定的默认值date// 选择日 、 月 、 年mon...

原创 css的高级选择器 样式的优先级 算法

css3的高级选择器first-of-type// p:first-of-type选择属性其父元素的首个<p>元素的每个<p>元素（父类元素中同标签第一个）last-of-type//p:last-of-type选择属性其父元素的最后<p>元素的每个<p>元素（父类中同标签中最后一个）only-of-type//p:only-of-type 选择属于其父元素唯一的 &...

原创 HTML5 新增元素

新增元素<header></header> //表示头部<main></main> // 表示底部<nav></nav> // 导航链接<section></section> //一般包裹一个内容区域块<aside></aside>//侧边栏<article></article>//包裹正文内容<footer></foo

原创 css 内边距 +display属性

内边距padding 属性/* 上内边距增加50px */ padding-top:50px;/* 右内边距增加50px */ padding-right:50px;/* 下内边距增加50px */ padding-bottom: 50px;/* 左内边距增加50px */ padding-left:50px;/* padding设置一个值 表示上 右 下 左 内边距全部增加50px *//* padding:50px; *//* 上下 内边距的大小为50px 左右内边距的大小.

原创 css 盒子模型 内外边距

盒子模型//盒子模型是由 margin + border + padding + 网页元素（content）边框颜色 /* 边框的粗细 */ border-width: 10px; /* 边框的颜色 * / /* border-color:red; /* 边框的类型 solid 实线 */ border-style:solid; /* 设置上边框的颜色 */ border-top-color: red; /* 设置右边框...

原创 css 文本修饰 a链接、背景图 补充列表

文本修饰// 删除文本所有样式//设置文本上划线//设置文本删除线//设置文本下划线垂直对齐方式//文字与图片垂直对齐居中//文字与图片垂直对齐向上//文字与图片垂直对齐向下//文字与图片垂直对齐更加靠下超链接的伪类//未单击访问时超链接样式//单击访问后超链接样式//鼠标悬浮其上的超链接样式//鼠标单击未释放...

原创 css 文字样式

文字属性font-family 后面跟的是文字的属性（属性可以用引号包裹也可以不用引号包裹）文字大小font-size 后面跟的是文字的像素大小（也可以用em来表示 一般用像素[px] 来表示 而em是根据父类元素的大小来显示的） 【也可以用rem 来表示】1rem大小相当于14px文字风格italic和oblique 都能表示文字的倾斜 而normal 可以将文字倾斜的样式改为正常样式文字的粗...

原创 css的高级选择器

CSS的高级选择器 层次选择器 后代选择器 子选择器 相邻兄弟选择器 通用兄弟选择器 属性选择器 E[attr] 选择匹配具有属性attr的E元素 E[attr=val] 选择匹配具有属性attr的E元素,并且属性值为val（其中val区分大小写） E[attr^=val] ...

原创 补充表单 css 样式和三种选择器的使用

隐藏域// 隐藏域的作用 需要把数据的名称hideName和值666传给后台 但是不想让用户在页面上看到，只是单纯的想发送一段数据只读和禁用//disabled 禁用属性 目的是把按钮原来功能禁用掉 使用场景：比如用户还没有把表单的内容填写好，就先把提交按钮禁用 通过javascript判断用户把表单内容输入完毕了，再把禁用属性去掉// readonly 是只读属性 作用是只是让用户看到 但是并不想让用户修改 W3C HTML标准中，规定对于布尔类型...

原创 html 表单

input类型用户框：// input 默认是text maxlength 表示可输入的最大字符数// size 表示表单的初始元素 name 表示表单元素的名称 value 表示初始值（type值为radio 必须指定一个值）密码框： //密码框 类型为password 密码框里面内容是加密的单选框： //密码框 类型为radio radio单选框的value值一般用英文表示 checked 表示单选按钮选中状态 可以给...