JavaScript是一种面向对象能力的、解释型的程序设计语言。更具体一点，JavaScript是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它的只要目的是，验证发往服务器端的数据、增加Web互动、加强用户体验度等 由ECMAScript-262定义的ECMAScript与Web浏览器没有依赖关系。ECMAScript定义的只是这门语言的基础，而在此基础之上可以构建更完善的脚本语言。我们常见的Web浏览器只是ECMAScript实现可能的宿主环境之一。既然它不依赖于Web浏览器，那么它还在哪些环境中寄宿呢？ 比如：Acti...

1.名字见名知义，遵循驼峰标识。如：userName passWord 2.变量名只能以字母，—，$开头 3.不能使用关键字和保留字 4.变量名不要相同（后面的会覆盖前面的） window.onload作用：当文档和资源都加载完成后调用。一般script标签写在head里去获取下方的元素时，会发现获取的值为null，因为代码是从上往下执行的，当获取标签的时候，标签还没有被加载。用window.onload可以解决

两个大布局: 盒模型 浮动 定位:anywhere 1:定位类型: 静态定位 static 标准流下的默认值 一动不动 相对定位 relative 绝对定位 absolute 固定定位 fixed 2:定位方位值: left:当前定位元素距离父元素左侧边界的值 top:当前定位元素距离父元素上侧边界的值 bottom:当前定位元素距离父元素下侧边界的值 right: 当前定位元素距离父元素右侧边界的值 相对定位 绝对定位 <mark>绝对定位的元素如果父级元素没有定位属性它是以body左上角作为参考定位</mark> <mark&...

1:常见的兼容问题 兼容：通过代码实现各浏览器表现一致性 1.ie8下图片边框问题 <a><img src="" alt=""></a> 解决方法 img{ border:0;//去掉ie8下图片边框 or vertical-align:middle; 取消下间隙 } 2.图片下间隙问题 解决方法: 1)图片转换为块元素 display:block; 2)给父元素加font-size:o;line-height:0;(局限) 3)垂直对齐 vertical-al...

3:等高布局 height:auto时的现象 height:auto 全部都是内容撑开 每一列盒子高度同时变化,以最高的那列为基准 整个盒子的高度应该取决于最高的那列 3:真等高—>背景盒子法 原理：父盒子取决于内容盒子里最高的盒子的高度 1.多列浮动并排 清除浮动影响 2.给最外侧的盒子再套几个盒子 套的盒子数量 =列的数量（每一列都要分配一个背景盒子） <div class="c"> <div class="b"> <div class="a&qu...

精灵图技术 why? 1.减少请求次数，提高界面加载速度 what? 图片拼合技术，它就是把多张小图合成一张大图，利用 背景定位属性background-position：xpx ypx 实现显示大图当中的某一个小图 how？ 1.确定显示小图片的那个盒子的宽高 2.以背景的方式插入精灵图 background-image：url(); 3.移动图片的定位位置 background-position：xpx ypx 向上移动以及向左移动 位置肯定是负值 注：background-position： 水平/px 垂直/px 打开PS,打开所要用的精灵图。 按住 alt+滚轮 ...

精灵图技术 why? 1.减少请求次数，提高界面加载速度 what? 图片拼合技术，它就是把多张小图合成一张大图，利用 背景定位属性background-position：xpx ypx 实现显示大图当中的某一个小图 how？ 1.确定显示小图片的那个盒子的宽高 2.以背景的方式插入精灵图 background-image：url(); 3.移动图片的定位位置 background-position：xpx ypx 向上移动以及向左移动 位置肯定是负值 PS工具 掌握 .psd 源文件 这个文件由多个图层构成 .png .jpeg 成品 一般给客户用 不能修改...

网站TDK T 标题 D 描述 K 关键字 <title>小米商城 - 小米CC9、小米MIX 3、Redmi K20，小米电视官方网站</title> <meta name="description" content="小米商城直营小米公司旗下所有产品，包括小米手机系列小米CC9、小米9、小米MIX 3，Redmi 红米系列Redmi K20 Pro、Redmi Note 7，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持。"> <meta name="keywords"...

行内标签（内联标签）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度，高度，对齐等属性，常用于控制页面中文本的样式 常见的行内标签a,strong,b,em,i,del,s,ins,u,span其中span标签是最典型的行内标签。 ​ 特点： 和相邻行内标签在一行上 高、宽无效，但水平方向的padding，margin可以设置，垂直方向的无效 行内标签只能容纳文本或者其他行内标签(a特殊 ，a标签里面可以放块级元素) 块级标签：每个块标签通常都会独自占据一行或多整行，可以对其设置宽度，高度，对齐等属性，常用于网页布局和网页结构的搭建 ​ 常见的快...

字体图标 1.阿里矢量图标库 加入购物车 —> 下载代码—> 登录–>下载 2:解压放入项目目录下 静态资源文件夹下 assets 3; 在头部通过link标签引入阿里的图标样式文件 iconfont.css unicode 引入 写到公共样式里就行 @font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfo...

H5+CSS3部分 H5新增语义化标签以及属性 结构标签 （1）<section></section> 独立内容模块 ，可以h1-h6组成大纲 ，表示文档结构，有章节、页眉、页脚或其他部分。 （2）article （文章） 文章核心部分 （3）aside 标签内容之外相辅的信息 侧边栏 （4）header 头部/标题 (5)footer 底部 (6)nav 导航 （7）<figure>标签 代替原来的li>img+p就是有文字有图片的区域 </figure> <li> img ...

仿做了一个手机端携程网站的模块布局 出现了一下问题： 1.宽度设置问题:一开始我用写PC端的方法，固定了盒子的宽度，导致完成后，盒子无法根据不同分辨率弹性伸缩。 解决方法: 弹性盒子布局，宽度不要设置px，宽度由%来写，比如 这里设置 左边盒子 flex:31% 中间盒子：23% 右边 46% 在这三个盒子中也设置display:flex 内部文字 justify-align:start; 右边两盒子设置 text-align:center. 2.关于 body的设置：将body设置一个最大宽度 maxwidth:xx px;（携程是540px） margin：0 auto （居中） ...

问题：在Less中引入的背景图片路径（相对路径）是从该Less文件出发，导致引入的图片在网页中会找不到路径 <mark>解答：引入的路径应该是从Less生成的Css文件目录出发</mark>

问题：用ul套8个li中8张图片，li 设置 左浮动 。ul设置宽度为800%，因为是流式布局，宽度设置不能为像素px，此时的li应该设置为12.5%（100%/8=12.5%）,此时的100%是相对父标签，所以每个子标签为1/8，然后就在该模块父盒子设置maxwidth=xx px； overflow:hidden;切除多余的图片，始终保持只有一张图片在轮播