2018年11月_courageFei

原创 HTML5 应用缓存

HTML5 应用缓存 1. 是什么？ HTML5中我们可以轻松的构建一个离线（无网络状态）应用，只需要创建一个cache manifest文件。 2.什么特点？可以离线访问缓存的css，HTML，js 等文件，减少了请求，从而缓解了服务器的压力。本地读取缓存的资源，提升了访问速度，增强了用户体验。可以配置需要缓存的资源。 3.创建方法？首先假设创建名为 demo.appcache ...

2018-11-30 15:06:06 432

Less简介 CSS 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用。成这些困难的很大原因源于 CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。LESS/sass 为 Web 开发者带来了福音，它在 CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了 CSS 的编写，并且降低了 CSS 的维护成本，就像它的名称所说的那样，L...

2018-11-14 21:01:30 157

转载回流（reflow）与重绘（repaint）

回流（reflow）与重绘（repaint）回流（reflow）与重绘（repaint），在性能优化的时候，经常会提起，因为涉及到浏览器底层的渲染，所以掌握的童鞋并不多，但是面试经常被提及。而且在解决一些bug上，也能派上用场。浏览器渲染机制在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程...

2018-11-14 20:38:44 1050

转载版本控制系统

版本控制系统为什么要有版本控制系统在开发过程中，经常需要对一个文件进行修改甚至删除，但是我们又希望能够保存这个文件的历史记录，如果通过备份，那么管理起来会非常的复杂。在多人开发时，如果需要多人合作开发一个页面，那么修改以及合并也会非常的棘手。容易出现冲突。什么是版本控制系统版本控制系统（Version Control System）:是一种记录一个或若干文件内容变化，以便将来查阅特定...

2018-11-13 08:51:33 2892

原创 iscroll插件的使用

近期用到 iscroll.js 插件,找了几篇参考，网址如下：有使用的详细步骤和说明： [http://caibaojian.com/iscroll-5/] 参考文档(http://www.mamicode.com/info-detail-331827.html) git 下载地址[(https://github.com/cubiq/iscroll) 最后本人总结了以下使用主要注意点： ...

2018-11-06 11:38:42 487

转载 zepto的定制

因为在zepto的官网http://www.zeptojs.cn/#download下载的文件只包括了默认的几个模块，这并不能全部适应我们所需功能，还需要按自己需要去添加相应模块。所以需要去构建我们自己的zepto.min.js。可以通过nodejs去bulid. 一、安装node.js http://nodejs.org/ 二、从github下载zepto源码 https://github.c...

2018-11-05 09:13:41 641

转载左侧固定右侧自适应，右侧固定左侧自适应，左右两边固定中间自适应的几种方法

1. 左侧固定右侧自适应的方法定位法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> .father{ width: 100%; height: 300px; background-

2018-11-01 23:38:16 1687

原创 HTML5新增常用的几个操作

1------- 新增HTML5 中操作类 dom.classList.add(" classname ")；添加类 dom.classlist.romove(" classname ") 删除类 dom.classlist.contains(" classname ") 判断是否包含某类 dom.classList.toggle(" classname...

2018-11-01 11:58:48 180

原创 HTML5新增加的语义化标签用 html5shiv.js解决兼容

IE8以及以下的版本，不支持HTML5新增加的语义化标签。那么这个问题怎么解决呢？其实很简单啊！方法 1 ：（ 1 ）在浏览器解析之前，动态创建 HTML5 语义化标签。（ 2 ）由于动态创建的新标签元素默认是行内，需要转换显示模式，将类似于header , footer , nav 这样有语义的标签转换为符合语义的块级元素。方法 2 ：如果有多个语义化标签一个个动态创建真的会巨...

2018-11-01 11:46:52 554

courageFei的博客