摘要：
响应式布局 1.响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 | 设备划分 | 尺寸区间 | | | | | 超小屏幕（手机) | < 768px | | 小屏设备（平板) | = 768px ~ < 992px | | 中等屏幕（桌面显示器) | 阅读全文
摘要：
移动端-触屏事件 1.触屏事件概述 touch对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。 常见的触屏事件如下: | 触屏touch事件 | 说明 | | | | | touchstart | 手指触摸到一个DOM元素时触发 阅读全文
摘要：
移动端-常用开发框架 1.框架概述 框架，顾名思义就是一套架构，它会基于自身的特点向用户提供一套较为完整的解决方案。框架的控制权在框架本身，使用者要按照框架所规定的某种规范进行开发。 插件一般是为了解决某个问题而专门存在，其功能单一，并且比较小。 前端常用的框架有Bootstrap、Vue、Angu 阅读全文
摘要：
移动端-常用开发插件 1.什么是插件 移动端要求的是快速开发，所以我们经常会借助于一些插件来帮我完成操作，那么什么是插件呢? JS插件是js文件，它遵循一定规范编写，方便程序展示效果，拥有特定功能且方便调用。如轮播图和瀑布流插件。 **特点:**它一般是为了解决某个问题而专门存在，其功能单一，并且比 阅读全文
摘要：
移动端-常见特效 1.classList属性 classList属性是HTML5新增的一个属性，返回元素的类名。但是ie10以上版本支持。该属性用于在元素中添加，移除及切换CSS类。有以下方法 添加类∶ element.classList.add (’类名’）; focus.classList.ad 阅读全文
摘要：
滚动窗口至文档中的特定位置 window.scroll(x,y); x和y为需要滚动到的窗口位置 阅读全文
摘要：
mouseenter和mouseover的区别（面试题常问） mouseenter鼠标事件 当鼠标移动到元素上时就会触发mouseenter事件 类似mouseover，它们两者之间的差别是 mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发 之所 阅读全文
摘要：
动画函数封装 1.动画实现原理 核心原理∶通过定时器setlnterval)不断移动盒子位置。 实现步骤: 1.获得盒子当前位置 2.让盒子在当前位置加上1个移动距离 3.利用定时器不断重复这个操作 4.加一个结束定时器的条件 5.注意此元素需要添加定位，才能使用element.style.left 阅读全文
摘要：
动画缓动效果 缓动效果原理 缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来思路∶ 1．让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。 2．核心算法∶(目标值-现在的位置)/ 10做为每次移动的距离步长 <style> div { /* 注意：一定要添加定位 */ position 阅读全文
摘要：
PC端网页特效-元素滚动scroll系列 1.scroll元素系列属性 scroll翻译过来就是滚动的，我们使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等。 | scroll系列属性 | 作用 | | | | | element.scrollTop | 返回被卷去的上侧距离，返 阅读全文