h5知识 - 随笔分类 - susanws

sass入门

摘要：以前一直听别人讲css的预编译语言，自己也没有具体的看过语法，后来因为公司人都慢慢用，我也准备学起来了，看了文档，其实也挺简单的，变量，混合器，继承。怕忘掉，所以在这做个笔记，便于自己以后的使用。（贴点官网的例子，这样一目了然） 1，变量声明 sass变量的声明和css属性的声明很像：阅读全文

posted @ 2017-08-05 21:39 susanws 阅读(219) 评论(0) 推荐(0)

Web前端性能优化的14条规则

摘要：14条规则摘自<High Performance Web Sites>,本文地址 1.减少Http请求使用图片地图使用CSS Sprites 合并JS和CSS文件这个是由于浏览器对同一个host有并行下载的限制,http请求越多,总体下载速度越慢 2.使用CDN(内容发布网络):当页面中有很多阅读全文

posted @ 2016-07-27 15:21 susanws 阅读(254) 评论(0) 推荐(0)

HTML5获取地理位置

摘要：HTML5 Geolocation API (地理位置应用程序接口) 目前PC浏览器支持情况： Firefox 3.5+Chrome 5.0+Safari 5.0+Opera 10.60+Internet Explorer 9.0+ 手机支持情况： Android 2.0+iPhone 3.0+Op 阅读全文

posted @ 2016-07-21 15:09 susanws 阅读(290) 评论(0) 推荐(0)

text-size-adjust的值为100% 代替值 none

摘要：iPhone 横屏默认会放大文字，设置text-size-adjust会解决这个问题一般用text-size-adjust：none 但建议用100%代替none text-size-adjust：100% 阅读全文

posted @ 2016-06-20 15:35 susanws 阅读(344) 评论(0) 推荐(0)

css3中-webkit-text-size-adjust详解

摘要：1、当样式表里font-size<12px时，中文版chrome浏览器里字体显示仍为12px，这时可以用 html{-webkit-text-size-adjust:none;} 2、-webkit-text-size-adjust放在body上会导致页面缩放失效 3、body会继承定义在html的阅读全文

posted @ 2016-06-20 15:32 susanws 阅读(332) 评论(0) 推荐(0)

weui

摘要：概述 WeUI是一套同微信原生视觉体验一致的基础样式库，为微信Web开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。这有什么好处呢？其实从上面也可以看到官方的话，就是让你的应用跟微信官方版本更加统一，而没有违和感阅读全文

posted @ 2016-06-20 14:48 susanws 阅读(821) 评论(0) 推荐(0)

使用Flexible实现手淘H5页面的终端适配

摘要：曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？那么趁此Amfe阿里无线前端团队双11技术连载之际，用一个实阅读全文

posted @ 2016-06-20 11:41 susanws 阅读(455) 评论(0) 推荐(0)

IOS设备上网页中的页面滚动效果模拟

