#1.新建一个Vue项目，并成功运行
vue init webpack mp-demo
#2.目录结构
因为在同一个项目中，分了移动端和PC端，所以我们在入口，页面，路由等地方都要把移动端和PC端区别开来。#3.修改配置文件
先说说我们要修改哪几个文件以及这几个文件的作用，都在build文件夹下：####utils.js
a> 计算资源文件存放路径
b> 生成cssLoaders用于加
转载
2021-02-03 20:12:54
2925阅读
2评论
Vue 移动端、PC 端适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。 &n
转载
2024-02-18 20:23:38
1406阅读
好久没复习js了，今天正好之前的项目要重新写一套移动端的代码，之前的没有做移动端的兼容，故将遇到的问题写在上面：在移动设备应用越来越广泛的今天，许多网站都开始做移动端的界面展示，两者屏幕尺寸差异很大，所以展示的内容也有所差别。于是就遇到一个问题，如何判断你的页面是在移动端还是在PC端打开的，很简单的问题，那我们就简单点来说：Navigator对象 首先来了解一下Navigator 对象，Navi
转载
2023-12-14 11:28:53
190阅读
//判断是手机端还是pc端 function isPc(){ if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser| ...
转载
2021-10-14 14:27:00
504阅读
2评论
function isMobile(){ var sUserAgent= navigator.userAgent.toLowerCase(), bIsIpad= sUserAgent.match(/ipad/i) == "ipad", bIsIphoneOs= sUserAgent.ma...
转载
2015-03-31 16:19:00
417阅读
2评论
一，用vue实现浏览器兼容的目标： 1, 主要为了实现按照设计稿给出的宽度来设计页面， 通常设计稿会给出750px或640px的宽度， 我们在设置页面上元素宽度时要把象素转为rem, 这样实现不管浏览器的宽度是多少， 页面的表现要一致 另外当pc端浏览时，把内容居中显示即可(这个视业务需求定，如pc ...
转载
2021-10-11 12:44:00
667阅读
2评论
相对于PC端来说，移动端设备百花齐放，千奇百怪，对于每一个开发者来说，移动端我们进行开发面对很多问题。
转载
2021-12-10 09:13:29
247阅读
移动端适配相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。在移动端我们经常可以在head标签中看到这段代码：<meta name='viewport' content='width=device-width,initial-scale=1,user-scale=no' />通过meta标签对viewport
原创
2021-05-18 15:45:47
330阅读
Vue.js开发移动端经验总结
转载
2021-08-11 16:54:25
72阅读
相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。
转载
2022-02-25 17:20:30
223阅读
很好的移动端实战经验
转载
2021-07-02 11:45:24
62阅读
相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。
转载
2021-07-16 14:21:07
116阅读
博客上的小精灵看起来很可耐，用了两年了现在才知道用移动端看的话会挡着屏幕，既然知道了就要改进咯。 判断是pc 还是移动端 或者 原文链接： https://www.cnblogs.com/jshare/p/7467023.html
原创
2021-06-03 17:54:57
3607阅读
点击下面 目录标题网页 head 部分<!-- 禁止缩放 -->
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />公共 js 部分//提取非行间样式
function getStyle(obj,attr)
{
if(obj.current
转载
2023-07-22 19:20:02
70阅读
M站、h5、PC端、移动APP等这些都是前端开发最长接触到的，今天我就大概的聊一聊他们吧！ M站：M站一般是指手机网页端的页面，也就是mobile移动端 H5：H5，是HTML5的简称，他是一种高级的网页技术，最大的优点之一就是在移动设备上支持多媒体。我们平时看到的邀请函、幻灯片、小游戏......都是H5网页，他跟我们平时上网看到的那些网页本质上没有任何区别 pc端：PC全
转载
2023-07-06 13:48:26
1844阅读
在学习Vue的过程之中，我发现不管是 BAT 大厂，还是创业公司，Vue 都有着广泛的应用，而且框架层出不穷，学习文档也越来越多，Vue也越来越受欢迎。下面是我整理的 Vue PC端和移动端的UI框架，建议收藏，方便以后学习的时候拿出来查看。Vue PC端框架1. Element中文文档：http://element-cn.eleme.io/#/zh...
原创
2022-04-24 00:23:23
1566阅读
1评论
在学习Vue的过程之中，我发现不管是 BAT 大厂，还是创业公司，Vue 都有着广泛的应用，而且框架层出不穷，学习文档也越来越多，Vue也越来越受欢迎。下面是我整理的 Vue PC端和移动端的UI框架，建议收藏，方便以后学习的时候拿出来查看。Vue PC端框架1. Element中文文档：http://element-cn.eleme.io/#/zh...
原创
2021-07-28 11:12:35
2443阅读
// 在server字段添加if ( $http_user_agent ~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){ rewrite ^/(.*)$ https://demo.demo.cn redirect;}
原创
2021-06-30 16:30:04
718阅读
// 在server字段添加if ( $http_user_agent ~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){ rewrite ^/(.*)$ https://demo.demo.cn redirect;}
原创
2022-03-29 14:34:48
292阅读
一、前端项目角色简称PM产品经理（Project Manager），项目主管或项目经理RD研发（Research and Development）CRD客户端；移动端（client Research and Development）FE前端（Front-End）；前端开发（Frond-End Development）QA测试（QUALITY ASSURANCE,中文意思是“质量保证”）UE用户体验
转载
2023-10-26 14:09:58
79阅读
