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 的支持终于正式公布. ...
随机推荐
- LeetCode题解 15题 第二篇
之前写过一篇,这是第二篇.上一篇用了多种编程语言来做,这一次是以学算法为主,所以打算都用python来完成. 4. Median of Two Sorted Arrays There are two ...
- Android JDK配置使支持Gradle更新,Maven安装
配置Maven 或执行Gradle更新等相关命令时出现以下错误时要重新配置JDK ERROR: JAVA_HOME is set to an invalid directory.JAVA_HOME = ...
- linux kernel 编译
lin
- 在虚拟机上配置linux lab的相关经验
最近一直在研究怎样在嵌入式开发板上移植linux嵌入式系统,但是不太想花费太多钱购买开发板.然后在网上搜索相关的arm模拟器.有qemu,skyeye,armulator等,在按照网上教程一步一步实践 ...
- php强制下载文件并显示原始文件名
原来一直没有接触过,这几天一直在玩儿文件上传下载的东西.今天又遇到一个坑. 描述:文件上传至服务器后,如果是rar或则其他的非浏览器直接识别的格式,用户点击链接了后是可以直接就被下载下来的.那么如果上 ...
- 给RelativeLayout设置背景,无效果bug解决
drawable文件夹下面 tomyshop_selector.xml文件 <?xml version="1.0" encoding="utf-8"?&g ...
- [kuangbin带你飞]专题六 最小生成树 POJ 1287 Networking
最小生成树模板题 跑一次kruskal就可以了 /* *********************************************** Author :Sun Yuefeng Creat ...
- 页面加载与iframe加载函数
<head> <script> $(document).ready(function(){ alert("a"); var wait = documen ...
- 向量相加CUDA练习
#include<string.h> #include<math.h> #include<stdlib.h> #include<stdio.h> #de ...
- Difference between TCP and UDP
refered from http://www.cyberciti.biz/faq/key-differences-between-tcp-and-udp-protocols/ TCP UDP Rel ...