移动云主题的文章列表，还有移动云的技术要点_第31页

移动端下拉刷新头实现原理及代码实现

下拉刷新实现原理实现下拉刷新主要分为三步：监听原生touchstart事件，记录其初始位置的值，e.touches[0].pageY；监听原生touchmove事件，记录并计算当前滑动的位置值与初始位置值的差值，大于某个临界值时，显示下拉刷新头，并将页面的overflow属性，设置为false；监听原生touchend...

代码星球 ·2020-04-08

移动端常见BUG

Q:当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。A:根本原因是-webkit-tap-highlight-color，这个属性是用于设定元素在移动设备（如Adnroid、iOS）上被触发点击事件时，响应的背景框的颜色。建议写在样式初始化中以避免所以问题：div,i...

代码星球 ·2020-04-08

移动端前端笔录

最近一直在整理一些做移动端时遇到的问题，现在把他们列在一起，方便收藏查找：1、关闭iOS键盘首字母自动大写IOS的机子，默认英文输入法状态下，首字母是自动大写的，有时候挺烦人的。我们写页面的时候有没有办法把这个自动大写关闭呢？autocapitalize的属性可以实现：在iOS中，默认情况下键盘是开启首字母大写的功能的...

代码星球 ·2020-04-08

移动端网站开发常见问题解决【知识点】

安卓浏览器看背景图片，有些设备会模糊因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，安卓手机devicePixoRadio比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况下都是2倍的），或者指定background-size:contain;都可...

代码星球 ·2020-04-08

vue移动端弹框组件，vue-layer-mobile

最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿layer-mobile的，很多用法都一样，可以看看哦！　　一、npm 安装// 当前最新版本 1.2.0 ...

代码星球 ·2020-04-08

Vue移动端报错[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.

解决方法如下项目方案：在最外侧添加样式操作 ....

代码星球 ·2020-04-08

移动前端开发之viewport的深入理解

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示...

代码星球 ·2020-04-08

vue-cli3.0结合lib-flexible、px2rem实现移动端适配，完美解决第三方ui库样式变小问题

公司最近做的一个移动端项目从搭框架到前端开发由我独立完成，以前做移动端适配用的媒体查询，这次想用点别的适配方案，然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案，开发过程中也遇到一些坑，自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案。搭建可以参考我的另一篇文章v...

代码星球 ·2020-04-08

vue-cli配置移动端自适应flexible.js

第一部分：项目中引入lib-flexible一、项目中安装lib-flexiblenpminstalllib-flexible--save-dev二、在项目入口文件main.js中引入lib-flexibleimport'lib-flexible/flexible.js'三、在项目根目录的index.html头部加入手...

代码星球 ·2020-04-08

移动端 1px 像素边框问题的解决方案（Border.css）

前言关于什么是移动端1像素边框问题，先上两张图，大家就明白了。解决方案将以下代码放在border.css文件中，然后引入常用classNameborder:整个盒子都有边框border-top:上边框border-right:右边框border-bottom:...

代码星球 ·2020-04-08

鼠标移动到图片上图片逐渐变大、变清晰（带有过渡效果）

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>鼠标移动到图片上图片逐渐变大、变清晰（带有过渡效果）</title><styletype="text/css">div{widt...

代码星球 ·2020-04-08

移动端meta

<metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=no"/><metaname="apple-mobile-web-app-capable"c...

代码星球 ·2020-04-07

电脑移动后WIFI连接失败解决方法

1、现象原因经常会发现将自己的电脑带到不同的地方后连接附近WIFI失败的现象，这是什么原因造成的了，觉得明明之前还有连过这个无线，密码都是正确的，无线连接的图标显示一个大大大的感叹号！像下面一样。其实这是因为你的电脑在不同的地方连接了WIFI，本地缓存了其他无...

代码星球 ·2020-04-07

移动WEB开发基础入门

什么是移动WEB开发，我个人理解就是，将网页更好的显示在移动端的一些设置，简单来说就两点如下：1、流式布局，即百分比自适应布局将body下的div容器的样式设置如下：div{width:100%;} 2、viewport视口在head标签中，添加如下：<metaname="viewport"...

代码星球 ·2020-04-06

5个用于移动开发的最流行数据库

5个用于移动开发的最流行数据库　　嵌入式数据库是轻量级的，独立的库，没有服务器组件，无需管理，一个小的代码尺寸，以及有限的资源需求。目前有几种嵌入式数据库，你可以在移动应用程序中使用。让我们来看看这些最流行的数据库。数据库　　数据类型存储License支持平台BerkeleyDBrelational,objects,k...

代码星球 ·2020-04-06