Ionic 创建项目 Ionic简介 Ionic是一个开源的移动应用程序开发框架，它可以轻松地使用web技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用，混合app web页面。 Ionic4目前已经发布了基于Angular的正式版本，对 React ...
分类：
其他好文 时间：
2020-03-16 12:38:48
阅读次数：
78
1、click300ms延迟？ fastclick可以解决在手机上点击事件的300ms延迟 zepto的touch模块，tap事件也是为了解决在click的延迟问题 触摸事件的响应顺序为 touchstart --> touchmove --> touchend --> click,也可以通过绑定o ...
分类：
移动开发 时间：
2020-03-16 12:31:16
阅读次数：
306
移动端事件有哪些： 触摸事件 手势事件 传感器事件 （后面两个兼容性不怎么样，因此重点就是触摸事件） 触摸事件： touch 事件 pointer 事件 （PC端可能会使用jQuery做动画，移动端一般不会，基本都是使用css3做动画） ontouchstart （必须在元素内部才能触发） onto ...
分类：
移动开发 时间：
2020-03-15 22:38:39
阅读次数：
107
在处理移动端页面时，我们有时会需要将 banner 图做成与屏幕等宽的正方形以获得最佳的体验效果，如 Flipbord 的移动页面： 那么应该怎么使用纯 CSS 制作出能够自适应大小的正方形呢？ 方案一：CSS3 vw 单位 CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vm ...
分类：
Web程序 时间：
2020-03-15 09:20:57
阅读次数：
80
px % em （ font-size的值就是 1em，如果自身没有设置font-size，则去找父元素的；常用于 text-indent:2em 来缩进两个字符 ） rem（html的font-size的大小，就是1rem ；rem是相对于根元素<html>，即rem继承的是html的font-s ...
分类：
移动开发 时间：
2020-03-14 22:06:05
阅读次数：
78
rem是根本根元素，也就是html的字体大小来计算被定义元素的大小，而根元素的字体大小取绝于屏幕宽度，相应的JS代码： (function (doc, win) { var fs = document.body.clientWidth / 750 * 28; fs = fs > 24 ? 24 : ...
分类：
移动开发 时间：
2020-03-14 19:54:31
阅读次数：
67
单行截断 此方法兼容到ie6过。不过只能单行。 多行截断 此方法webkit私有，并且使用flex布局，只得在移动端和高版本 webkit 系列浏览器使用。 多行截断2 利用浮动元素特性模拟最后的省略号。 兼容性好，对各大主流浏览器有好的支持。 响应式截断，根据不同宽度做出调整。 文本超出范围才显示 ...
分类：
Web程序 时间：
2020-03-14 18:18:28
阅读次数：
71
前言 // 随着现在移动端技术的突飞猛进，导致现在市场上，APP应用数不胜数，那对于测试工程师而言，对于APP的测试，那基本就是一个必修课了。 今天，我就来给大家介绍一下，adb 连接 Android 手机的两种方式。 1 USB线连接手机 1、先使用USB线，连接PC和手机 2、通过PC给手机安装 ...
分类：
移动开发 时间：
2020-03-14 15:09:40
阅读次数：
83
相信对于前端攻城狮来说Iscroll.js,大家并不陌生，lite版本只有24kb。但可以解决 1、position:fixed在IOS端的兼容性问题 >移动端viewport可以理解为一个放大镜，滑动页面就相当于在移动这个放大镜，页面的位置并没有变。 >position:fixed将元素固定在页面 ...
分类：
Web程序 时间：
2020-03-13 20:23:56
阅读次数：
68
文章参考： "菜鸟教程" 请务必信任脚本！ Foundation 使用浏览器默认字体大小 (font size:100%)。对于大多数桌面浏览器来说，字体默认为 16px。对于大多数移动端浏览器来说，字体默认为 12px。默认的字体为 "Helvetica Neue"， line height 默认 ...
分类：
其他好文 时间：
2020-03-13 11:34:07
阅读次数：
56
