本文转自：http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 一、"自适应网页设计"的概念2010年，Ethan Marcotte提出了"自适应网页设计"（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。如果屏...
1. 新的Doctype 尽管使用<!DOCTYPE html>，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src=”path/to/image” alt=”About image” /> <figcaption> <p>This is an image of something interesting. </p> </figcaption> </figure> 3. 重新定义的<small> <small>已经被重新定义了，现在被用来表示小的排版，如网站底部的版权声明 4. 去掉link和s...
<a href="/files/adlafjlxjewfasd89asd8f.pdf" download="预算表.pdf">下载支出费用表</a> 原文：http://www.cnblogs.com/leap/p/4985134.html
转：http://fangjie.info/?p=417#more-417 一、WebView.setWebViewClient(new MyWebViewClient());1.publicboolean shouldOverrideUrlLoading(WebView view, String url) { onWebPageShouldLoad(view, url); //通过returntrue;}在点击请求的是链接是才会调用，重写此方法返回true表明点击网页里面的链接还是在当前的webview里跳转，不跳到浏览器那边。坑爹之处1：Android 2.3.x WebView中的两个搞笑的bug :http://blog.csdn.net/t...
【转载】url：https://www.cnblogs.com/hhhyaaon/p/5928152.html 写在前面本篇主要总结Blob对象属性及作用，通过DEMO介绍Blob对象的应用场景。Blob对象一直以来，JS都没有比较好的可以直接处理二进制的方法。而Blob的存在，允许我们可以通过JS直接操作二进制数据。一个Blob对象就是一个包含有只读原始数据的类文件对象。Blob对象中的数据并不一定得是JavaScript中的原生形式。File接口基于Blob，继承了Blob的功能,并且扩展支持了用...
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1{width:320px;height:50px;background:pink;} </style> <script>window.onload = function () {var odiv = document.getElementById(‘div1‘);var oul = document.getElementById(‘ul1‘);odiv.ondragenter = function (){odiv.innerHTML = ‘请释放‘;}odiv.ondragover = function (ev){ev.preventDefault();}odiv.ondrop = func...
请认准本正版代码，售后技术有保障，代码有持续更新。(盗版可耻，违者必究)???????? 此为本公司团队开发-------------------------------------------------------------------------------------------------------------------------A?代码生成器(开发利器); ?B?阿里数据库连接池druid; ?C?安全权限框架shiro?此系统为?springmvc + mybaits 3.2?版本 ,提供maven的pom.xml文件,另免费赠送hibernate版本一套(垮数据库)?1. 有 oracl...
<meta name="viewport" content="width=device-width,initial-scale=1 user-scalable=0"/> width:可视区域的宽度，值可为数字或关键词device-widthintial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放user-scalable:是否可对页面进行缩放，no 禁止缩放<meta name="format-detection" content="telephone=no"> IOS禁止数字拨号原文：http://www.cnblogs.com/haitaoblog/p/5413433.html
最近需要给html5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到AppStore搜索对应的应用。之所以不是采用链接形式直接跳转到AppStore对应应用是为了通过用户的主动输入关键词搜索给推广的企业App增加权重。所以这一个“复制”功能对用户的体验至关重要。尝试了一些做法，在安卓/iOS平台上的兼容性都不是很好。在微信浏览器内是很容易实现长按...
<canvas id=‘test01‘></canvas><script> function draw25(id) {var canvas = document.getElementById(id);if (canvas == null)return false;var context = canvas.getContext(‘2d‘);var g1 = context.createLinearGradient(0, 0, 0, 300);g1.addColorStop(0, ‘rgb(255,0,0)‘); //红 g1.addColorStop(0.5, ‘rgb(0,255,0)‘);//绿g1.addColorStop(1, ‘rgb(0,0,255)‘); //蓝//可以把lg对象理解成GDI中线性brushcontext.fil...
1.手机浏览器与桌面浏览器的不同现在手机浏览器的显示分辨率与桌面浏览器差不多，但是手机的尺寸比电脑要小很多。一个没做过响应式处理的网站，在手机和电脑上显示完全一样的内容， 不可避免的会出现字体被缩小的现象。想象一下电脑里12号字体缩小好几倍的效果吧。 所以如果将web网页移植为wap应用上，还是有许多问题需要考虑。2.理解两个viewport的概念做过wap开发的都知道 html的 <meta name=”viewport”> ,这是一个从iphone引入...
1function GetLocation() {2if (navigator.geolocation) {3var locationOptions = {4//是否使用高精度设备，如GPS。默认是true 5 enableHighAccuracy: true,6//超时时间，单位毫秒，默认为0 7 timeout: 5000,8//使用设置时间内的缓存数据，单位毫秒9//默认为0，即始终请求新数据 10//如设为Infinity，则始终使用缓存数据11 maximumAge: 012 }; 13//只...
HTML媒体1、HTML多媒体 视频格式 .avi 微软开发 .wmv 微软开发 .mpg .mpeg .mov 苹果公司开发 .rm .ram 允许低带宽的视频流 .swf .flv Macromedia开发，需要额外组件 .mp4 针对因特网的新格式 声音格式 .mid .midi .rm .ram .wav .wma .mp3 .mpga2 、HTML Object元素 辅助应用程序是可有浏览器启动的程序，也称为插件。可用于播放音频和视频。使用<object>标签...
媒体查询允许网站根据智能手机和平板的方向来调整布局。但有时候你希网站锁定到一个特定的方向，横屏或竖屏，此时，原生应用的格式是可以被指定的。APP只在预设格式下显示—独立于实际的设备方向。通过使用HTML5的 Screen Orientation API, 可以在JavaScript定义屏幕方向。 为一个文档定义屏幕方向通过screen.orientation属性的lock()方法可以调整屏幕方向，其默认值是any，这允许设备根据其物理方向来应用任何方向。值”natural”...
WebGL开启了网页3D渲染的新时代，它允许在canvas中直接渲染3D的内容，而不借助任何插件。WebGL同canvas 2D的API一样，都是通过脚本操纵对象，所以步骤也是基本相似：准备工作上下文，准备数据，在canvas中绘制对象并渲染。与2D不同的就是3D涉及的知识更多了，例如世界、光线、纹理、相机、矩阵等专业知识。WebGL有一个很好的中文教程，就是下面使用参考中的第一个链接，所以这里不再班门弄斧，后面的内容只是简单的总结一下学习的内...