<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 其中 width:viewport 的宽度,可以 ...
分类:
移动开发 时间:
2020-04-28 15:16:23
阅读次数:
65
1.下载lib-flexible,并在main.js中引用 npm i lib-flexible --save 2.安装自适应插件 npm i postcss-pxtorem --save 或 npm i postcss-px-to-viewport --save 3.修改vue.config.js ...
分类:
移动开发 时间:
2020-04-28 13:08:53
阅读次数:
148
1.github地址:https://github.com/youzan/vant 2.安装:npm i vant -S 安装完成后,会在项目的package.json文件中显示vant插件,如下: "dependencies": { "animate.css": "^3.7.2", "moment ...
分类:
移动开发 时间:
2020-04-28 09:50:17
阅读次数:
248
一、项目初始 1、工具安装和环境搭建 node.js、npm、mongodb 编辑器:VScode 2、项目初始化 项目分为三个部分,分别是移动端界面、后台管理界面和node.js开发的整体的服务端 3、搭建项目 npm i -g @vue/cli mkdir server npm init -y( ...
分类:
移动开发 时间:
2020-04-28 00:49:03
阅读次数:
256
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 企业微信移动端项目中有需求要展示数据趋势的可视化图表,经过调研,最终决定以单页面 H5 来完成,对 APP 里的一些使用 H5 实现的功能模块,一般体验都比原生差,那么怎么提高h5加载速度?优化 h5 体验? 适用场景:需要快速迭代、客户端 ...
分类:
移动开发 时间:
2020-04-28 00:08:09
阅读次数:
90
Vue CLI3 移动端适配 【px2rem 或 postcss-plugin-px2rem】 今天,我们使用Vue CLI3 做一个移动端适配 。 前言 首先确定你的项目是Vue CLI3版本以上的。 一、移动端适配包 1、安装移动端适配包 npm i lib-flexible -S 2、在mai ...
分类:
移动开发 时间:
2020-04-27 13:05:15
阅读次数:
73
我的博客原文地址:原文地址 如果文章对您有帮助,您的star是对我最好的鼓励~ 简要介绍:前端开发中,静态网页通常需要适应不同分辨率的设备,常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发,分析了px在移动端布局中的不足,接着介绍了几种不同的自适应解决方案。 px和 ...
分类:
其他好文 时间:
2020-04-27 09:56:49
阅读次数:
73
之前开发过几个移动端的项目,经常会遇到莫名其妙的bug,现在有空就一一记录下,避免下次遇到时 毫无头绪。 H5在ios上把某些数字变色 造成的原因: safari总会把长串数字识别为电话号码,文字变成蓝色,点击还会弹出菜单添加到通讯录。 解决的办法: safari有个私有meta属性可以解决这个问题 ...
分类:
移动开发 时间:
2020-04-26 21:07:27
阅读次数:
85
样式重置 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, sam ...
分类:
移动开发 时间:
2020-04-26 13:53:42
阅读次数:
533
开始 之前写的个人博客确实有点太丑了,最近重写了一番。做了移动端适配,增加了文章标签以及做了相册等功能。看着很不错。talk is cheap,show me you code。一图胜千言,且看如下效果: 个人博客地址:http://www.baijiawei.top 项目GitHub地址:http ...
分类:
其他好文 时间:
2020-04-26 01:38:06
阅读次数:
60