前端学习笔记

1. arguments的使用 当我们不确定有多少个参数传递的时候，可以用arguements来获取，在JavaScript中，arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个

1. 数组的概念 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素，数组是一种将一组元素存储在单个变量名下的优雅方式 2. 创建数组 2.1. 数组的创建方式 js中创

1. 循环 在js中，主要有三种类型的循环语句： for 循环 while循环 do...while循环 2. for循环 在程序中，一组被重复执行的语句被称为循环体，能否继续重复执行，取决于循环的终

1. 运算符 运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。 JavaScrpit中常用的运算符有： 算数运算符 递增和递减运算符 比较运算符 逻辑运算符

1. 编程语言 1.1. 编程 编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程 计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语

1. 响应式开发 1.1. 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的调整，从而适配不同设备的目的 （图：响应式开发原理） 1.2. 响应式布局容器 响应式需要一个父级作为布局

1. rem基础 rem单位 rem(root em)是一个相对单位，类似于em,em是父元素字体大小 不同的是rem的基准是相对于HTML元素的字体大小 比如根元素（HTML）设置font-size

1. flex布局体验 1.1. 传统布局与flex布局 传统布局： 兼容性好 布局繁琐 局限性，不能在移动端很好的布局 flex布局： 操作方便，布局极为简单，移动端应用很广泛 PC端浏览器支持情况

1.移动端基础 1.1. 浏览器现状 国内的UC和QQ等手机浏览器都是根据webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样 总结：兼容移动

接css3新特性 4.2. 2D转换 转换(transform)是css3中具有颠覆性的特性之一，可以实现元素的位移，旋转，缩放等效果 转换可以简单理解为变形 功能： 移动（transform) 旋转

2. 品优购首页制作 2.6. main主题模块制作 main盒子宽度为980像素，位置距离左边220px(margin-left)，给高度就不用清除浮动 main盒子里面包含左侧盒子，左浮动，foc

1. html5的新特性 HTML5的新增特性主要是针对以前的不足，增加了一些新的标签和新的表单属性等 这些新特性都有兼容问题，基本上是IE9+以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使

1. 精灵图 1.1. 为什么需要精灵图 网页中的图像过多时，服务器就会频繁的接受和发送请求图片，造成服务器的压力请求过大，这将多大降低页面的加载速度 为了有效地减少服务器接收和发送请求的次数，提高网

1. 定位 1.1. 为什么需要定位 元素可以自由的在一个盒子内移动位置，并且压住其他盒子 有些元素是固定在页面的某个位置上的 以上两种情形标准流和浮动都无法快速实现，此时需要定位来实现 所以： 浮动

1. ps切图 切图方式：图层切图、切片切图、ps插件切图 1.1. 常见的图片格式 jpg格式：产品类的图片经常用jpg格式 GIF图像：颜色少，智能存储256，可以保存透明背景和动画效果，实际经常

补充知识点：去掉<li>标签前面的小圆点 语法： 1.圆角边框（重点） 在css3中，新增了圆角边框样式 border-radius属性用于设置元素的外边框圆角 语法： length参数值可以为数值或

Emmet语法 快速生成HTML结构语法： 生成标签直接输入标签名按tab键即可 想要生成多个标签，加上就可以了，比如div3就可以生成3个div(打div*3时中间不能有空格) 如果有父子级的标签，

css css构成：选择器+一条或多条声明 例如： 属性和属性值以键值对的形式出现 属性：属性值 选择器 分为基础选择器和复合选择器 基础选择器分为：标签选择器、类选择器、id选择器、通配符选择器 标

select下拉列表 语法： <option>中可以设置selected=“selected”属性，当前项即为默认选中项 textarea表单元素 用户输入内容较多的情况 css 构成：选择器以及一条

万里长征第一步 今天是学习前端的第一天，从HTML开始学习，学习方式以看视频教程为主，同时选择MDN文档作为权威的查阅文档。 万事开头难，希望自己的前端之路可以越走越平坦 html结构