移动前端
shooke
这个作者很懒,什么都没留下…
展开
-
移动开发中用到的几款js插件之滑动展示(1)
滑动类 slider1 Swiper Swiper(Swiper master) 是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。主要使用与移动端的网站、网页应用程序(web apps),以及原生的应用程序(native apps)。主要是为IOS而设计的,同时,在Android、WP8系统也有着良好的用户体验,Swiper从3.0开始不再全面支持PC端。原创 2015-04-24 23:04:41 · 1388 阅读 · 0 评论 -
移动开发中用到的几款js插件之触控插件(2)
谈到移动我们不得不说触控了,pc上我们用click 手机上我们用什么?tap好多小伙伴都会想到这个,但是pc上鼠标只有那么几个按键,我们却有好多的手指头,好多的动作,这些该如何获取呢? 答案是通过touch时间根据不同的条件来定义事件,比如tap我们可以通过touchstart和touchend的间隔判断,我还可以定义hold,可以定义swiper等到。 了解了原理,改干活了,好多东西其实已经有原创 2015-05-30 09:36:45 · 1166 阅读 · 0 评论 -
详解head头标签元素的意义以及使用场景
HTML头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head 头标签,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签、元素的意义以及使用场景。DO转载 2016-01-20 11:02:38 · 765 阅读 · 0 评论 -
做webapp需要了解的html5 head 头标签
<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --><html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --><head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和原创 2016-07-10 21:27:51 · 1382 阅读 · 0 评论 -
推荐轻量高效无依赖的开源 JS 插件和库
在这里维持一个持续更新的地方图片baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demoLightgallery.js - 是一个功能齐全的JavaScript图像灯箱插件。demoviewerjs - 是一个图像预览插件。democropperjs - 是一个图片编辑器插件。demophoto-editor - 是一个本地图片编辑器插件。demoblazy.转载 2016-12-01 10:25:36 · 2028 阅读 · 0 评论 -
IScroll5+在ios中click事件不兼容解决方法
最近的开发中遇到一个问题,页面使用了iscroll5,在Android上表现很好,但是到了ios上就出问题了,所有链接点击无效,坑啊。找了下资料发现了解决办法,写下来做个记录function iScrollClick(){ if (/iPhone|iPad|iPod|Macintosh/i.test(navigator.userAgent)) return false; if (/C原创 2017-07-20 14:14:48 · 1321 阅读 · 0 评论 -
iphonex适配
iphone又一次颠覆了行业,每次都是如此的任性,每次出个问题都要消费者买单。这次最需要买单的是设计师。iphonex这货硬件上出了个留海,软件上又出了个底部手柄。说实话演示起来很酷炫,适配起来就有点苦逼了。 下面说集中适配的方案,其实最基本的思路就是避开上下两块区域,只在安全区域显示内容。最简单的方案上下使用固定定位,上面用黑色吧44px高度,固定住,下面呢用34px固定住。内容展示方面body原创 2017-11-15 09:58:23 · 1854 阅读 · 0 评论 -
vue开发中调用微信jssdk的问题
起因微信分享网址时无法分享图片,这个问题需要用jssdk去解决。其实开始的时候时可以看到图片的,但后来微信禁止了。所以只能使用jssdk去解决。 普通网页开发很简单,但是使用vue或其他前端框架开发spa单页面webapp的时候就会有问题了。只要url发生变化就会报签名错误。其实微信官方上已经写了说明。 所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅原创 2018-01-15 22:33:51 · 24795 阅读 · 1 评论 -
微信网页授权code调用2次问题
起因今天做开发的过程中,发现每次都包数据重复,开始以为是程序问题,查看了半天没有发现问题。于是查看请求记录发现,在获取openid时,在拿code换access_token时,收到了两个请求。而且是两个不同的code。这就神奇了。看日志2018-02-05 22:37:06 /index.php/wap/store/bindWechat/1?code=0212O53V1mzqu原创 2018-02-05 23:21:59 · 24125 阅读 · 4 评论