2017年2月21日
H5缓存机制浅析
摘要： 1 H5 缓存机制介绍 H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 H5 应用程序缓存为应用带来三个优势： 离线浏览 用户可在应用离 阅读全文
posted @ 2017-02-21 13:59 minimal虾米 阅读(264) 评论(0) 推荐(0) 编辑
详解CSS中的选择器优先级顺序
摘要： 特殊性是什么在对一个HTML元素应用CSS样式时，常常有很多种方法可以找到元素，比如： CSS Code复制内容到剪贴板 <div id="container" class="wrap_sty"> <p class="pra">这是一个段落</p> </div> <style> #container 阅读全文
posted @ 2017-02-21 11:08 minimal虾米 阅读(548) 评论(0) 推荐(0) 编辑
CSS魔法堂：不得不说的Containing Block
摘要： 前言 《CSS魔法堂：重新认识Box Model、IFC、BFC和Collapsing margins》中提到在没有floated兄弟盒子时，line box的左右边框会与所属的containing block的左右content edge相接触。那到底什么是containing block(abb 阅读全文
posted @ 2017-02-21 09:28 minimal虾米 阅读(104) 评论(0) 推荐(0) 编辑
2017年2月14日
JavaScript观察者模式
摘要： 观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。 使用观察者模式的好处： 测试代码var fn1 = function(){consol 阅读全文
posted @ 2017-02-14 13:56 minimal虾米 阅读(77) 评论(0) 推荐(0) 编辑
2017年2月13日
Git使用教程
摘要： 转载：http://www.cnblogs.com/tugenhua0707/p/4050072.html Git使用教程 一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。 二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候， 阅读全文
posted @ 2017-02-13 17:11 minimal虾米 阅读(83) 评论(0) 推荐(0) 编辑
JavaScript技巧
摘要： 计算数组的极值 function smallest(array){ return Math.min.apply(Math, array); } function largest(array){ return Math.max.apply(Math, array); } smallest([0, 1, 阅读全文
posted @ 2017-02-13 11:34 minimal虾米 阅读(97) 评论(0) 推荐(0) 编辑
2017年2月12日
CSS布局 -- 圣杯布局 & 双飞翼布局
摘要： 圣杯布局和双飞翼布局解决的问题是一样的，就是两边顶宽，中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。 圣杯布局和双飞翼布局解决问题的方案在前一半是相同的，也就是三栏全部float浮动，但左右两栏加上负margin让其跟中间栏div并排，以形成三栏布局。 不同在于解决”中间栏div内容不被 阅读全文
posted @ 2017-02-12 18:03 minimal虾米 阅读(133) 评论(0) 推荐(0) 编辑
CSS盒模型全面讲解，怪异模式盒模型，CSS3 box-sizing属性
摘要： 今天学习了一下css3的box-sizing属性，顺便又温习了一下css的盒模型，最后觉得有必要对盒模型做一个全面整理。 先不考虑css3的情况，盒模型一共有两种模式，一种是标准模式，另一种就是怪异模式。 当你用编辑器新建一个html页面的时候你一定会发现最顶上都会有一个DOCTYPE标签，例如： 阅读全文
posted @ 2017-02-12 17:14 minimal虾米 阅读(174) 评论(0) 推荐(0) 编辑
2017年2月6日
转载：JavaScript抛物线运动
摘要： http://www.zhangxinxu.com/wordpress/2013/12/javascript-js-%E5%85%83%E7%B4%A0-%E6%8A%9B%E7%89%A9%E7%BA%BF-%E8%BF%90%E5%8A%A8-%E5%8A%A8%E7%94%BB/ 阅读全文
posted @ 2017-02-06 16:49 minimal虾米 阅读(74) 评论(0) 推荐(0) 编辑
2017年1月23日
JavaScript难点
摘要： javascript LazyMan 实现LazyMan（什么是LazyMan？请自行google） function _LazyMan(_name) { var _this = this; _this.tasks = []; _this.tasks.push(function() { consol 阅读全文
posted @ 2017-01-23 15:30 minimal虾米 阅读(112) 评论(0) 推荐(0) 编辑