移动端开发
文章平均质量分 67
老虎帅呆了
我愿像鱼痴情海洋一样,像鸟迷恋天空一般对待自己的人生。
展开
-
微信小程序 视频列表滑动无限循环(仿抖音)
微信小程序 视频列表滑动无限循环(仿抖音),安卓ios表现基本一致,非swiper组件实现,滑动效果流畅不卡顿,实现了列表无限循环。完整代码在下面。。。支持位置导航、拨打电话、复制微信号、分享、联系客服和拖动视频进度功能,暂未添加评论留言功能,后期会逐步增加。原创 2022-11-28 16:18:48 · 5889 阅读 · 13 评论 -
高性能 CSS3 动画
高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂,我们总结为以下几点: 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度,而在Mobile端本身丰富的场景下,需要额外关注对用户基站网络流量使用的情况,设备耗电量的情况。关于流畅度,主要体现在前端动画中,在现有的前端动画体系中,通常有两种模式:JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种原创 2016-08-02 20:34:43 · 416 阅读 · 0 评论 -
android中Webview与javascript的交互(互相调用)
最近做Android项目中遇到要在webview中做与js交互相关的东东,涉及到js中调用android本地的方法,于是查了资料整理了一下android和js互相调用的过程。如下demo,demo的主要实现过程如下:通过加载本地的html文件(里面有js脚本),实现android本地方法和js中的交互。第一步:mainfest.xml中加入网络权限[java转载 2016-10-29 23:38:10 · 312 阅读 · 0 评论 -
使用Node.js+Socket.IO搭建WebSocket实时应用
Web领域的实时推送技术,也被称作Realtime技术。这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新。它有着广泛的应用场景,比如在线聊天室、在线客服系统、评论系统、WebIM等。WebSocket简介谈到Web实时推送,就不得不说WebSocket。在WebSocket出现之前,很多网站为了实现实时推送技术,通常采用的方案是轮询(Polling)和Comet技术,Co...原创 2016-12-10 21:09:29 · 838 阅读 · 0 评论 -
分享网站文章到微信朋友圈,缩略图怎么设置
在我们的网站网页 html 代码中的之后增加1、这个logo.jpg图片尺寸不能太小,在120*100以上就可以了。2、图片放到了body之后,微信应该会默认取页面中第一种图片。3、用JPG图片,如果格式是png的,微信朋友圈可能会直接把他忽略了。4、width和height都设为0,style不能设置为Display:none。原创 2017-01-19 15:25:11 · 5674 阅读 · 0 评论 -
app、公众号和小程序实现用户账号统一
实现不同应用的用户账号统一使用的是unionid,在微信开放平台进行绑定之后,每种应用的unionid都是相同的,但是获取到的用户的openid是不同,openid只是在应用(同一个公众号或者小程序)内是唯一的,所以不能用openid,而是用unionid。在微信开放平台注册账号,绑定需要的应用(这里有移动app应用、公众号和小程序),如下图各应用之间关系图:原创 2018-04-20 13:46:05 · 23396 阅读 · 4 评论 -
mui项目首页头部滚动渐变和页面滚动组件冲突解决方案
1、页面结构,header组件中添加mui-bar-transparent类。 2、轮播的滚动触发了scroll事件,导致scroll-y一直为0,mui.js找到如下内容,禁止掉。 3、页面中添加了scroll组件,导致transparent不生效,销毁默认的组件,重新初始化一次。...原创 2018-08-23 11:45:22 · 1359 阅读 · 0 评论 -
微信公众平台开发网页获取用户地理位置
在这篇微信公众平台开发教程中,我们将介绍如何在网页中获取用户的地理位置信息。本文分为以下二个部分:生成JS-SDK权限验证签名使用地理位置接口获取坐标 一、微信JS-SDK1. 获得Access Tokenaccess token的获得方法在前面有介绍,详情见 微信公众平台开发(26) ACCESS TOKEN2. 获取jsapi_tic转载 2016-08-04 21:40:22 · 25909 阅读 · 1 评论 -
cordova安装步骤
原创 2016-08-16 14:27:19 · 311 阅读 · 0 评论 -
手机端html5触屏事件(touch事件)
touchstart:触摸开始的时候触发touchmove:手指在屏幕上滑动的时候触发touchend:触摸结束的时候触发而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(用来实现多点触控):touches:当前位于屏幕上的所有手指的列表。targetTouches:位于当前DOM元素上手指的列表。changedTouches:原创 2016-07-25 22:34:23 · 12489 阅读 · 0 评论 -
20分钟打造你的Bootstrap站点
基本的HTML模板我们需要以一个基本的HTML模板,这样我们能够把所需要的bootstrap文件包含进来。下面就是我们twitter bootstrap项目的开头,复制这些代码到一个文件中并将其命名为index.html。 head> title>Twitter Bootstrap Tutorial - A responsive layout tutoria原创 2016-07-26 15:24:39 · 1575 阅读 · 0 评论 -
多行文本溢出显示省略号(…)全攻略
掘金是一个高质量的技术社区,从 ECMAScript 6 到 Vue.js,性能优化到开源类库,让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP,技术干货尽在掌握..大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。overflow: hidden;text-原创 2016-07-29 12:56:45 · 5185 阅读 · 0 评论 -
解决UC浏览器、微信浏览器使用display:flex;的兼容性问题
在android平台的uc浏览器和微信浏览器中使用display: flex;会出问题。使用display: flex;的时候需要加上display: -webkit-box;使用flex: 1;的时候要加上:1234-webkit-box-flex: 1;原创 2016-07-27 16:44:12 · 25418 阅读 · 1 评论 -
[require.js插件] text.js异步加载文本资源
text.js是require.js的一个插件,用于异步加载文本资源,如txt、css、html、xml、svg等。安装text.jsbower install requirejs-texttext.js使用在require.js主模块main.js配置text.js路径require.config({ paths: {原创 2016-07-30 19:40:06 · 2327 阅读 · 1 评论 -
【移动端兼容问题研究】javascript事件机制详解(涉及移动兼容)
前言这篇博客有点长,如果你是高手请您读一读,能对其中的一些误点提出来,以免我误人子弟,并且帮助我提高如果你是javascript菜鸟,建议您好好读一读,真的理解下来会有不一样的收获在下才疏学浅,文中难免会有不同程度的错误,请您指正留言 PS:事件阶段一节请看最新博客,之前理解有误javascript事件基础我们的网页之所以丰富多彩并具有交互功能,是因原创 2016-07-30 21:58:31 · 917 阅读 · 0 评论 -
github 上常用的两种工作模式
文章开始前我觉得有必要稍微介绍下GIT. Git --- The stupid content tracker, 傻瓜内容跟踪器。那么怎么理解呢?git首先是一个版本控制工具,这点和常用CVS, Subversion是一样的,而不同的是,他采用分布式版本控制库的方式管理。Git的速度非常快,可以很轻易创建分支,并且非常适合用于大项目,它有着非常出色的代码合并追踪能力,再同时它有很多小工具帮它管原创 2016-07-31 10:38:34 · 903 阅读 · 0 评论 -
用rem来做响应式开发
由于最近在做公司移动项目的重构,因为要实现响应式的开发,所以大量使用到了rem的单位,觉得这个单位有点意思。但是现在貌似用他的人很少。上一篇文章我分享了淘宝写的一篇rem的介绍,介绍的非常全面,但是他们似乎都把关注点放在了字体单位上了,其实rem不只是能应用到字体上面,还可以应用到长度和宽度上面,接下来看下我做的一个项目的首页吧。Demo 由于这个项目我设置了最大的宽原创 2016-07-23 15:09:04 · 2530 阅读 · 0 评论