摘要：
响应式开发 为什么要进行响应式开发？ 随着移动设备的流行，网页设计必须要考虑到移动端的设计。同一个网站为了兼容PC端和移动端显示，就需要进行响应式开发。 什么是响应式？ 利用媒体查询，让同一个网站兼容不同的终端（PC端、移动端）呈现不同的页面布局。 用到的技术： CSS3@media查询 用于查询设 阅读全文
摘要：
Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局，并且在V3版本之后坚持移动设备优先。 为什么要使用Bootstrap？ 在Bootstrap出现之前： 阅读全文
摘要：
动画效果 自定义动画示例： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="view 阅读全文
摘要：
1、jQuery扩展语法 把扩展的内容就可以写到xxxx.js文件了，在主文件中直接导入就行了。 each jQuery.each(collection, callback(indexInArray, valueOfElement))： 描述：一个通用的迭代函数，它可以用来无缝迭代对象和数组。数组和 阅读全文
摘要：
事件 常用事件 keydown和keyup事件组合示例： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> < 阅读全文
摘要：
知识点总结 注意： 在1.x及2.x版本的jQuery中使用attr对checkbox进行复制操作时会出bug，在3.x版本的jQuery中则没有这个问题。为了兼容性，我们在处理checkbox和radio的时候尽量使用特定的prop()，不要使用attr("checked", "checked") 阅读全文
摘要：
样式操作 样式类 示例：开关灯和模态框 CSS 示例： 位置： .offset()方法允许我们检索一个元素相对于文档（document）的当前位置。 和 .position()的差别在于： .position()是相对于相对于父级元素的位移。 示例： <!DOCTYPE html> <html la 阅读全文
摘要：
一、jQuery基础1.为什么要用jquery？ 写起来简单，省事，开发效率高，兼容性好2、什么是jQuery? jQuery是一个兼容多浏览器的JavaScript库（类似python里面的模块）3、如何使用jQuery？ 1、导入 <script src="jquery-3.2.1.js"></ 阅读全文
摘要：
jQuery介绍 jQuery的优势 jQuery内容： 下载链接：jQuery官网 jQuery版本 1.x：兼容IE678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.x：不兼容IE678，很少 阅读全文
摘要：
一、JS中for循环遍历测试 for循环遍历有两种 第一种：是有条件的那种，例如 for(var i = 0;i<ele.length;i++){} 第二种：for （var i in li ）{} 现在我们来说一下测试一下第二种（数组和obj的） <!DOCTYPE html> <html lan 阅读全文
