08 2020 档案
摘要：1 流程控制概念 在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。 简单理解：流程控制就是来控制代码按照一定结构顺序来执行 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，代表三种代码执行的顺序。 2 顺序
阅读全文
摘要：运算符（操作符） 1.1 运算符的分类 运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。 JavaScript中常用的运算符有： 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 1.2 算数运算符 算术运算符概述 概念：算术运算使用的符号，
阅读全文
摘要：1 标识符 标识(zhi)符：就是指开发人员为变量、属性、函数、参数取的名字。 标识符不能是关键字或保留字。 2 关键字 关键字：是指 JS本身已经使用了的字，不能再用它们充当变量名、方法名。- 关键字：JavaScript语言用于程序控制或者执行特定操作的英语单词包括：break、case、c
阅读全文
摘要：数据类型 1 数据类型简介 为什么需要数据类型 在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。 简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的。 变量的数据类型 变量
阅读全文
摘要：1、 什么是变量 白话：变量就是一个装东西的盒子。 通俗：变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。 2、 变量在内存中的存储 本质：变量是程序在内存中申请的一块用来存放数据的空间。类似酒店的房间，一个房间就可以看做是一个变量。 3、变量的使用 分为两步： 变量的声明
阅读全文
摘要：1、 JavaScript 是什么 （网景公司1995年） JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行 现在也可以基于 Node.js 技术进行服务
阅读全文
摘要：1 - 编程语言 1.1 编程 编程： 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。 计算机程序： 就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。 注意：上面所定义的计算
阅读全文
摘要：CssStats 是一个在线的 CSS 代码分析工具 帮助我们检测代码是否符合规范 网址是： http://www.cssstats.com/ 如果你想要更全面的，这个神奇，你值得拥有： W3C 统一验证工具： http://validator.w3.org/unicorn/ ☆☆☆☆☆ 因为它可以
阅读全文
摘要：1、响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： 小于768的为超小屏幕（手机） 768~992之间的为小屏设备（平板） 992~1200的中等屏幕（桌面显示器） 大于1200的宽屏设备（大桌面显示器） 1
阅读全文
摘要：1、rem基础 rem单位 rem (root em)是一个相对单位 ,类似于em , em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如,根元素( html)设置font -size= 12px;非根元素设置width:2rem;则换成px表示就是24px。 rem
阅读全文
摘要：１、Switch语句 语法结构 switch(变量) { case 情况1: //符合情况1，执行下面代码 Js代码; break; //如果执行代码，则结束循环 case 情况2： js 代码; break； default: //不符合上面所有情况，执行下面代码 js代码； b
阅读全文
摘要：1、math对象 方法 描述 ceil(x) 对数进行上舍入（天花板函数） floor(x) 对数进行下舍入（地板函数） max(x,y) 返回x,y最大值 min(x,y) 返回x,y最小值 pow(x,y) 返回x 的 y 次方 random() 返回0-1之间的随机数 （不包含0和1）（伪随机
阅读全文
摘要：1、认识Js js概念 JavaScript是一种网页编程技术 JavaScript就是一种基于对象和事件驱动，并具有安全性能的脚本语言 JavaScript可以被嵌入到HTML文件中，不需要经过Web服务器就可以对用户操作作出响应 简单理解： js就是一门运行在客户端浏览器的脚本编程语言 js组成
阅读全文
摘要：1 flex布局 1.1传统布局与flex布局 传统布局 兼容性好 布局繁琐 局限性，不能在移动端很好的布局 flex弹性布局 操作方便布局极为简单，移动端应用广泛 PC端浏览器支持情况较差 IE11或更低版本不支持或仅部分支持 1.2布局原理 flex是flexible Box的缩写，意为“弹性布
阅读全文
摘要：流式布局（百分比布局） 流式布局就是百分比布局，也称非固定像素布局。 通过盒子宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素限制，内容向两侧填充。 流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度（max-height 最大高度） min-width 最小
阅读全文
摘要：移动端浏览器我们主要针对webkit内核进行兼容 现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一 1、移动端调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试 搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器 使用外网服务器，直接IP或域名访问 2、视口
阅读全文
摘要：3D特点 近大远小。 物体后面遮挡不可见 三维坐标系 三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的。 简单记住他们的坐标：相对盒子本身的位置来移动的 x左边是负的，右边是正的 y 上面是负的， 下面是正的 z 里面是负的， 外面是正的 rotateX() 就是沿着 x 立体旋转. im
阅读全文
摘要：动画是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。 动画序列 0%是动画的开始，100%是动画的完成。这样的规则就是动画序列。 在@keyframes中规定某项css样式，就能创建由当前样式逐渐改变为新样式的动画效果 动画是使元素从一种样式逐
阅读全文
摘要：transform是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、倾斜、缩放，甚至支持矩阵方式 变形转换 transform transform 变换 变形的意思 移动 translate(x, y) 1. 2D移动是2D转换里面的 一种功能，可以改变元素在页面中的位置，类似定位 tra
阅读全文
摘要：过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。 帧动画：通过一帧一帧的画面按照固定顺序和速度播放。如电影胶片 在CSS3里使用transition可以实现补间动画（
阅读全文
摘要：精灵技术产生的背景 当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。 然而，一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的
阅读全文
摘要：图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失真。 我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，一个非常重要的技术出现了， 这
阅读全文
摘要：CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。 主轴：Flex容器的主轴主要用来配置Flex项目，默认是水平方向 侧轴：与主轴垂直的轴称作侧轴，默认是垂直方向的 方向：默认主轴从左向右，侧轴默认从上到下 主
阅读全文
摘要：滑动门出现的背景 为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。它从新的角度构建页面，使各种特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容，可用性更强。 最常见于各种导航栏的滑动门。 核心技术 核心技术就是利用CSS精灵（主要是背景位置）和盒子paddin
阅读全文
摘要：CSS用户界面样式 所谓的界面样式， 就是更改一些用户操作样式， 比如 更改用户的鼠标样式， 表单轮廓以及 防止表单域拖拽等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 cursor : d
阅读全文
摘要：在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。 他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。 最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩躲猫猫！！ dis
阅读全文
摘要：元素的定位属性 元素的定位属性主要包括定位模式和边偏移两部分。 1、边偏移 边偏移属性描述 top 顶端偏移量，定义元素相对于其父元素上边线的距离 bottom 底部偏移量，定义元素相对于其父元素下边线的距离 left 左侧偏移量，定义元素相对于其父元素左边线的距离 right 右侧偏移量，定义元素
阅读全文
摘要：浮动本质是用来做一些文字混排效果的，但是被我们拿来做布局用，则会有很多的问题出现， 由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响，为了解决这些问题，此时就需要在该元素中清除浮动。 准确地说，并不是清除浮动，而是清除浮动后造成的影响 清除浮动本质 清除浮动主要为了解决父级元素因
阅读全文
摘要：阅读报纸时容易发现，虽然报纸中的内容很多，但是经过合理地排版，版面依然清晰、易读。同样，在制作网页时，要想使页面结构清晰、有条理，也需要对网页进行“排版”。 “版心”(可视区) 是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px、1200
阅读全文
摘要：普通流(normal flow) 这个单词很多人翻译为 文档流 ， 字面翻译 普通流 或者标准流都可以。 CSS的定位机制有3种：普通流（标准流）、浮动和定位。 html语言当中另外一个相当重要的概念 标准流！或者普通流。普通流实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块
阅读全文
摘要：其实，CSS就三个大模块： 盒子模型 、 浮动 、 定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成
阅读全文
摘要：CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同权重选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲
阅读全文
摘要：CSS 可以添加背景颜色和背景图片，以及来进行图片设置。 background-color背景颜色 background-image 背景图片地址 background-repeat 是否平铺 background-position 背景位置 background-attachment 背景固定还是
阅读全文
摘要：复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。 交集选择器 交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。 记忆技巧： 交集选择器 是 并且的意思。 即..
阅读全文
摘要：HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。具体如下： 块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<o
阅读全文
摘要：内部样式表 内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下： <head><style type="text/CSS"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</style></head> 语法中，styl
阅读全文
摘要：color:文本颜色 color属性用于定义文本的颜色，其取值方式有如下3种： 1.预定义的颜色值，如red，green，blue等。 2.十六进制，如#FF0000，#FF6600，#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。 3.RGB代码，如红色可以表示为rgb(255,0
阅读全文
摘要：选择器（重点） 要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器（选择符）。 标签选择器（元素选择器） 标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下： 标签名
阅读全文
摘要：CSS CSS(Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。 CSS以HTML为基础，提供了丰富的功能，如字体、
阅读全文
摘要：表单的目的是为了跟用户进行交互，收集用户资料 在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。 表单控件： 包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 提示信息： 一个表单中通常还需要包含一些说明性的文字，提示用户
阅读全文
摘要：在HTML网页中，要想创建表格，就需要使用表格相关的标签。 表格包含三对HTML标签，分别为 <table></table>、<tr></tr>、<td></td>，他们是创建表格的基本标签，缺一不可 1.table用于定义一个表格。 2.tr 用于定义表格中的一行，必须嵌套在 table标签中，在
阅读全文
摘要：常见浏览器介绍 浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。 浏览器私有前缀 浏览器私有前缀是为了兼容老版本的写法，比较新版本的浏览器无须添加。 -moz-：代表 firefox 浏览器私有属性 -ms
阅读全文
摘要：表格 table(会使用) 表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。 创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>单元格内的文字</td> ... </tr> ...</tab
阅读全文
摘要：HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。 HTML骨架格式 <HTML> <head> <title></title> </head> <body> </body></HTM
阅读全文
摘要：Web标准 浏览器的内核不同，他们的工作原理，解析肯定不同，显示就会有差别。 提高用户体验 web标准的好处 让web的发展前景更广阔 内容能被更广泛的设备访问 更容易被搜索引擎搜索 降低网站流量费用 使网站更易于维护 提高页面浏览速度 Web标准构成 web标准不是某一个标准，而是由W3C和其他标
阅读全文
摘要：服务器（也称为主机）是提供计算机服务的设备，它也是一台计算机。在网络环境下，根据服务器提供的服务类型不同，服务器又分为文件服务器、数据库服务器、应用程序服务器、Web服务器等。 Web服务器一般指网站服务器，是指驻留于因特网上的某种类型计算机的程序，可以向浏览器等Web客户端提供文档，也可以防止网站
阅读全文
摘要：SEO(Search Engine Optimization)汉议为搜索引擎优化，是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式。 SEO的目的是对网站进行深度的优化，从而帮助网站获取免费的流量，进而在搜索引擎上提高网站的排名，提高网站的知名度。 页面必须有三个标签用来符合SEO优化
阅读全文
摘要：favicon.ico一般用于作为缩略的网站图标，它显示在浏览器的地址栏或者标签上。目前主要的浏览器都支持favicon.ico图标。 一、制作favicon图标 1、把图标切成png图片。 2、把png图片转换为ico图标，需要借助第三方转换网站，例如比特虫：http://www.bitbug.n
阅读全文
摘要：模块化：将一个项目按照功能划分，一个功能一个模块，互不影响。 1、有些样式和结构在很多页面都会出现，比如页面头部和底部，大部分页面都有，此时可以吧这些结构和样式单独作为一个模块，然后重复使用。 2、这里最典型的应用就是common.css公共样式。写好一个样式，其余的页面用到这些相同样式。 3、模块
阅读全文
浙公网安备 33010602011771号