摘要：可能咋一看不知道我说的是个啥，因为iOS本来就用这功能的啊，还模拟它干啥？先听我说下项目背景哈我现在开发的是一个webapp，主要是用在ipad上，这个app的大小是固定大小的，为了防止触摸它出现弹性滚动，我加个句代码： [javascript] view plain copy $(documen 阅读全文

posted @ 2016-06-20 09:38 susanws 阅读(914) 评论(0) 推荐(0)

H5调用本地摄像头

摘要：<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><script type="text/javascript" src="http://123.56.106.187:8010/Scripts/listj 阅读全文

posted @ 2016-06-17 13:46 susanws 阅读(2207) 评论(0) 推荐(0)

H5之重力感应篇

摘要：手机的重力感应支持里，有两个主要的事件： 1. OrientationChange (在屏幕发生翻转的时候触发) 2. DeviceOrientation+DeviceMotion(重力感应与陀螺仪) 科普时间重力感应，基本上是平板电脑和智能手机的标准配置，起到的作用也很简单，比如你玩赛车游戏，控阅读全文

posted @ 2016-05-18 18:32 susanws 阅读(20425) 评论(0) 推荐(1)

Canvas 数学、物理、动画学习笔记一

摘要：Canvas 第五章数学、物理和运动学习笔记让人映像深刻的运动，需要我们不只是简单的知道如何移动对象，还需要知道怎么按用户期望看到的方式去移动它们。这些需要基于数学知识的基本算法和物理学作用。基于点和矢量的简单运动提供了一个基础，现在可以去创建些例如碰墙弹回和别一个有点摩擦的混合。之后，我们将回过阅读全文

posted @ 2016-05-16 13:51 susanws 阅读(692) 评论(0) 推荐(0)

@font-face的用法

摘要：几乎所有浏览器(包括最古老的IE6)也支持的网络字体@font-face的用法是：但进入到现代浏览器时代后，WOFF格式的字体受到了普遍的支持，所有，你可能只需要这样写：或者只含WOFF格式：然后，像这样使用： @font-face基本知识在@font-face网络字体技术之前，浏览器显示网阅读全文

posted @ 2016-05-12 16:01 susanws 阅读(241) 评论(0) 推荐(0)

Modernizr——为HTML5和CSS3而生！

摘要：原文地址：http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/ 堂主译文地址：http://www.osmn00.com/translation/221.html 转载请尊重原作者及阅读全文

posted @ 2016-05-12 15:47 susanws 阅读(259) 评论(0) 推荐(0)

WebAPP与原生APP的交互设计区别

摘要：WebAPP和原生APP同为移动端，很少有研究这两项的交互区别，最近公司做了一次从原生APP到WebAPP（HTML5 ）的移植，故总结一下期间遇到的问题及不同点总结。从使用场景上，WebAPP用户面临比原生APP用户更严峻的问题： 1、页面跳转更加费力，不稳定感更强思考点：如何减少跳转（扁平结阅读全文

posted @ 2016-05-10 16:43 susanws 阅读(221) 评论(0) 推荐(0)

Web应用的组件化（二）——管控平台 #7

摘要：Web应用的组件化（二）管控平台在上一篇中我们提到了组件化的大致思路，这一篇主要讲述在这么做之后，我们需要哪些外围手段去管控整个开发过程。从各种角度看，面对较大规模前端开发团队，都有必要建立这么一个开发阶段的协作平台。在这个平台上，我们要做哪些事情呢？ 1. HTML片段我们为什么要管理HT 阅读全文

posted @ 2016-05-07 22:19 susanws 阅读(280) 评论(0) 推荐(0)

Web应用的组件化（一）

摘要：基本思路 1. 为什么要做组件化？无论前端也好，后端也好，都是整个软件体系的一部分。软件产品也是产品，它的研发过程也必然是有其目的。绝大多数软件产品是追逐利润的，在产品目标确定的情况下，成本有两个途径来优化：减少部署成本，提高开发效率。减少部署成本的方面，业界研究得非常多，比如近几年很流行的“去阅读全文

posted @ 2016-05-07 22:17 susanws 阅读(530) 评论(0) 推荐(0)

移动端h5页面的设计稿尺寸

摘要：当我们在做手机端H5网页设计稿时（当然包含微信端的H5网页设计），如果没有做过类似的移动端的设计，UI设计师和前端工程师肯定会纠结的。如果是app设计师，就不会那么纠结啦。延伸阅读： 2015年度最值得学习的10个H5案例（各种经典，推荐收藏）这可能是近半年做得最好的4个H5传播案例还没搞懂H 阅读全文

posted @ 2016-05-05 17:29 susanws 阅读(1634) 评论(0) 推荐(0)

浅谈：html5和html的区别

摘要：什么是html5呢？ html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML+CSS 3+JS+API。 hmtl5于html的区别我们现在w 阅读全文

posted @ 2016-04-22 14:36 susanws 阅读(1428) 评论(0) 推荐(0)

提升html5的性能体验系列之五webview启动速度优化及事件顺序解析]

摘要：webview加载时有3个事件。触发顺序为loading、titleUpdate、loaded。webview开始载入页面时触发loading，载入过程中如果title已经解析并赋予新值，则触发titleUpdate，载入完毕触发loaded。如果页面加载足够快，那么titleUpdate和loa 阅读全文

posted @ 2016-04-22 11:53 susanws 阅读(771) 评论(0) 推荐(0)

提升html5的性能体验系列之四使用原生ui

摘要：原生UI即nativeUI的设计目的 HTML和css有一个优势就是灵活的样式设计。在大多数情况下，我们都应该使用HTML+css来负责UI。但是有些情况下，我们发现HTML+css的UI不满足需求。1. 绝对置顶HTML的video等元素，以及5+的map等原生元素，这些原生控件的层级高于div。阅读全文

posted @ 2016-04-22 11:52 susanws 阅读(375) 评论(0) 推荐(0)

随笔分类 - h5知识

公告