摘要：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>二维码下载</title> <script type="text/javascript"> /* * 智能机浏览器版本 阅读全文
摘要：
// 引入 gulpvar gulp = require('gulp'); // 引入组件var clean = require('gulp-clean'); //- 清除var sass = require('gulp-sass'); //- sass编译var concat = require(... 阅读全文
摘要：
一直不知道手机端用的什么字体，只是觉得类似雅黑，直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。前人已栽树，后人我就直接转来吧……回想2年前刚开始接触手机项目，接到PSD稿后，发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计，于是我写页面的时候也定义 font-family... 阅读全文
摘要：
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式viewport... 阅读全文
摘要：
[内容]尽量减少HTTP请求数[服务器]使用CDN（Content Delivery Network）[服务器]添上Expires或者Cache-Control HTTP头[服务器]Gzip组件[css]把样式表放在顶部[js]把脚本放在底部[css]避免使用CSS表达式[js, css]把Java... 阅读全文
摘要：
jquery 原生!function () { document.getElementById('bankCard').onkeyup = function (event) { var v = this.value; if(/\S{5}/.test(v... 阅读全文
摘要：
移动端网站，在测试的时候苹果系列机器上有一个问题，所有的按钮都被了苹果自带的样式给替换了。解决方法：input[type="button"], input[type="submit"], input[type="reset"] ,textarea{ -webkit-appearance: none... 阅读全文
摘要：
很多时候display:inline-block比float:left;好用。也因为IE6 7不支持inline-block，所有一般都这样写：{display:inline-block; *display:inline; *zoom:1}，但是用了inline-block之后一些较高级的浏览器会出... 阅读全文
摘要：
less注释/**/会在编译的时候加入到.css文件中// 不会编译到.css文件中less变量@width:200px;less混合.red{background:red;}.box{ width:200px; height:200px; .red;}编译的结果：.box{ ... 阅读全文
摘要：
移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 ... 阅读全文