摘要:
一、jQuery 简介 1、简介 ①一个非常优秀的js库 ②89千行的代码,重在封装思想,使用方法会用就可以先查先用。 ③zepto从jQuery演变过来的,zepto.js,迷你jquery库,应用于移动端。 ④1.8版本之前的jquery兼容ie6 ⑤jQuery只是辅助工具, 不能替代js, 阅读全文
摘要:
1、渲染模式分为: 标准模式 怪异模式,也叫混杂模式 2、原因 在多年以前(IE6诞生以前),各浏览器都处于各自比较封闭的发展中(基本没有兼容性可谈)。随着WEB的发展,兼容性问题的解决越来越显得迫切,随即,各浏览器厂商发布了按照标准模式(遵循各厂商制定的统一标准)工作的浏览器,比如IE6就是其中之 阅读全文
摘要:
BOM 一、BOM BOM 是 browser object model 的缩写,简称浏览器对象模型。主要处理浏览器窗口和框架,描述了与浏览器进行交互的方法和接口,可以对浏览器窗口进行访问和操作,譬如可以弹出新的窗口,回退历史记录,获取 url…… 二、BOM 与 DOM(Document Obje 阅读全文
摘要:
1 template 模板 不建议用 2 创建组件 3 组件中的data 4 全局组件 5 全局组件的另一种写法 6 局部组件 阅读全文
摘要:
1、Vue.js 是什么 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使 阅读全文
摘要:
一、 rem的特点: 二、em的特点: 三、代码部分 rem结果如下: em的结果如下: 阅读全文
摘要:
1个位图像素是栅格图像(如:png,jpg,gif等)最小的数据单元。每一个位图像素都包含这一些资深的现实信息(如:显示位置,颜色值,透明度等)。也称物理像素。 dips,(dip或dp或device independent pixels)指的是设备独立像素(也叫密度无关像素),可以认为是计算机坐标 阅读全文
摘要:
八、媒体查询(响应式布局) 1、为什么会有媒体查询? 移动设备的快速普及完全颠覆了Web设计领域。用户不再仅在传统桌面系统上查看Web内容,他们越来越多地使用具有各种尺寸的智能电话、平板电脑和其他设备。Web设计人员的挑战是确保他们的网站不仅在大屏幕上看起来不错,在小型的电话以及介于它们之间的各种设 阅读全文
摘要:
七、盒模型 在css中盒模型被分为两种,第一种是w3c的标准盒模型,另一种是IE6混杂模式的传统模型。他们都是对元素计算尺寸的模型。但他们的不同是计算的方式不同。 ①W3C标准盒模型 clientWidth= width + padding + border; ②IE6混杂模式盒模型 clientW 阅读全文
摘要:
六、columns 多列布局 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局,W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column Layout Module)。它主要应用在文本的多列布局方面,这种布局在报纸和杂志上都使用了几十年了,但要在Web页面上实现这样的 阅读全文
摘要:
四、Css3 2D动画 1、2D 转换方法 函数 描述 matrix(n,n,n,n,n,n) 定义 2D 转换,使用六个值的矩阵。 translate(x,y) 定义 2D 转换,沿着 X 和 Y 轴移动元素。 translateX(n) 定义 2D 转换,沿着 X 轴移动元素。 translat 阅读全文
摘要:
原生JS添加类名 删除类名 为 <div> 元素添加 class: document.getElementById("myDIV").classList.add("mystyle"); 为 <div> 元素添加多个类: document.getElementById("myDIV").classL 阅读全文