![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
自学笔记
Mr.Zmh
这个作者很懒,什么都没留下…
展开
-
作用域(自学笔记)
作用域:适用范围全局变量声明的变量是使用var 声明的,那吗这个变量就是全局变量,全局变量可以再页面的任何位置使用;除了函数以外,其他的任何位置的变量都是全局变量;不能被删除;局部变量在函数内部定义的变量,是局部变量,外面不能使用全局作用域全局变量的使用范围局部作用域局部变量的使用范围块级作用域一对大括号就可以看成是一块,在块级区域中定义的变量,只能在这个区域中使用,但在js中这个作用域中定义的变量,外面也能使用;所以js没有块级作用域。只有函数除外隐式全局变量声明的变量没有v原创 2020-11-14 14:48:30 · 88 阅读 · 0 评论 -
函数(自学笔记)
函数函数:把一堆重复的代码封装,在需要的时候直接调用即可 函数的作用:代码的重(chong)用函数定义语法:function 函数名(){ 函数体(一堆重复的代码)}函数的调用函数名();函数的注意思点函数需要先定义,后调用函数命名要遵循驼峰命名法函数一旦重名,后面的函数会把前面的函数覆盖ctrl+鼠标左键----->转到函数定义一个函数最好就一个功能函数参数:在函数定义的时候,函数名字后面的小括号里的变量就是参数,目的是函数在调用的时候,用户传进来的原创 2020-11-09 21:16:24 · 318 阅读 · 1 评论 -
数组(自学笔记)
数组数组:一组有序的数据作用:可以一次性存储多个数据数组中存储的数据类型可以不一样数组的定义:1.通过构造函数创建数组语法:var 数组名=new Array();var array=new Array();//定义了一个数组数组的名字如果直接输出,那么直接就可以把书组中的数据显示出来,如果没有数据,就看不到数据var 数组名=new Array(长度);如果数组中没有数据,但是有长度,那么数组中 的值就是undefined构造函数的方式创建数组:如果Array(一个数字);---原创 2020-10-26 13:56:29 · 464 阅读 · 0 评论 -
循环语句(自学笔记)
循环:一件事不停地或者重复的去做循环要有结束的条件,循环要有计数器(记录循环的次数)while循环语法:计数器var 变量=0;while(循环条件){循环体;计数器++;}执行过程先判断循环条件是否成立(条件的结果是true或者false),如果是false则循环的代码不执行(while的大括号中的代码都不执行),如果是true ,则先执行循环体,在执行计数器,然后再去判断循环的条件是否成立,成立则继续执行循环体,否则就跳出循环,执行完循环体后,计数器+1,然后再去判断循环的原创 2020-10-16 13:08:27 · 264 阅读 · 0 评论 -
分支语句(自学笔记)
if 语句if语句:主要是判断语法:if(表达式){代码块;}执行过程:先判断表达式的结果是true或false;如果是true则执行代码块,如果是false则不执行大括号里的代码块if-else语句两个分支,只能执行一个if-else语句的语法if(表达式){代码块1;}else{代码块2;}执行过程:如果表达式的结果是true则执行代码块1,反之为false则执行代码块2...原创 2020-10-10 13:42:15 · 296 阅读 · 0 评论 -
流程控制(自学笔记)
流程控制:代码的执行过程流程控制:三种方式顺序结构:从上到下,从左到右执行的顺序分支结构:if语句、if else语句、if else if else if…语句、switch-case语句、三元表达式语句循环结构:while循环、do-while循环、for循环、for-in循环...原创 2020-10-05 13:14:16 · 120 阅读 · 0 评论 -
一元运算符(自学笔记)
一元运算符++,- -都是运算符++,- -可分为前+,后+和前-,后减如果++在后面,如:num++ +10:;先参与运算,然后自身结果再加一如果++在前面,如:++num +10:;先自身加一,然后再参与运算以上同理也适应于- -的运算规则var num=10;num++;//自身+1console.log(num);//输出11var num=10;++num;//自身+1console.log(num);//输出11...原创 2020-10-05 12:58:29 · 1985 阅读 · 0 评论 -
变量介绍,字符类型及转换,运算符(自学笔记)
变量变量:变量是用于存放数据的容器。通过变量名获取数据,甚至数据可以修改本质:变量是程序在内存中申请的一块用来存放数据的空间js中存储数据使用变量的方式(名字,值—>数据)js中声明变量都用varjs中的字符串类型的值都用双引号或者单引号 *存储一个数字10 * 变量的声明及赋值 * var num=10; * 存储一个名字 * var name='小黑'; * 变量---作用,存储数据的或者是操作数据 *原创 2020-10-02 15:44:07 · 357 阅读 · 0 评论 -
JavaScript介绍(自学笔记)
JavaScrippt,简称JS;JS分三个部分:1.ECMAScript 标准-----------JS的基本语法2.DOM------------Document object model 文档对象模型3.BOM------------Browser object model 浏览器对象模型JavaScript是什么?1.是一门脚本语言(是一种运行在客户端的“脚本语言”)2.是一门解释性语言3.是一门动态类型的语言4.是一门基于对象的语言编译语言:需要把代码翻译.原创 2020-09-23 19:46:49 · 124 阅读 · 0 评论 -
CSS3(自学笔记)
结构伪类选择器ul li:fist-child :选取属于其父元素的首个子元素的 选择器ul li:last-child :选取属于其父元素的最后一个子元素的 选择器ul li:nth-child(n) :匹配属于其父元素的第N个子元素ul li:nth-child(even) :选择偶数ul li:nth-child(odd) :选择奇数选择的是li属性 选择器div[class^=font]{/*选择以font开头的*/color:red;}div[class$=font]{/*原创 2020-09-15 21:11:57 · 171 阅读 · 0 评论 -
HTML5新增(自学笔记)
新增常用标签<header>语义:定义页面的头部,页眉</header><nav>语义:定义导航栏</nav><footer>语义:定义页面底部,页脚</footer><article>语义:定义文章</article><section>语义:定义区域</section><aside>语义:定义其所处内容之外的内容,侧边</aside>新增属性.原创 2020-09-02 21:38:08 · 140 阅读 · 0 评论 -
css精灵技术(sprite)
为了有效的减少服务器接受和发送请求的次数,提高页面的加载速度,就出现了css精灵技术精灵技术本质css精灵是处理网页背景图像的方式。使用方式:就是利用background-position进行精准的背景图片定位滑动门样式:<a><!-- 给a添加背景左对齐 --> <span>首页</span><!-- 给soan添加背景右对齐 --></a>注意点:只给盒子高度,不给盒子宽度...原创 2020-08-20 19:47:36 · 109 阅读 · 0 评论 -
CSS用户见面样式(自学笔记)
cursor (鼠标样式)cursor:pointer;<!-- 让鼠标样式变成小手 -->cursor:text;<!-- 让鼠标样式变成文本 -->cursor:move;<!-- 让鼠标样式变成移动 -->cursor:default;<!-- 让鼠标样式变成默认 -->取消轮廓线的做法outline :"none";<!-- 取消轮廓线的做法 -->防止拖拽 resizeresize:"none"vertical-a原创 2020-08-18 20:31:27 · 94 阅读 · 0 评论 -
显示与隐藏(自学笔记)
display 显示width="100px";height="100px";display:"none";<!-- 隐藏某个元素/display:block;显示某个元素 -->特点:display:“none”;隐藏之后元素不再占有位置。visibility 可见性设置或检索是否显示对象visible: 对象可视hidden: 对象隐藏特点:visibility:“hidden”;隐藏之后元素占有位置。...原创 2020-08-18 19:14:48 · 116 阅读 · 0 评论 -
position(定位)自学笔记
元素的定位属性元素的定位属性主要包括定位模式和边偏移边偏移边偏移属性描述top顶端偏移量,定义元素相对于其父元素上边线的距离bottom底部偏移量,定义元素相对于其父元素下边线的距离left左侧偏移量,定义元素相对于其父元素左边线的距离right右侧偏移量,定义元素相对于其父元素右边线的距离也就是说定位要和边偏移量搭配使用,如:top:100px;定位模式(定位的分类)position属性的常用值值描述static自动定位原创 2020-08-15 20:09:31 · 313 阅读 · 0 评论 -
浮动(自学笔记)
普通流(normal flow)css的定位机制有三种:普通流(标准流)、浮动、定位。html语言中另一个重要的概念-----------标准流,或者叫普通流。普通流就是一个网页内标签元素从上到下,从左到右排列的顺序。比如块级元素会独占一行,行内元素会依次从左到右排列,按照这种大前提的布局排列之下绝对与不会出现例外的情况的叫做普通流布局。浮动(float)属性值描述left元素向左浮动right元素向右浮动浮动的注意点浮动脱离标准流,不占位置,会影响标准流。浮动原创 2020-07-31 21:01:18 · 132 阅读 · 0 评论 -
盒子阴影CSS3(自学笔记)
语法:box-shadow:水平阴影,垂直阴影,模糊距离(虚实),阴影尺寸(影子大小),阴影颜色,内/外阴影值是像素值水平阴影:正值向右,负值向左垂直阴影:正值向下,负值向上补充:text-shadow为文字阴影...原创 2020-07-31 20:05:15 · 140 阅读 · 0 评论 -
圆角边框(自学笔记)
圆角边框(CSS3)语法格式:border-radius:50%;<!-- 让一个正方形变成一个圆 -->四组值:border-radius:1px 1px 13px 2px;<!-- 分别表示左上、右上、右下、左下的圆角-->三组值border-radius:10px 5px 1px ;<!-- 表示左上为10px、右上和左下为5px、右下为1px-->二组值border-radius:10px 1px ;<!-- 表示左上和右下为10px、右上和左下原创 2020-07-31 19:32:45 · 502 阅读 · 0 评论 -
盒子模型(自学笔记)
看透网页布局的本质把网页元素比如图片文字等等,放入盒子,然后利用css摆盒子的过程,就是网页布局盒子模型盒子边框(border)属性作用值border-width边框粗细像素值border-style边框样式solid(实线);dashed(虚线);dotted(点线)border-color边框颜色red;blue等连写一般按照以下顺序书写:border:width style color;在border后加入方位就可以指定单边的边框样式如原创 2020-07-28 21:11:56 · 201 阅读 · 0 评论 -
CSS背景(自学笔记)
背景background它有以下几种:属性属性作用值background-color背景颜色colorbackground- images背景图片url(1.png)background-repeat背景平铺方式repeat(整个平铺) 、noreoeat(不平铺)、repeat-x(横向平铺)、repeat-y(纵向平铺)background-position(x,y)图片位置top,bottom,left,right,center (如果只写原创 2020-07-18 20:15:49 · 141 阅读 · 0 评论 -
css的三大特性(自学笔记)
CSS的三大特性层叠性CSS叫层叠样式表,所谓的层叠性是指多种css样式的叠加,是游览器处理冲突的一个能力,如果一个属性通过两个相同的选择器作用到一个元素上,那吗一个属性就会把另个一个属性层叠掉。一般情况下出现样式冲突,遵循的原则就是就近原则,哪个样式离结构近就执行哪个样式继承性所谓继承性就是在书写css样式时,字标签会继承父标签的某些样式,一般继承一些与文本相关的属性链接: 具体哪些可继承哪些不可继承.CSS优先级定义css样式时,经常会出现两个或多个规则应用在同一个元素上,这时候就出现了原创 2020-07-17 21:01:05 · 91 阅读 · 0 评论 -
标签的显示模式display(自学笔记)
块级元素(block)每个块级元素都会占据一整行或多行,可以对其设置宽度,高度,对齐方式等属性常见的块级元素有:<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li> 等块级元素的特点:块级元素会独占一行高度,行高,外边距和内边距都可以单独设置宽度默认是容器的100%可以容纳内联元素和其他的块级元素行内元素(inline)行内元素(内联元素):不占有独立的区域,仅仅依靠自己的字体大小或者原创 2020-07-15 20:47:17 · 122 阅读 · 0 评论 -
line-height为什么会使文字居中
首先行高是文字的字符大小和字符上下的边距决定的,关键就是这个上下的边距是相等的,你可以把行高想象是两条看不见的水平平行线,而在平行线内,字符与平行线上下的边距总是相等的,就是垂直居中的意思。而height这个属性是盒子属性的高度,盒子并没有像行高这样与上下的边距是相等的要求。而是默认在左上角所以不是行高line-height与文字高height一样就能让文字居中,而是应该这样理解,字符本来就在行高内垂直居中了,只是行高与文字的盒子高度不等,导致不能在盒子里垂直居中,如果我们把行高line-height与原创 2020-06-18 10:10:00 · 876 阅读 · 0 评论 -
CSS复合选择器(自学笔记)
复合选择器是由两个或多个基础选择器,通过不同的方式组合而成,目的是为了选择更准确更精细的目标元素标签。交集选择器它是由两个选择器构成,其中一个是标签选择器,一个是类选择器;语法如下h3.class{ color:red; }两个选择器之间不能存在空格;交集选择器 是 并且的意思。 即…又…的意思比如: p.one 选择的是: 类名为 .one 的 段落标签,但用的相对来说比较少。并集选择器应原创 2020-05-23 12:43:28 · 309 阅读 · 0 评论 -
css外观属性(自学笔记)
color:文本颜色color属性用于定义文本的颜色,其取值方法有如下三种预定义的颜色值,如:red 、green、blue等十六进制1如:#ff0000(#f00)、#29d794等;连续的两位上的字符相同可以缩写,只写一个如:#ff00dd可以缩写成#f0dRGB代码:如红色可以表示成rgb(255,0,0)或rgb(100%,0%,0%)如果使用rgb代码的百分比颜色值,取值为0时,也不能省略%号,必须写成0%。line-height:行间距line-height用于设置行与行之间的原创 2020-05-23 11:14:44 · 291 阅读 · 0 评论 -
css字体样式(自学笔记)
css字体样式属性font-size :字号大小该属性的值既能用相对长度单位,也能用绝对长度单位,但一般采用相对长度单位,具体如下:相对长度单位说明em相对于当前文本的字体尺寸px像素(常用)关于相对长度单位em的解释及使用:如果没有重新定义字体的大小,那吗游览器的默认字体大小就是16px,此时1em=16px<style> div{ font-size="16px" width=5em /*5em=16px*5=80px*/ }</原创 2020-05-22 13:07:13 · 179 阅读 · 0 评论 -
html标签(自学笔记)
HTML标签的语义化所谓的标签的语义化就是指标签的含义语义化标签的好处方便代码的阅读和维护让游览器或者网络爬虫可以更好的解析,从而更好的分析其中的内容使用语义化标签会具有更好的搜索引擎优化核心: 就是合适的地方给一个合适的标签语义是否良好: 就是当我们去掉CSS后网页结构依然组织有序,并具有良好的可读性加粗样式...原创 2020-05-14 13:51:58 · 278 阅读 · 0 评论 -
HTML表格标签(自学笔记)
表格(table)表格不是用来做页面布局的,而是用来处理,显示数据用的创建表格标签格式如下:<table> <tr> <td></td> </tr></table>table 用于定义一个表格tr 用于定义表格的行,同<li>必须被<ol>包裹一样,tr 也必须嵌套在table标签中td 用于定义表格中的单元格,必须嵌套在tr标签里,一个tr里有多少个td就表示一行里有多少列,或者称有原创 2020-05-14 20:57:12 · 168 阅读 · 0 评论 -
表单标签(自学笔记)
表单表单的目的是用来收集用户信息在HTML中,一个完整的表单是由表单控件(也称表单元素),提示信息和表单域三个部分组成input 控件 (重点)input 输入的意思<input />标签为单标签,type属性为其最基本的属性值,其取值有很多,用于指定不同的控件类型;除了type属性之外也有其他属性,如下: 属性 属性值 描述 type text 单行文本输入框 password 密码输入框 radio 单选按原创 2020-05-19 21:30:24 · 393 阅读 · 0 评论 -
初识css(自学笔记)
CSS(Cascading style sheets):美化样式 css通常被称为css样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等),图片的外形(宽高,边框样式,边距等),以及版面的布局等外观样式css的引入样式(书写位置)内部样式表内嵌式是将css代码集中写在html文档的head头部标签中,并用style标签定义,语法格式如下:<html> <原创 2020-05-21 09:42:14 · 225 阅读 · 0 评论 -
基础选择器(自学笔记)
css样式规则规则格式如下:选择器(h1){属性(color):属性值(red);属性(font-size):属性值(25px);}选择器用于指定css样式作用的html对象,花括号内是对该对象设置的具体样式属性和属性值以“键值对”1一个具有注脚的文本。键:就是你存的值的编号值:就是你要存放的数据 ↩︎...原创 2020-05-21 13:38:44 · 372 阅读 · 0 评论