2017年08月_weixin_38521613

转载前端构建工具的用处

1. 【调试服务器】首先如果你是一个准备做WEB开发实践的，不管前端、后台，首先需要了解一两种服务器apache，tomcat，nginx啥的，至少能够配置一个基本的本地服务和修改索引路径，前端页面使用http/https协议访问，而不是本地文件协议（file协议下很多jsAPI都是受限的）。2. 【调试自动更新】服务器搭建好了，那么现在开始调试网页，然后你修改一点代码，去浏览器里面F5刷新页面看

2017-08-22 16:33:11 378

转载移动端头部文件详解(二)

HTTP 标题信息(http-equiv) 和页面描述信息(name)http-equiv:该枚举的属性定义，可以改变服务器和用户代理行为的编译。编译的值取content 里的内容。简单来说即可以模拟 HTTP 协议响应头。最常见的大概属于Content-Type了，设置编码类型。如meta http-equiv="Content-Type" content="text/htm

2017-08-07 14:07:29 239

转载移动端头部文件详解(一)

移动前端不得不了解的html5 head 头标签 DOCTYPEDOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。使用 HTML5 doctype，不区分大小写。 <!-- 使用 HTML5 doctype，不区分大小写 -

2017-08-07 14:06:22 573

转载移动端]专用的meta

这个用的最多， width和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字，要么是一个特殊的标记符号。width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。 user-scalable指令指定用户是否可以缩放视区，即缩放Web页面的视图。值为ye

2017-08-07 13:46:55 213

转载移动端meta设置大全

声明文档使用的字符编码: 优先使用 IE 最新版本和 Chrome: 页面描述: 页面关键词: 网页作者：搜索引擎抓取：为移动设备添加 viewport启用360浏览器的极速模式(webkit)：避免IE使用兼容模式：针对手持设备优

2017-08-07 11:57:00 249

转载移动端meta

移动端 meta控制显示区域各种属性： content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> width - viewport的宽度height

2017-08-07 11:53:25 142

转载手机端页面自适应解决方案—rem布局进阶版（附源码示例）

一年前笔者写了一篇《手机端页面自适应解决方案—rem布局》，意外受到很多朋友的关注和喜欢。但随着时间的推移，该方案已然过时，故为大家介绍一个目前我极力推荐使用的，更加完美的方案——rem布局（进阶版）此方案仅适用于移动端web该方案使用相当简单，把下面这段已压缩过的原生JS（仅1kb，源码已在文章底部更新，2017/5/3）放到 HTML 的 head 标签中即可（注:不要手

2017-08-04 11:56:41 442

转载手机端页面自适应解决方案—rem布局

该方案目前已过时，这里是更加完美的替代方案——rem布局(进阶版)相信很多刚开始写移动端页面的同学都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex（什么是flex），也都能获得不错的效果，这里主要介绍的是本人在实践中用的最顺手最简单的布局方案——rem（什么是rem）布局rem布局非常简单，首页你只需在页面引入这段原生js代码就可以了 (

2017-08-04 11:55:39 266

转载移动web开发之像素和DPR

定义　　像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意，有时亦被称为pel(picture element)　　像素是网页布局的基础。一个像素就是计算机能够显示一种特定颜色的最小区域。当设备尺寸相同但像素变得更密集时，屏幕能显示的画面的过

2017-08-04 11:54:13 190

转载 css命名规则

头：header内容：content/containe尾：footer侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条；loginbar标志：logo广告：banner页面主题：main热点：hot新闻：news下载：download子导航：subnav菜单：

2017-08-03 11:15:21 140

转载 js判断访问机器系统

script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipa

2017-08-02 12:00:37 202

转载 Javascript图片预加载详解

Perishable Press网站近日发表了一篇文章《3 Ways to Preload Images with CSS, JavaScript, or Ajax》，分享了利用CSS、JavaScript及Ajax实现图片预加载的三大方法。下面为译文。预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊

2017-08-01 10:02:29 242

weixin_38521613的博客