1.移动端基础 1.1 浏览器现状 国内的UC和QQ 百度等手机浏览器都是根据Webkit修改过来的内核,国内目前尚无自主研发的内核,就像国内的手机系统基本上都是局域安卓修改开发的一样. 意思就是:兼容移动端主流浏览器 处理Webkit内核浏览器即可。 1.2 手机屏幕的现状 移动端设备屏幕尺寸非常 ...
分类:
移动开发 时间:
2020-02-06 12:28:39
阅读次数:
103
一.前提知识 移动端的屏幕尺寸有多种,其中要知道几个知识 物理像素:即设计稿的尺寸 逻辑像素:实体机器的真正像素 下面是我们经常适配的屏幕尺寸 一.rem布局 rem是以根元素字体大小作为参照的布局方式 如下 //以750px设计稿为例,物理像素是375px.设置div宽度为整个容器宽度一半 htm ...
分类:
移动开发 时间:
2020-02-05 20:13:43
阅读次数:
100
1.PC端网页特效 1.1 offset 1.2 offset 与 style 区别 1.3案例:获取鼠标在盒子内的坐标 2.移动端网页特效 1.PC端网页特效 1.1 offset offset 翻译过来就是偏移量, 我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 ...
分类:
Web程序 时间:
2020-02-04 15:32:42
阅读次数:
97
链接地址为 https://mint-ui.github.io/docs/#/en2/loadmore ,这里需要注意引入的方式,我这里是用cdn的方式引入的。请结合官方API阅读本文章。2、在vue中注册对应组件loadmore 具体代码位置如下(也可使用全局注册)123456789101112n... ...
分类:
移动开发 时间:
2020-02-04 14:10:41
阅读次数:
172
工具:hbuilderX 框架:uniapp 项目:公众号(h5)换装小游戏 项目描述:用户通过微信登录公众号简介,然后根据自己的喜爱选择人物头部(脸部表情、帽子)、身体(衣服)、配饰。然后生成海报。用户可通过长按图片将生成的海报保存到自己的手机中。 问题:当时认为这个不是什么问题,因为在uniap ...
分类:
微信 时间:
2020-02-03 14:00:18
阅读次数:
655
分享一种平时用的三段式布局(flex) 主要思路是 上中下 header&footer 给高度 main 占其余部分 html 部分 <div class='wrap'> <div class='header'></div> <div class='main'></div> <div class=' ...
分类:
移动开发 时间:
2020-02-02 23:49:12
阅读次数:
300
vue-cli[2.x]中: 安装 npm install fastclick --save 使用: 在main.js中 :先 import fastClick from 'fastclick' 然后 fastClick.attach(document.body) import Vue from ' ...
分类:
移动开发 时间:
2020-02-02 11:53:37
阅读次数:
87
前言近期有个项目需求,需要用到拖动事件。由于不需要考虑IE8等低端浏览器的兼容性, 所以想到HTML5中的drag事件, 但是发现移动端 android & IOS 并不支持 drag 事件。所有新事物的产生都不是偶然, 所以决定自己去实现一个页面元素的拖动。实现页面元素的主要思路,是通过监听事件(... ...
分类:
移动开发 时间:
2020-02-01 13:01:38
阅读次数:
130
相同点相同点:zepto: 是jquery 的 阉割版 是为移动端开发的库 jQuery的轻量级替代品。文件大小比较小 只有8k左右 ,是目前功能库中最小的一个,尽管不大,zepto 所提供的工具足以满足开发程序的需要,大多数在jquery中常用的API和方法Zepto 都有,Zepto 和API大... ...
分类:
Web程序 时间:
2020-02-01 10:38:52
阅读次数:
97
网上未见针对移动端的浏览器并发数统计,可见的帖子数据全部来自于StackOverflow关于主机浏览器的一篇描述。所以,设计了实验,探测了部分手机浏览器,对同域的并发访问量。以下是实验程序服务端(Java)staticprivatefinalAtomicLongSEQ=newAtomicLong(0);@RequestMapping(value="sleep/{s}",method=GET)pub
分类:
移动开发 时间:
2020-01-31 22:36:36
阅读次数:
107