郭蕾蕾 努力的包子

原创 仿jQuery框架封装之全局设置

具体的步骤我已经放到代码里了现在我们来解析一下这个代码 1.使用沙箱模式，别觉得沙箱模式特别牛其实说白了就是一个自调用的函数而已，这样做的好处就是防止全局污染。 2.暴露全局变量，这里也涉及到一个很简单的原理就是，所以申明的全局变量全是window的属性。 3.工厂函数有一个好处就是不用new来创建直接调用函数就好了！

原创 Jquery类似框架的封装之伪数组转化为真数组

伪数组转化为真数组

原创 利用canvas实现折线图的绘制

我们知道现在的很多H5的小游戏的开发都是基于canvas这个画布的，其实canvas之所以这么强大考的是他强大的API库的结果，知道一些canvas的基本API并且可以利用这些API是一个前端开发人员的基本素质，那么我们今天就来跟着小编来一起利用面向对象的思想来封装一个折线图的绘制

原创 JS高级之原型链的总结

原创 JS高级原型阶段知识总结

1.数组去重  var arr=[1,2,3,6,"7",7,7,1];var arrNew=[];for (var i = 0; i if(arrNew.indexOf(arr[i])===-1){arrNew.push(arr[i]);}};console.log(arrNew);2.原型的概念：是指函数的prototype属性所引用的对象  作用实现同

原创 JS高级基础阶段知识总结

1.javascript是ECMAScript的一种实现2.数据类型    1》基本数据类型 数字 字符串 bool    2》复合数据类型 对象（自定义对象，内置对象（Array）,单体对象（Math））    3》空类型  null（空指针如果你把一个值赋值为null的时候，浏览器吧这个数据当成一个对象，只不过这个对象没有指向任何地址是一个空指针）和undefined（

原创 移动端JS之轻敲tap事件的封装

我们知道在移动端（这里小编还是强调一下把页面变成移动端页面千万别忘记视口属性viewport的设置）中我们的浏览器只认识三个事件（touchstart、touchmove、touchend）,而我们使用其他的框架封装的事件全都是使用这三个事件来封装来的，那么我们接下来就给大家拿一个实例来分析一下如何使用这三个基础的函数来进行封装！   好现在我们来分析一下整个函数封装的思路：如果是轻敲的话那必

原创 zepto实现移动端轮播图

zepto是一个移动端的框架，语法几乎跟jQuery一样，但是因为移动端模块化开发的思想所以zepto较多的应用于移动端，节省移动端的流量，虽然现在4G时代的到来，流量的价格很便宜，但是zepto对于移动端有着很好的SEO优化效果！

原创 项目开发之rem加媒体查询实现移动端布局

这次小编将要拿一个实际开发来将布局，首先我们拿到美工给的图一般会分为两种格式一种是640的图一种是750的图这两种图其实的效果是一样的只不过给,我们得到的测量数据不同，所以其他都是一样的，这里我们就拿640的来讲解。        我们将屏幕分为20份（这里随便只不过20份比较好计算），然后我们可已经640的屏幕分为20份每一份是32px;所以我们在计算的时候例如：获得一个尺寸为 28 转化为

原创 bootstrap原理分析

bootstrap原理分析