Vue 移动端、PC 端适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。 &n
转载
2024-02-18 20:23:38
1406阅读
在学习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阅读
## Vue支持PC和移动端架构
Vue是一个流行的JavaScript框架，用于构建用户界面。它的灵活性和易用性使得它成为开发者们的首选。Vue不仅支持PC端，还可以轻松地应用在移动端开发中。在本文中，我们将介绍Vue如何支持PC和移动端架构，并提供相应的代码示例。
### PC端架构
在PC端开发中，通常会使用Vue的组件化架构来构建页面。每个页面可以拆分成多个组件，每个组件负责不同的功
原创
2024-04-27 04:12:40
245阅读
vue项目pc端和移动端适配1、pc端适配一、样式中根据设计稿确定缩放比例（可以设置全局或者部分页面）二、监听窗口大小改变，设置根字体大小 created() {
// 获取当前设备的宽度，设置rem的根字体大小
let width = window.innerWidth;
width = width <= 1200 ? 1200 : width;
const htmlObj = d
转载
2024-05-21 10:54:56
2691阅读
Windows server上用nginx部署vue3项目一、Node中node_modules文件夹及package.json文件的作用说明二、VUE3项目打包三、Windows Server上的Nginx部署 一、Node中node_modules文件夹及package.json文件的作用说明node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹，更多细节请见以下链
#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评论
M站、h5、PC端、移动APP等这些都是前端开发最长接触到的，今天我就大概的聊一聊他们吧！ M站：M站一般是指手机网页端的页面，也就是mobile移动端 H5：H5，是HTML5的简称，他是一种高级的网页技术，最大的优点之一就是在移动设备上支持多媒体。我们平时看到的邀请函、幻灯片、小游戏......都是H5网页，他跟我们平时上网看到的那些网页本质上没有任何区别 pc端：PC全
转载
2023-07-06 13:48:26
1839阅读
一、前端项目角色简称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阅读
vue项目移动端、pc端适配方案vue项目移动端、pc端适配方案lib-flexible 根据屏幕宽度，自动设置html的font-sizepostcss-px2rem 自动将px单位转换成rem一、第一步先安装 flexible和 postcss-px2rem(命令行安装)npm i lib-flexible -S
npm i postcss-px2rem -S简要介绍这两个包的用途：fle
转载
2024-10-29 09:01:28
1853阅读
# 如何实现“jQuery PC 移动端”
## 介绍
在如今移动设备的普及程度越来越高的情况下，为了提供更好的用户体验，很多网站都需要对PC端和移动端进行适配。使用jQuery可以很方便地实现这个功能，本文将介绍如何使用jQuery实现PC端与移动端的适配。
## 流程
下面是实现“jQuery PC 移动端”的整个流程：
| 步骤 | 描述 |
| --- | --- |
| 1 | 引
原创
2023-11-24 09:15:29
131阅读
1、兼容性方面 移动端：主要是不同终端分辨率问题 PC端 ： 主要在浏览器不同内核兼容性上问题2、布局方面 移动端：移动端除了不同型号终端的分辨率问题还有同一终端的横屏竖屏处理，总体就是响应式布局（自适应布局） PC端 ： 通常有
转载
2023-07-14 18:16:34
425阅读
好久没复习js了，今天正好之前的项目要重新写一套移动端的代码，之前的没有做移动端的兼容，故将遇到的问题写在上面：在移动设备应用越来越广泛的今天，许多网站都开始做移动端的界面展示，两者屏幕尺寸差异很大，所以展示的内容也有所差别。于是就遇到一个问题，如何判断你的页面是在移动端还是在PC端打开的，很简单的问题，那我们就简单点来说：Navigator对象 首先来了解一下Navigator 对象，Navi
转载
2023-12-14 11:28:53
190阅读
1.PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配，和不同操作系统的略微差异化。2.在部分事件的处理上，移动端多出来的事件是触屏事件，而缺少的是hover事件。 另外包括移动端弹出的手机键盘的处理，这样的问题在PC端都是遇不到的。3.在布局上
转载
2023-11-25 15:05:27
93阅读
PC端和移动端的区别你知道吗？截至2015年11月，中国手机上网用户数已超过9.05亿，软件移动化成为一种趋势，移动产品经理成为了产品经理的一个重要分支，那么对于移动端和PC端到底有什么区别呢？在设计过程中有什么差异？下面我们逐一分析。一、PC端与移动端区别有人说手机端无非就是PC端的移植，功能设计照搬就行了，这是对于移动设计最大的误解，其实PC端与移动端是千差万别的。操作方式PC端的操作方式与移
转载
2024-02-08 06:05:57
126阅读
一. 移动端适配1.安装两个插件库 lib-flexible和px2rem-loader flexible.js是淘宝官方H5移动适应解决方案 px2rem会在项目编译的过程中根据根结的font-size值将我们项目css中的px单位转成rem， 其中不需要转成rem的可以写成PX ，UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,
转载
2024-04-19 15:21:15
524阅读
cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；better-scroll ：可能是目前最好用的移动端滚动插件;fastclick：解决移动端click 300ms延迟vConsole：手机前端开发调试利器&nbs
负责一个项目pc端的，再上线以后呢，想兼容移动端。用同一套页面 1.方法1 定义视口窗口，简单，可以在手机上看到一个缩小版的pc端
原创
2022-07-06 11:50:40
847阅读
关于移动端屏幕适配的文章网上有很多，大部分都写的很好，而本文是我自己观摩各路大神的文章后的小小总结。flexible方案说到移动端适配，总不免会提到阿里的flexible方案。对于flexible，我总结出以下几点：使用rem实现等比缩放：使用js动态设置html标签的font-size将屏幕宽度按10rem进行计算html标签的font-size为了以后vh、vw兼容计算非常麻烦，生产中要使用c
对于现在的移动端设备的普及，移动端上的用户体验成了一个重要的关注点。看了一些网上的关于移动端的交互和用户体验的知识，这里总结了一些。若有不足的地方，希望大家能够积极补充。 PC端和移动端的产品的设计区别屏幕与适配的问题考虑；操作系统（windows，mac，android，iOS等）的区别；网络环境（并不是每一个移动端设备随时随地都有网络）；使用场景（站着，坐着，躺着，蹲着，趴着，走着等
转载
2023-10-01 09:26:55
24阅读
