04 2017 档案
摘要：HTML5定义了FileReader作为文件API的重要成员用于读取文件，根据W3C的定义，FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单，可以按照如下步骤创建FileReader对象并调用其方法： 1.检测浏览器对FileReader的支持 [javascript] view plain copy if(window.Fil...
阅读全文
摘要：$ git init // 初始化一个Git仓库$ git status // 查看仓库的状态$ git add . // 将所有修改添加到暂存区$ git add * // Ant风格添加修改$ git add *Controller // 将以Controller结尾的文件的所有修改添加到暂存区
阅读全文
摘要：静态资源前端加载器，用来分析页面中使用的和依赖的资源（js或css）, 并将这些资源做一定的优化后插入页面中。如把零散的文件合并。 注意 此插件做前端硬加载，适用于纯前端项目，不适用有后端 loader 的项目。因为不识别模板语言，对于资源的分析和收集，比较的粗暴！！！ 默认会把页面中用到的样式插入
阅读全文
摘要：meta属性在HTML中占据了很重要的位置。如：针对搜索引擎的SEO，文档的字符编码，设置刷新缓存等。虽然一些网页可能没有使用meta，但是作为正规军，我们还是有必要了解一些meta的属性，并且能够熟练使用它们。 1、声明文档使用的字符编码 2、声明文档的兼容模式 3、SEO 优化 4、为移动设备添
阅读全文
摘要：以下就是一些API属性的相关内容，包括兼容性，使用，测试等。 一、Window视图属性 这些属性可以hold住整个浏览器窗体大小。微软则将这些API称为“Screenview 接口”。包括：innerWidth 属性和 innerHeight 属性pageXOffset 属性和 pageYOffse
阅读全文
摘要：本篇主要介绍Web环境中屏幕、浏览器及页面的高度、宽度信息。 目录 1. 介绍：介绍页面的容器(屏幕、浏览器及页面)、物理尺寸与分辨率、展示等内容。 2. 屏幕信息：介绍屏幕尺寸信息；如：屏幕、软件可用以及任务栏的高度和宽度。 3. 浏览器信息：介绍浏览器尺寸信息；如：浏览器、内部页面以及工具栏的高
阅读全文
摘要：遇到如此需求，首先想到的是change事件，但用过change的都知道只有在input失去焦点时才会触发，并不能满足实时监测的需求，比如监测用户输入字符数。 在经过查阅一番资料后，欣慰的发现firefox等现代浏览器的input有oninput这一属性，可以用三种方式使用它： 1,内嵌元素方式(属性
阅读全文
摘要：移动端业务开发，iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。 iOS下的 Fixed + Input BUG现象 让我们先
阅读全文
摘要：正文 不同情况 没有已定位的父节点，且自身position:relative的DIV元素的offsetParent为BODY 没有已定位的父节点，且自身position: absolute的DIV元素的offsetParent为BODY 没有已定位的父节点，且自身position: fixed的DI
阅读全文
摘要：网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种
阅读全文
摘要：引子 impress.js的实现 我们在用 impress.js实现特效时，会用到类似下面的代码： 我们看到代码中有data-x，data-y等属性，实际上我们就是通过改变这些属性的值来实现PPT的跳转的。这些属性分别代表： data-x：幻灯片的X坐标 data-y：幻灯片的Y坐标 data-sc
阅读全文
摘要：JQuery这种Write Less Do More的框架，用多了难免会对原生js眼高手低。 小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。 首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。 DOM0事件模型 事件模型在不
阅读全文