unique_perfect的博客

前端工程师

CSS 1.1 CSS初识 CSS(Cascading Style Sheets) ，通常称为CSS样式表或层叠样式表（级联样式表） 1.2 引入CSS样式表 行内式（内联样式） <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名> 内部样式表（内嵌样式表） <head> <style type="text/CSS"> 选择器（选择的标签） { 属性1: 属性值1;

HTML5+CSS3 1.1 新增了那些语义化标签 header --- 头部标签 nav --- 导航标签 article--- 内容标签 section --- 块级标签 aside --- 侧边栏标签 footer --- 尾部标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name

1.1 认识JavaScript 1.2 JavaScript的特点 解释性语言：经过解释器解释的语言 动态型语言：在编写代码的过程中，可以动态修改属性。静态语言则在编写代码过程中不可以动态修改属性。 1.3 JavaScript编写位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid

JavaScript高级 面向过程 优点：性能比面向对象高，适合跟硬件联系很紧密 的东西，例如单片机就采用的面向过程编程。 缺点：没有面向对象易维护、易复用、易扩展 面向对象 优点：易维护、易复用、易扩展，由于面向对象有 封装、继承、多态性的特性，可以设计出低耦合的 系统，使系统 更加灵活、更加易于维护 缺点：性能比面向过程低 ES6 中的类和对象 对象是由属性和方法组成的： 属性：事物的特征，在对象中用属性来表示（常用名词） 方法：事物的行为，在对象中用方法来表示（常用动词） 创建类和对象 .

JavaScript之Web API 1 Web API API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序 与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。 API 是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能. Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。 1.1 DOM 重点核心 关于dom操作，我们主要

一、认识JavaScript JavaScript包括了ECMAScript标准，DOM以及BOM 二、JavaScript的历史 三、JavaScript的特点 解释性语言：经过解释器解释成 动态型语言 四、JavaScript编写位置 五、JavaScript注释使用 六、和浏览器如何交互 七、如何定义变量 八、基础的数据类型 ...

JavaScript之Web API 1 BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 1.1 BOM 的构成 window 对象是浏览器的顶级对象，它具有双重角色。 1. 它是 JS 访问浏览器窗口的一个接口。 2. 它是一个全局对象。定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法。 在调用的时候可以省略 window，前面学习的对话框都属于 window 对象方法，如

avaScript之Web API 1 PC端网页特效 1.1 元素偏移量 offset 系列 offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 注意： 返回的数值都不带单位 1.2 offset系列属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

移动WEB开发之流式布局 视口（viewport）就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口 布局视口 layout viewport，一般手机浏览器都默认设置了一个布局 视口，用于解决早期的PC端页面在手机上显示的问题 iOS, Android基本都将这个视口分辨率设置为 980px，所以PC上的 网页大多都能在手机上呈现，只不过元素看上去很小，一般默认可 以通过手动缩放网页。 视觉视口 visual viewport用户正在看到的网站的区域 理想视口 ideal

移动WEB开发之rem适配布局 1.1 rem 基础 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal

移动Web开发之响应式布局 1.1 响应式布局 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 1.1.1 设备的划分情况： 小于768的为超小屏幕（手机） 768~992之间的为小屏设备（平板） 992~1200的中等屏幕（桌面显示器） 大于1200的宽屏设备（大桌面显示器） 1.1.2 响应式开发 响应式布局容器 响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。 原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大