随笔分类 -  移动web开发

1 2 下一页
【原】web开发常见的storage、cache
摘要：打开chrome开发者工具application，我们可以清楚的看到storage包含以下内容： 什么是cookie? cookie一般是由服务器用Set-Cookie 头给客户端一串字符串 客户端每次访问相同域名的网页时，必须带上这段字符串 客户端要在一段时间内保存这个Cookie Cookie 阅读全文
posted @ 2021-08-12 16:12 白树 阅读(531) 评论(0) 推荐(0) 编辑
【原】使用less实现随机下雪动画
摘要：元旦在公司撸码，想起圣诞节的摇摇乐项目有段代码挺有意思的，借着空闲的时间把代码抽出来，沉淀下经验。冬天来了，设计师说摇摇乐的场景需要随机下落的雪花动画，第一时间就想到的方法是canvas比较好，项目非常紧急，然而小程序对canvas支持不够友好，容易在项目中出现无法预估的兼容性问题 ，马上又否定了这 阅读全文
posted @ 2019-01-02 11:30 白树 阅读(2505) 评论(0) 推荐(1) 编辑
【原】移动web页面给用户发送邮件的方法 (邮件含文本、图片、链接)
摘要：微信商户通有这么一个需求，用户打开H5页面后，引导用户到电脑下载设计资源包，由于各种内部原因，被告知无后台资源支持，自己折腾了一段时间找了下面2个办法，简单做下笔记。 mailto使用方法 1、基础写法 当浏览者点击这个链接时，浏览器会自动调用默认的客户端电子邮件程序，并在收件人框中自动填上收件人的 阅读全文
posted @ 2015-11-16 14:32 白树 阅读(24291) 评论(8) 推荐(9) 编辑
【原】让H5页面适配移动设备全家 - 前端篇 - PPT
摘要：7月份在部门内给设计中心的同事们带来《让H5页面适配移动设备全家 - 设计师篇 - PPT》的分享，在视觉和交互稿上提出页面适配的建议及提升页面体验的好处，促进前端和设计双方更好的合作，同时也提升页面体验，分享后跟设计师们沟通，反应情况良好，说明这套适配的方案是有一定价值的。在9月份很荣幸收到TID... 阅读全文
posted @ 2015-10-23 13:00 白树 阅读(9096) 评论(16) 推荐(16) 编辑
【原】移动web点5像素的秘密
摘要：最近和一个朋友聊天，朋友吐露了工作上的一些不开心，说自己总是喜欢跟别人比较，活得比较累，这种感觉大部分人经历过，往往觉得是自己心态不好，其实不然，这是人性，此时应该快速摆脱这种状态，想到DOTA大9神的笔录，游戏也是人生，懂得思考的人生才会不断促使自己进步，详细我不清楚了，大概意思是这样：人这一辈子 阅读全文
posted @ 2015-08-19 13:19 白树 阅读(14366) 评论(34) 推荐(42) 编辑
【原】让H5页面适配移动设备全家 - 设计师篇 - PPT
摘要：上一篇文章《pageResponse - 让H5适配移动设备全家》中分享了一个小插件让一套H5页面适配几乎所有移动设备，得到了一些同学的推荐和认可，这里感谢大家的支持。在此之前也在部门前端组内做了分享，后来师傅跟我聊了下，其实现在前端和设计的合作上经常遇到页面适配问题，在沟通上影响工作效率，在页面设... 阅读全文
posted @ 2015-07-09 16:31 白树 阅读(5985) 评论(5) 推荐(6) 编辑
【原】pageResponse - 让H5适配移动设备全家(移动端适配)
摘要：上一篇文章《为什么选择iPhone5的分辨率作为H5视觉稿尺寸》最后留下了问题：是否需要视觉设计师设计多套的视觉稿供给前端工程师做页面适配呢？按照自己以前的方法，通常会要求设计师设计2套的尺寸，一套是窄屏手机(如iPhone4)，另一套是宽屏手机(如iPhone5)，这样的好处不仅减少重构页面的适配 阅读全文
posted @ 2015-06-19 14:25 白树 阅读(36339) 评论(58) 推荐(57) 编辑
【原】为什么选择iPhone5的分辨率作为H5视觉稿尺寸
摘要：【20160105更新：可以用iPhone6分辨率为视觉稿尺寸啦】又是一年的520网络情人节，深圳这边却下了大雨，这雨只能是单身汉的泪，而对于我来说这一天具有特别的意义，一来怀念父亲，二来对我这种结婚人士来说还可勉强表达对老婆的爱，so，本文的图片宽均以520像素来设计。回到主题，在微信朋友圈经常看... 阅读全文
posted @ 2015-05-20 20:55 白树 阅读(23152) 评论(7) 推荐(6) 编辑
【原】移动web资源整理
摘要：2013年初接触移动端，简单做下总结，首先了解下移动web带来的问题 设备更新换代快——低端机遗留下问题、高端机带来新挑战 浏览器厂商不统一——兼容问题多 网络更复杂——弱网络，页面打开慢 低端机性能差——页面操作卡顿 HTML5新技术多——学习成本不低 未知问题——坑多 面对这些问题，一开始我们只 阅读全文
posted @ 2015-03-03 14:20 白树 阅读(113606) 评论(105) 推荐(291) 编辑
【原】移动web滑屏框架分享
摘要：本月26号参加webrebuild深圳站，会上听了彪叔的对初心的讲解，“工匠精神”这个词又一次被提出，也再次引起了我对它的思考。专注一个项目并把它做得好，很好，更好...现实工作中，忙忙碌碌，抱着完成任务的想法可能会比较多，而想做得更好，需不惜花费时间精力，孜孜不倦，反复改进产品，把99%提高到99 阅读全文
posted @ 2014-12-29 19:00 白树 阅读(21992) 评论(33) 推荐(38) 编辑
【原】我是超级收银员，你敢来挑战吗
摘要：微信在最新的iPhone版应用中运营刷卡功能，为了推广该功能，小组成员自主开发了简单的超级收银员小游戏。第一次写前端游戏，严重意识到js写少了，趁这次恶补下，毕竟还年轻，感觉老了脑袋不好使。今天给大家分享本次游戏的学习成果，有兴趣的同学先扫描二维码挑战。目录：游戏思路游戏场景核心代码游戏思路本人很喜... 阅读全文
posted @ 2014-10-14 16:04 白树 阅读(7954) 评论(29) 推荐(64) 编辑
【原】iphone6来了，我该做点什么(兼容iphone6的方法)
摘要：北京时间2014年9月10日凌晨1点，苹果公司正式发布其新一代产品 iPhone6，相信做webapp开发的同学对它是充满了好奇和等待，也担心它带来各种坑爹，高清的分辨率，升级的retina显示屏，我们该如何做好适配呢？相比iPhone5，iPhone6拥有更高分辨率的retina HD displ... 阅读全文
posted @ 2014-09-12 16:34 白树 阅读(17205) 评论(21) 推荐(8) 编辑
【原】移动web页面兼容处理的思考
摘要：本月收到一份关爱里程碑的邮件，入职满3周年了，从一个懵懂的新人到从容淡定的小油条，在外辛苦打工不容易，能收到一封简单的关怀邮件也是有感欣慰，这里祝愿公司越发展越好。进入主题，移动网页设计中，很多同学常问一个问题：这么多种移动设备，要兼容哪几类呢？相信很多人会回答主流的系统ios、android，但是... 阅读全文
posted @ 2014-07-28 14:58 白树 阅读(12505) 评论(8) 推荐(41) 编辑
【原】移动web动画设计的一点心得——css3实现跑步
摘要：今年3月份，由于公司业务需要，我转岗到微信产品部，离开了TID团队，人都是有感情的动物，更何况在一个团队呆了快 3 年，心中十分舍不得，鬼哥说了“天下没有不散的宴席...”，在我的世界里又多了一次离别的伤感(虽然还在隔壁工作)。加入了微信产品中心后，开始新的团队生活，工作比以前忙多了，有时周六也要上 阅读全文
posted @ 2014-04-26 10:36 白树 阅读(44708) 评论(35) 推荐(28) 编辑
【原】移动web页面使用字体的思考
摘要：回想2年前刚开始接触手机项目，接到PSD稿后，发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计，于是我写页面的时候也定义 font-family 为微软雅黑，后来发到线上后，细心的产品经理发现页面的字体不是微软雅黑，要求马上修改，我就惊呆了，还跟产品争执一番。后来了解到的手机系统 ios、andr... 阅读全文
posted @ 2014-03-12 14:29 白树 阅读(66414) 评论(32) 推荐(27) 编辑
【原】移动web页面支持弹性滚动的3个方案
摘要：有段时间一直折腾移动端页面弹性滚动的各种问题，做了点研究，今天做个小分享~ 传统 pc 端中，子容器高度超出父容器高度，通常使用 overflow:auto 可出现滚动条拖动显示溢出的内容，而移动web开发中，由于浏览器厂商的系统不同、版本不同，导致有部分机型不支持对弹性滚动，从而在开发中制造了所谓 阅读全文
posted @ 2014-02-18 18:28 白树 阅读(63122) 评论(7) 推荐(11) 编辑
【原】如何改变表单元素的外观(for Webkit and IE10)
摘要：表单元素在网页设计中使用的非常频繁，如文本输入框、单选框、复选框、选择列表、上传文件，它们在浏览器中的展现有自带的外观，为了在视觉上取得更好的产品体验，保持客户端的统一，通常产品经理会提出需要改变它的外观，使用自定义的，对于产品本身来说这样的要求是加分项，开发在力所能及的范围内应该大力支持。做H5移动开发，并没有原生APP开发那样，大部分内容都可以自定义，移动端H5页面受手机系统的影响，不同的浏览厂商对表单元素的渲染效果差异很大。下图为 iphone4s 、魅族 android4.4 、诺基亚 winphone8 三部测试机下4种不同表单元素的默认外观展现。从上图我们可以看出：表单输入框有默认 阅读全文
posted @ 2014-01-19 22:03 白树 阅读(12903) 评论(7) 推荐(6) 编辑
让那些为Webkit优化的网站也能适配IE10
摘要：特别声明：此篇文章由David根据Charles Morris的英文文章原名《Adapting your WebKit-optimized site for Internet Explorer 10》进行翻译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。英文出处：http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10.aspx中文译文：http://www.w3cplu 阅读全文
posted @ 2014-01-08 23:34 白树 阅读(1652) 评论(0) 推荐(0) 编辑
用CSS开启硬件加速来提高网站性能
摘要：国外一篇文章，有点意思，转载过来，准备尝试下~中文地址：http://www.cnblogs.com/rubylouvre/p/3471490.html原文地址：http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css你知道我们可以在浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而提升性能吗？现在大多数电脑的显卡都支持硬件加速。鉴于此，我们可以发挥GPU的力量，从而使我们的网站或应用表现的更为流畅。在桌面端和移 阅读全文
posted @ 2014-01-08 09:29 白树 阅读(31520) 评论(8) 推荐(2) 编辑
【原】迎接微信winphone 5.0 版本的IE10样式兼容
摘要：微信 Android 5.1 和 iPhone 5.1 已正式发布了，据说本12月底，微信将推出 Winphone 5.0版本，全面支持微信支付，它绑定 IE10 浏览器，那么做微信公众号的 H5 页面，除了做好 webkit 兼容外，IE10 的兼容也是必不可少的。曾经写过《常见CSS3属性对ios&android&winphone的支持》一文，当时写过对Windows Phone 7 和Windows Phone 8的对应的浏览器分别是IE9和IE10做好兼容，但由于产品的特性对 Winphone 支持不友好，项目组也没有对 IE9 和 IE10 进行特别的处理，现在微信支 阅读全文
posted @ 2013-12-30 17:32 白树 阅读(3849) 评论(4) 推荐(3) 编辑

1 2 下一页

Copyright 2011- | 网站统计：腾讯分析