Fork me on GitHub

随笔分类 -  移动前端

记录移动前端的知识分类
使用javascript获取wx.config内部字段解决微信分享
摘要：背景 在微信分享开发的时候我们通常的流程是 上面是一个php文件，这样的代码的一个很大缺点是前后端未分离耦合度太高，再一就是混合写不是很美观，所以我们要让PHP和HTML分离，要实现分享功能，首先就是要调用用微信的jssdk Api获取到配置参数， 这个必须是要通过php后台语言来获取的，然后将这些 阅读全文
posted @ 2016-03-09 09:40 飞河 阅读(11915) 评论(3) 推荐(6)
动态rem解决移动前端适配
摘要：背景 移动前端适配一直困扰很多人，我自己也是从最初的媒体查询，到后来的百分比，再到padding top这种奇巧淫技，再到css3新单位vw这种过渡转变 但这些都或多或少会有些问题，直到使用了动态rem 才真正不再在适配这个问题上发愁 只因为叫动态rem 是因为他是真正意义上随着屏幕的大小来变化的。 阅读全文
posted @ 2016-02-23 12:15 飞河 阅读(6000) 评论(9) 推荐(4)
H5移动前端完美布局之－margin百分比的使用
摘要：一 ，背景 在移动端页面开发我们经常会遇到一件尴尬的事 我们所开发出来的页面跟设计师所给的页面差别很大 再加上移动设备屏幕的大小不一出来的效果更是参差不齐 然后.... 当然 现实情况没有这么糟糕...但因为前端页面是是最直接的展示给用户的 如果跟差异太大 这个页面其实是失败的 而设计师也会不断的找 阅读全文
posted @ 2015-07-27 11:51 飞河 阅读(7716) 评论(8) 推荐(3)
html5 getComputedStyle + resize 实现动态宽高度等比响应式页面设计
摘要：序：通常我们只能控制div的宽度 而不能控制高度，在响应式页面里 如果要这个div是正方形那么必须的用媒体查询在不同的分辨率下写死宽高度 今天突发奇想研究了个 用百分比来动态控制div的高度让其与宽度相同 成为一个正方形 甚至任何你想要比例 一，背景：目前移动端大多数图片或视频列表页面的显示，列出几 阅读全文
posted @ 2014-11-21 16:23 飞河 阅读(3292) 评论(3) 推荐(2)
移动前端调试方案（Android + Chrome 实现远程调试）
摘要：一：背景 通常情况我们调试移动端页面最常用的方法就是：切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面然后用手机打开要调试的页面 刷新页面查看调试结果但是这就存在两个问题 在pc浏览器模拟手机可能造成调试不准 用手机直接调试 又多一步刷新那怎么能达到在pc端修改代码 在手机上... 阅读全文
posted @ 2014-11-13 09:39 飞河 阅读(27198) 评论(26) 推荐(10)
css div居中显示的4种写法
摘要：Demo:http://www.feman.cn/h5/center.html1.absolute 绝对定位 这是我们最常用的一种居中定位写法 要求必须确定div的宽高度 目前市面上的浏览器基本上都支持这种写法 absolute居中定位 ... 阅读全文
posted @ 2014-11-04 15:18 飞河 阅读(41793) 评论(2) 推荐(0)
javascript callback函数的理解与使用
摘要：最近做的一个项目中用到了callback函数，于是就研究了下总结下我对javascript callback的理解首先从callback的字面翻译“回调” 可以理解这是一个函数被调用的机制当我们遇到一个名词首先可能是百度谷歌搜索看官方是怎么解释的下面是维基百科对回调的定义：a callback is... 阅读全文
posted @ 2014-10-23 12:01 飞河 阅读(4421) 评论(2) 推荐(2)
html5 移动端单页面布局
摘要：序 移动端的web网页使用的是响应式设计，但一般我们看到的网站页面都是跳转刷新得到的，比如通过点击一个menu后进入到另一个页面 今天来说下是移动端的单页面的布局。单页面就是一切操作和布局都是在一个页面下进行 不需要页面跳转 ，再通俗的说就是类似于平常的选项卡 但是他又比选项卡要复杂一点 因... 阅读全文
posted @ 2014-09-20 14:35 飞河 阅读(9800) 评论(2) 推荐(2)
html5 audio音频播放全解析
摘要：序 html5开启了一个新时代，因为它让浏览器本身变得不那么被动，audio api就是一个典型的列子，在html5还没确定之前，如果想要在网页上听音乐看视频唯一的办法就是用flash意思是当你没有给浏览器装载Flash插件的话 那么音乐视频即是空谈，html5 audio的出现改变了这一格局，因为 阅读全文
posted @ 2014-08-07 11:34 飞河 阅读(79223) 评论(7) 推荐(6)
html5 touch事件实现触屏页面上下滑动(二)
摘要：将touch(一)的代码完善了下，滑动到最顶端和最低端时阻止继续滑动 阅读全文
posted @ 2014-05-04 15:46 飞河 阅读(14888) 评论(0) 推荐(1)
一些非常有用的html,css,javascript代码片段(持久更新)
摘要：一些有用的html,css,javascript代码片段 阅读全文
posted @ 2014-04-11 19:26 飞河 阅读(941) 评论(2) 推荐(0)

Fork me on GitHub