移动端开发
文章平均质量分 56
土家稀哥
一花一世界,一码一人生,谓之程序人生。 渐渐老去,曾经的梦想,像堆栈一样,被房子死死地压在最下面,不知道何时才能pop. 但是,始终不会把这堆栈改造成队列,让梦想被挤出去,随风逝去。
展开
-
移动端开发的简单适配方案
现在是移动端的天下啊,但是在做移动端开发的时候会遇到很多坑,适配是必须要做的,这里总结一下自己平时写移动端页面的两种简单处理办法,希望能够帮到大家:第一种:利用js来计算不同设备中的文字大小var deviceWidth = document.documentElement.clientWidth;if(deviceWidth > 640) deviceWidth = 640;docu原创 2017-06-07 20:59:18 · 757 阅读 · 0 评论 -
移动端样式小技巧
一、line-heightline-height经常用于文字居中,当然也有小伙伴会用上下padding去写.but!不管你用padding还是line-height,不同手机显示效果还是...不一样。一般会这样写.demo{ height:16px; line-height:14px; font-size:9px; border:1px so转载 2017-06-09 10:12:38 · 153 阅读 · 0 评论 -
移动端字体选择
今天突然设计师问我移动端字体改勇什么好?我当时一懵逼都不知道说啥了,貌似我每次做移动端页面从来都没有管过字体呢,后来想想以及结合一些资料才解释清楚。移动端如果用css3 @font-face把字体放到服务器上,则会有加载请求,需要耗费流量,不过有特殊需求这也是一种解决办法。首先来看看目前市面上的主流系统默认字体ios系统默认字体默认中文字体是Heiti SC默认英文原创 2017-07-14 14:28:29 · 5406 阅读 · 0 评论 -
移动端页面在ios中图片不显示
在移动端开发中,有的时候可能遇到这样的问题,我从别人网站上下载下来的图片,然后做出H5页面,但是在浏览器中和android中都显示正常,可是一到ios中图片就不显示了,这个时候就需要注意了,可能是图片的格式问题导致ios中不认识,比如我从网上下载的图片保存到电脑中不能预览的图片就是这种。在计算机中打开预览图片显示如下:这样的图片在ios中就不显示,解决办法很简单,就是在下载原创 2017-09-07 15:39:17 · 23301 阅读 · 0 评论 -
移动端开发的一些小技巧
1.常用的meta标签 // 文档宽度调整为设备宽度并且不允许用户缩放浏览 // 在ios设备上允许全屏浏览 // ios设备中safari顶部的状态条样式原创 2017-11-12 09:31:13 · 473 阅读 · 0 评论 -
js调用原生android应用的方法
目前混合应用开发也在前端这块中有一定的应用范围了,但是js与app的交互就是需要解决的最主要问题了,下面写了简单例子来说明js如何条用app的方法,以android为例:首先,新建一个android工程,在工程中新建一个和js交互方法的类,如下:里面有一个方法hello来获取js传递来的参数,并作出相应的操作。其次,在布局文件中加入webview来显示网页,如下:再次,在主程序中加入以下代码:最后...原创 2018-04-24 15:47:29 · 23690 阅读 · 1 评论 -
移动前端知识汇总
本篇文章主要针对前端样式的一些总结,至于适配方面的我想大家已经听了很多方法了,这里就不在重复了。最近以来一直在做移动端的一些活动页面,其中最主要的一些问题就是样式的统一,但在这个过程中也遇到很多问题和难题,先总结如下:一、meta标签<!-- 字符集meta标签 --><meta charset="UTF-8"><!-- 视口,这个meta标签很重要,做适配时所必...原创 2018-06-06 15:30:49 · 553 阅读 · 0 评论 -
iscroll上拉加载更多下拉刷新
项目中需要用到滚动,本想自己写,但总会有一些大bug,最后不得不采用iscroll来做,不过这个做起来还真是方便,效果图如下:这个是最终的项目效果图,下面贴出代码供大家参考:注意:所贴代码并不是上面的全部代码,经过修改过后的结构:<div id="wrapper"> <div id="scroller"> <div id="pullDown"> &转载 2018-07-03 17:40:15 · 2054 阅读 · 0 评论 -
Flutter初体验
最近flutter很火,但目前的flutter也是才刚开始,或许后面会和fuchsia一起称霸世界吧,今天就来看看这个fullter到底怎么样,来个初体验。首先是flutter的官网:https://flutter.io/中文官网:https://flutterchina.club/一、环境搭建在开始之前希望大家可以先把android开发环境搭建好,如果没有搭建的请移步google...原创 2018-08-01 10:53:39 · 2520 阅读 · 0 评论