- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 函数的声明、调用、返回值、作用域、访问规则和赋值规则
概念封装一段可以完成特定功能的代码块，调用时可以被重复执行定义函数（2种方法）声明式定义函数：function 函数名(){} 函数名：自己定义，命名规则和规范同变量 () ：必须带 {}: 代码块赋值式定义函数var 函数名= function(){}调用函数语法：函数名(); 注意：函数一旦被调用，{}内部的代码会执行函数的参数形参：函数定义时()中的参数叫形参实参：函数调用的时候()的参数叫实参函数的返回值 return1、写在函数语句的最下端2、return和输出值用空格
2021-12-03 21:07:54
909
原创 流程控制语句
顺序执行顺序：从上到下分支语句if语句1、if（）{}2、if（）{}else if（）{}3、if（）{}else{}switch语句switch () { case 情况1: 情况1要执行的代码 ；break ；case 情况2: 情况2要执行的代码 ；break；default: 上述情况都不满足的时候执行的代码 }使用场景：要判断某一个变量 等于 某一个值得时候使用三元运算符条件 ? 条件为 true 的时候执行 : 条件为 false 的时候执行循环语句while循
2021-12-02 23:05:58
103
原创 js数据类型、数据类型转换以及运算符
数据类型数据类型数字：number NaN 字符串：string 布尔类型：Boolean false ture undefined：未定义 unll:空 object数据类型的转换转数字型 字符串转数字 number parseInt parseFloat ：+ 、-、*、/、%隐式转换 布尔类型转数字类型 ture:1 false:0转字符串 string():语法：string(x)toString()：语法
2021-11-30 14:49:49
534
原创 弹性盒模型
一、基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。1、弹性盒的作用：控制子元素的布局方式。2，弹性盒的语句：display：flex3、特点：（1）当父元素变成弹性盒子之后，子元素默认横向显示。(沿着主轴排列，默认是横轴）（2)如果子元素总宽度大于父元素，那么是不会超出父盒子，也不会自动换行，（3)当父元素变成弹性盒子之后。无论子元
2021-11-23 08:49:51
155
原创 H5新增标签
一、新增标签：border-width:边框线的宽度 border-style：边框线的样式 border-color：边框线的颜色 header，头部标签。块级标签 section, 部分标签。块级标签 footer, 底部标签。块级标签 aside, 侧边栏。块级标签 nav, main, article, figure ,一般使用于图文混排（图片），相当于dl.dt和dd。 一般和figcaption使用。（文字）。块级标签 hgroup，标题组标签。块级元素...
2021-11-23 08:48:04
194
原创 CSS的2D变形属性（位移、旋转、缩放、倾斜）
变形属性变形属性transform，可以实现元素的位移、旋转、缩放等。有2D和3D之分2D坐标系：x轴为水平方向，右侧是正数，y轴是垂直方向，向下为正数。 位移：translate 将元素向指定的方向移动。 水平移动：translate(10px,0)右侧移动 translate(-10px,0)左侧移动 垂直移动：translate(0,10px)向上移动 translate(0,-10px)向下移动 对角移动： 右下角：translate(10px,10px).
2021-11-19 09:11:15
1771
原创 css的渐变
一、渐变从一个颜色过渡到另一个颜色二、常见浏览器(5种)谷歌：-webkit-火狐;-moz-欧鹏:-o-苹果:-webkit-ie:-ms-三、线性渐变由一个方向过渡到另一个方向1、线性渐变的写法background：linear-gradient(to方向，颜色1，颜色2，....)2、线性渐变加前缀的写法background：前缀linear-gradient(方向，颜色1，颜色2，....)注意：加前缀后方向不用加to，同时意思发生变化，
2021-11-18 14:09:07
128
原创 css新增属性
一、盒子阴影box-shadow:阴影水平位置 阴影垂直位置 模糊度(值越大，越模糊） 阴影范围(值越大，越模糊) 阴影颜色 阴影的内外位置（inset、outside);box-shadow:0px 0px 0px 0px red;阴影可以添加多个，在第一个效果后，用逗号隔开，继续写第二个效果box-shadow:0px 0px 0px 0px red，0px 0px 0px 0px red;...
2021-11-18 09:23:16
299
原创 css3的新增选择器和属性
1、内联块元素： text-align：center； linehigh：和父元素高度相同的高度值；2、块级元素的垂直水平居中： margin：auto（在父元素中水平居中）； 定位：子绝父相，margin ...
2021-11-16 17:49:52
254
原创 高度塌陷的3种解决方法
Css高度自适应1、高度自适应：高度不写，就可以达成自适应， 父元素的高度由内容撑开，2、不设置高和高设置为100%是有区别的，3、但是一般建议写最小高：min-height 当内容没有时也会有一定的区域存在， 当内容增多时，也会随着内容撑大。4、子元素撑开父元素：子元素高度设置100%。伪元素：伪元素标志：2个冒号，但是写一个也能生效，但是建议写两个。伪元素相...
2021-11-15 14:00:11
728
原创 逻辑分支的思维导图
程序结构设计 顺序：根据代码的书写顺序，从上至下一行一行的执行。选择：根据条件的真假，选择执行某种相应的结果。循环：重复的做某件事。 选择 if条件语句：if(条件表达式){执行语句;}else{语句;} 三目运算符（条件运算符）：根据表达式1执行的结果，来决定执行表达式2还是表达式3表达式1结果是true执行表达式2，最终返回表达式2的结果表达式...
2021-11-10 23:10:17
592
原创 数字和字符串的相互转换
隐式转换： 1、"+“:其结果会转换成字符串，相加内似于字符串的拼接，2、除+以外：结果都讲转换为数字。 （1）运算结果都会变为数字 （2）NaN是一种数字类型的固定值，当遇到无法计算的结果时，返回NaN。 显示转换： 字符串转数字：1、parseInt(字符串)：返回一个整型（传入的数据如果为非数值字符串:NaN）2、parseFloat(字符串)：返回一个浮点型数字。3、Number(字符串)：返回整数和浮点都可以 数字...
2021-11-09 16:05:53
6430
原创 js的运算赋值
运算 赋值运算符 1.是将左值赋给右值2.赋值表达式是有值的，值就是右值：a=b=5(给a赋值，值为b=5)3.复合的赋值运算符：+=、-=、*=、%- 自增自减：都是为自身+1或者-1 自增：前++（先加后赋值） 后 ++（先赋值，后加，过了；以后再加） 关系运算符：连接的表达式为关系表达式，结果一定为布尔值（逻辑量） >、>=、<、<=、 ==逻辑等，判断左右操作数是...
2021-11-09 16:02:35
1056
原创 认识JS（思维导图）
添加JS的方法 在页面内添加 页面外引入 注意事项:页面外引入的script,是不可以在体内接着写js代码的 注意事项:一个页面可以出现多个script标签 习惯上，我们建议大家把script标签写在html根标签后面打印的两种方式 document..write作用是将小括号间的内容打印至大白板 console.log作用是将小括号间的内容打印至后台js代码的执行顺序：自上而下JS语句的组成：表达式+分号;注释...
2021-11-09 08:14:45
64
原创 1.JS基本介绍
简介:JavaScript一种在浏览器中解释运行的脚本语言，它的解释器被称为JavaScript引擎，为浏览器的一部分，是广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML（HTML5）网页增加动态功能。在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。可以实现：用户交互（表单...
2021-11-08 16:30:21
284
原创 使用弹性盒实现垂直居中对齐
<body> <div class="box"> <div class="con">我是2</div> </div></body>1.给两个div元素各设置一个宽高加上背景色，方便我们看，另外为了更清楚他们的位置关系，我们把外层的宽高设置的大一点，里面的元素不设大小，由内容撑开（但是如果没有内容，就一定要设大小，会直观一些）层： .box { backgrou...
2021-11-06 10:45:09
9787
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人