小粒旬

摘要： 无缝轮播 完整代码： "GitHub" 效果预览： "GitHub" 之前的轮播思路： 1：图片主要使用flex定位加上transform:translateX()，配合JS代码，完成图片切换。缺点：不能进行无缝轮播，图片进行到最后一张要原路返回切换到第一张。 2：图片主要使用position:ab 阅读全文

摘要： 继续学习DOM事件模型 继续深入一下对于DOM事件模型的学习，理解事件捕获与冒泡。 假设我们有一个需求，点击之后浮层出现；点击别处浮层消失。 给按钮添加事件： 按钮点击之后，浮层出现。 如果要设置成点击别处之后浮层消失，该怎么操作？ 思路1：监听body，当body被点击后，浮层消失 点击图中的空白 阅读全文

摘要： 一些面试题整理 做作业，整理了一些面试题及答案。感觉到自己有点急躁，虽然差不多每节课差不多都有写博客总结，但是时间赶得很急，心态还是需要调整一下。 写出一个符合 W3C 规范的 HTML 文件 要求： 页面标题为「我的页面」 页面中引入了一个外部 CSS 文件，文件路径为 /style.css 页面 阅读全文

摘要： 代码链接： "我的GitHub" 项目预览： "预览" 目的：通过CSS + jQuery的方式实现自动无缝轮播。 上一篇 "博文" 总结了使用jQuery实现轮播，虽然是自动轮播，但是这个轮播有个不足之处： 他会在轮播结束的时候往左跳，跳回轮播开始的地方，这样就显得轮播效果很突兀，过渡不自然。 怎 阅读全文

摘要： 代码链接： "我的GitHub" 项目预览： "预览" 目的：通过CSS + jQuery的方式实现自动轮播。 1.用CSS3来实现轮播 思路：通过给每一个按钮添加点击事件，点击之后改变图片的位置，从而实现轮播。 HTML结构 实现要点： HTML中主要存在两个div，一个div加载图片，利用fle 阅读全文

摘要： DOM对象和jQuery对象的关系 因为在学习jQuery过程中进入了一些误区，有时候会搞混了函数、构造函数、DOM对象和jQuery对象的区别，幸得老师提醒，现整理一些容易出错的地方。切记切记。 现有HTML： 构造对象 DOM对象 DOM对象，即是我们用传统的方法(javascript)获得的对 阅读全文

摘要： 最近学习到了jQuery的内容，从DOM到jQuery之间，到底发生了什么变化，怎么从DOM转变到jQuery，他们之间存在什么联系和区别，这篇博文梳理一下初入门学习jQuery的一些思路和分析过程。 这是 "jQuery" 官方网站和 "中文文档" 。 假设现在我们有这样的一个HTML结构： 1. 阅读全文

摘要： 承接上一篇 "博文" 的总结，这篇博文是利用代码+画图的形式，梳理一下对于函数作用域和闭包的理解。 函数中的作用域 在 JavaScript 中, 对象和函数同样也是变量。 在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。 首先我们声明一个函数，然后在函数内部声明并赋值一个变量 阅读全文

摘要： 关于JavaScript中函数的学习： "MDN" "阮一峰老师的教程" 关于函数的定义： 阮一峰老师：函数是一段可以反复调用的代码块。函数还能接受输入的参数，不同的参数会返回不同的值。 MDN:Function 构造函数 创建一个新的Function对象。 在 JavaScript 中, 每个函数 阅读全文

摘要： JavaScript中的Array 今天较全面地学习到了JS中的Array，也就是数组。写博文一篇来总结一下学习和使用过程中关于Array中的一些误区和常用API，加深一下印象。 关于Array最全面的API在此， "MDN" 阮一峰阮老师的 "Array教程" Array的定义 来自MDN的定义： 阅读全文