2016 Technology
rem 62.5%在chrome谷歌和其他浏览器不一样
http://www.5imoban.net/jiaocheng/div+css/201512191529.html
http://blog.csdn.net/phunxm/article/details/42174937/
淘宝弹性布局方案lib-flexible实践 http://www.cnblogs.com/lyzg/p/5058356.html
手机淘宝的flexible设计与实现 http://www.html-js.com/article/2402
从网易与淘宝的font-size思考前端设计稿与工作流 http://www.cnblogs.com/lyzg/p/4877277.html
JQurey各种版本:http://www.jq22.com/jquery-info122
web app变革之rem http://isux.tencent.com/web-app-rem.html
http://www.responsive.cn/
Case:http://www.eecc.com.cn/
布局自适应
自适应,包括基于媒体查询的px布局,百分比布局,rem布局。
其中手机淘宝的rem布局方案,很有实践价值。
http://www.html-js.com/article/2402
触摸手势
业内成熟方案有
百度的touch.js
http://touch.code.baidu.com/
以及国外的hammer.js
http://hammerjs.github.io/
轮播图
用过bug最少的就是iSlider了
http://be-fe.github.io/iSlider/
局部滚动和下拉刷新
淘宝的xscroll和国外的iscroll
单页面(基于状态的路由)
张鑫旭有一个mobilebone.js
http://www.mobilebone.org/
又一个单页滚屏组件:pageSwitch.js http://www.qiqiboy.com/post/65
学习16:css3 flex流动自适应响应式布局设计 http://qianduanblog.com/post/css-learning-16-css3-flex-responsive-design.html
学习18:css3 flex流动自适应响应式布局实例 http://qianduanblog.com/post/css-learning-18-css3-flex-responsive-design-example.html
http://qianduanblog.com/post/css-learning-19-css3-flex-responsive-design-class.html
iScroll官方 http://cubiq.org/iscroll-4 http://cubiq.org/dropbox/iscroll4/examples/simple/
iScroll.js的用法 http://www.cnblogs.com/asqq/archive/2012/04/23/2466132.html
iScroll.js 用法参考 (share) http://www.cnblogs.com/duanhuajian/archive/2013/04/08/3008323.html
http://blog.csdn.net/albert528108/article/details/41803011
iscroll.js结合appcan实现上拉加载下拉刷新的效果
http://blog.sina.com.cn/s/blog_a0d0fbbd0102uydu.html http://blog.sina.com.cn/s/blog_a5d3b8fd0102vgq1.html
使用iScroll时,input等不能输入内容的解决方法 http://www.cnblogs.com/duanhuajian/archive/2012/11/09/2763159.html
移动端rem自适应布局关键代码
function
resi() {
var
html = document.querySelector(
"html"
);
var
wW = document.body.clientWidth || document.documentElement.clientWidth;
var
maxW = 640;
var
minW = 320;
if
(wW > maxW) wW = maxW;
var
ratio = wW / minW;
html.style.fontSize = 50 * ratio +
"px"
}
window.addEventListener(
"DOMContentLoaded"
,
function
() {
var
bodys = document.querySelector(
"body"
).style;
bodys.opacity =
"1"
;
bodys.filter =
"alpha(opacity=100)"
;
resi()
});
window.addEventListener(
"resize"
, resi);
基础http://blog.csdn.net/kongjiea/article/details/17092413
jQuery Ajax 实例 ($.ajax、$.post、$.get) http://jun1986.iteye.com/blog/1399242
HTML5实战——svg学习 http://www.cnblogs.com/duanhuajian/p/3227410.html
jquery函数大全 https://www.douban.com/note/218884397/
CSS print 样式 http://www.admin10000.com/document/5933.html(不支持低版本IE)
jquery.printPage.js,将想要打印的页面加载到iframe中,并打印它http://www.css88.com/archives/3014
http://blog.jobbole.com/44662/ CSS控制print打印样式 http://blog.csdn.net/pangni/article/details/6224533
百度判断客户端是手机还是PC的方法 http://yuncode.net/code/c_57635d576b37762
腾讯isux:使用SVG中的Symbol元素制作Iconhttp://isux.tencent.com/16292.html
上哪找svg图标去呢? 这里推荐去icomoon.io 这个专门提供矢量图标网站下载矢量图像,重要的是它提供SVG格式的图形下载。
Snap.svg – 现代 Web 开发必备的 JavaScript SVG 库(snap.svg-min.js)
SVG 是一种很好的 Web 技术方案,可以用来创建互动,在任何大小的屏幕上都会很好看、与分辨率无关的矢量图形。而这里推荐的 Snap.svg 这个 JavaScript 可以让你像 jQuery 操作 DOM 一样操作 SVG 资源。
Snap.svg 是专为现代浏览器打造,支持剪裁,遮罩,纹理,渐变,分组等功能。凭借丰富的动画库和易于的事件处理,Snap.svg 可以帮助你轻松实现 SVG 功能。
国外Snap.svg:http://snapsvg.io/demos/
国内Snap.svg:http://www.zhangxinxu.com/wordpress/2014/02/snap-svg-fishing-css3/
其他http://www.jq22.com/demo/AnimatedSVGIcons-master-141127215600/ (下载http://www.jq22.com/jquery-info1085)
突袭HTML5之SVG 2D入门2 - 图形绘制 http://www.cnblogs.com/dxy1982/archive/2012/04/06/2395729.html
2016 Technology的更多相关文章
- SQL Server 2016 Community Technology Preview 3.3
https://www.microsoft.com/en-us/evalcenter/evaluate-sql-server-2016 SQL Server 2016 Community Techno ...
- Connect() 2016 大会的主题 ---微软大法好
文章首发于微信公众号"dotnet跨平台",欢迎关注,可以扫页面左面的二维码. 今年 Connect 大会的主题是 Big possibilities. Bold technolo ...
- 谁是2016年的.NET开发者?
Nora Georgieva (http://www.telerik.com/blogs/infographic-the-dotnet-developer-of-2016) Whether you h ...
- 2016 Multi-University Training Contest 1 G. Rigid Frameworks
Rigid Frameworks Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others) ...
- 【转】2016/2017 Web 开发者路线图
链接:知乎 [点击查看大图] 原图来自LearnCodeAcademy最火的视频,learncode是YouTube上最火的Web开发教学频道,介绍包括HTML/CSS/JavaScript/Subl ...
- (转) Summary of NIPS 2016
转自:http://blog.evjang.com/2017/01/nips2016.html Eric Jang Technology, A.I., Careers ...
- (转) The major advancements in Deep Learning in 2016
The major advancements in Deep Learning in 2016 Pablo Tue, Dec 6, 2016 in MACHINE LEARNING DEEP LEAR ...
- SharePoint Server 2016 Update
Today’s post was written by Seth Patton, senior director of product management for the SharePoint te ...
- 2016年 Delphi Roadmap
2016年delphi Roadmap 发布,这也是新公司的第一次发布路线图. 虽然稍微晚点( 原来说是1月份发布路线图),至少比过去积极点.喧嚣多年的靴子终于落地. Linux 的支持终于正式公布. ...
随机推荐
- 《DSP using MATLAB》示例 Example 6.5
代码: b = [1, 0, 0, 0, 16+1/16, 0, 0, 0, 1]; broots = roots(b) B1 = real(poly([broots(1), broots(2), b ...
- Kattis - Aaah!
Aaah! Photo by Unknown Jon Marius shouted too much at the recent Justin Bieber concert, and now need ...
- Linux 下Nginx 的安装及负载均衡的简单配置
这次发布程序需要均衡负载,网上看了一下这方便的东西,觉得很不错,学完之后做下总结,一遍后期用到. 1.安装nginx之前需要安装的两个依赖,pcre-x.x.x.tar.gz 和pcre-devel- ...
- C# EnumHelper
using System; using System.Collections.Generic; using System.ComponentModel; using System.Reflection ...
- [转]numpy性能优化
转自:http://blog.csdn.net/pipisorry/article/details/39087583 http://blog.csdn.net/pipisorry/article/de ...
- Uva 11889 Benefit (lcm与gcd)
题意:给你两个数,a,c,求出 lcm(a,b)==c 时的 b 的最小值 思路:我们知道一个性质 gcd(a,b)*lcm(a,b) = a*b 由此我们可以得到 b = gcd(a,b)*lcm( ...
- JSON跟JSONP的区别以及实战
前言 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现. 当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socke ...
- android 控件自定义样式
一.按钮(Button) 方式1.存在.9图片或图片时 可在drawable文件夹下新建xml文件style_button_one.xml,代码如下 <?xml version=" ...
- hibernate、easyui、struts2整合
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 相机标定 matlab opencv ROS三种方法标定步骤(1)
一 . 理解摄像机模型,网上有很多讲解的十分详细,在这里我只是记录我的整合出来的资料和我的部分理解 计算机视觉领域中常见的三个坐标系:图像坐标系,相机坐标系,世界坐标系,实际上就是要用矩阵来表 示各个 ...