Month: May 2016

说起全屏效果，以前也自己写过，但是总是bug不断。调整来调整去的，弄得自己也是非常的烦躁。最近fullpage.js框架倒是蛮不错的。使用它的人也是很多了。下面我们来简单的介绍一下这个框架的使用吧。 简介： fullPage.js是一个基于jQuery的全屏滚动插件，它能够很方便、很轻松的制作出全屏网站 主要功能： 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等 兼容性 fullPage.js 支持 IE8+ 及其他现代浏览器。 注：下载请联系:iwen@iwens.org

HTML5 从要对全部所有的 Web 开发人员有用这一点出发，这个参考页面链接了有关 HTML5 技术的大量资源，并且基于它们各自的功能，把它们归类成了若干组。 1.语义：能够让你更恰当地描述你的内容是什么。 2.连通性：能够让你和服务器之间通过创新的新技术方法进行通信。 3.离线 & 存储：能够让网页在客户端本地存储数据以及更高效地离线运行。 4.多媒体：使 video 和 audio 成为了在所有 Web 中的一等公民。 2D/3D 绘图 & 效果：提供了一个更加分化范围的呈现选择。 5.性能 & 集成：提供了非常显著的性能优化和更有效的计算机硬件使用。 6.设备访问 Device Access：能够处理各种输入和输出设备。 7.样式设计: 让作者们来创作更加复杂的主题吧！

1.什么是跨域访问 JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。 首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表： URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.js http://www.a.com/b.js 同一域名，不同端口 不允许 http://www.a.com/a.js https://www.a.com/b.js 同一域名，不同协议 不允许 http://www.a.com/a.js http://70.32.92.74/b.js 域名和域名对应ip 不允许 http://www.a.com/a.js http://script.a.com/b.js 主域相同，子域不同 不允许 http://www.a.com/a.js http://a.com/b.js 同一域名，不同二级域名（同上） 不允许（cookie这种情况下也不允许访问） http://www.cnblogs.com/a.js http://www.a.com/b.js 不同域名 不允许

延时加载，在大量数据加载的时候，会影响整个页面加载的速度，为了提高速度，使用延时加载是非常好的选择，下面将介绍4中延时加载内容的方式。 本文中重点难点： 1.offsetLeft：距离父级容器的left值 2.offsetTop：距离父级容器的top值 以上两点注意，要看父级是否存在定位，如果存在定位则相对父级计算，如果不存在定位，则继续向上找，直到找到具有定位的容器做相对位置的计算。 3.clientLeft：left边框的值 4.clientTop：top边框的值 5.document.documentElement.scrollTop||document.body.scrollTop:兼容性处理 6.比对当前元素是否显示在页面上，如果完全显示则加载，如果未显示，则不加载 7.动态创建Image对象 8.闭包

我们要先从简单工厂模式说起 1.简单工厂模式 工厂模式是软件工程领域一种广为人知的设计模式，这种模式抽象了创建对象的过程。当然，我们本节课只做简单了解 function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function () { alert(this.name); } return o; } var person1 = createPerson(“iwen”, 20, “web前端”); var person2 = createPerson(“ime”, 30, “大牛级别”); person1.sayName(); person2.sayName();