Webpack+Vue-router的架构方式Vue-cli安装省略（vue-cli搭建）ElementUI库（pc端）的引用（见下文）打包（项目完成后打包放服务器）在项目目录下运行 npm run build 运行完成之后会在项目里面增加一个dist的目录，直接把这个目录丢给服务器就好了，dist目录的名字可以自定义在配置文件里面 上面1、2项完成好后，在命令框
Windows系统一、先下载node.js，为了之后可以使用npm命令下载第三方包下载地址：建议安装LTS版本Download | Node.js二、安装淘宝镜像（因为经常下载第三方包速度比较块-节省时间）（设置淘宝镜像：大家都知道国内直接使用 npm 的官方镜像是非常慢的，所以这里推荐使用淘宝 NPM 镜像。）使用管理员身份打开cmd，在打开的命令行界面输入：三、接着安装vue和vu
本文简单介绍一下vue项目移动端的rem适配准备。首先移动端肯定用的是vant组件库，在开发移动端之前，通常要做好rem适配，当然也可以的vw适配，这里简单介绍一下rem适配。首先看一下vant官网上的介绍需要这两个插件：步骤一：安装 npm i amfe-flexible步骤二：引用 （在main.js里面引用一下下）import 'amfe-flexible'步骤三：看效
转载
2024-04-07 13:07:12
635阅读
由于内容较多，我将其分为了里两部分：Vue3较Vue2的更新内容（一）>>>18、按键修饰符变更vue3将不再支持使用数字 (即键码) 作为 v-on 修饰符，不再支持 config.keyCodes 在 Vue 2 中，keyCodes 可以作为修改 v-on 方法的一种方式。<!-- 键码版本 -->
<input v-on:keyup.13="submit
vuejs实战——PC端一、项目使用资源整合1、使用vue-cli脚手架工具搭建2、使用UI框架——elementUI二、使用vue-cli创建项目全局安装 vue-cli（$ npm install –global vue-cli）创建一个基于webpack模板的新项目（$ vue init webpack 项目名称）进入项目目录（$ cd 项目名称）安装依赖（$ npm install）运行项
转载
2024-09-06 16:12:53
155阅读
VUEvue是一套前端框架，免除原生的js的DOM操作，简化书写基于MVVM（model-view-viewmodel）思想，实现数据的双向绑定，将编程的关注放在数据上。什么是框架：框架相当于一个半成品，是一套高效的代码模板，基于框架开发更加的高效VUE数据绑定模型：model层中存在着对数据的处理，view说白了就是html界面，两者通过桥梁（viewmodel）进行双向绑定，数据发生变化，页面
MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewM
文章目录先用官方的命令，新建一个nuxt项目改造目录在根目录新建src文件夹，将文件夹都剪切到src中，配置nuxt.config.js配置router.js配置eslint项目迁移安装插件配置别名文件迁移配置插件（我们自己封装的install插件）配置环境，以及不同的环境下打包到不同的目录修改package.josn里面的命令修改nuxt.config.jsnuxtjs中使用高德地图nuxt.
转载
2024-10-11 14:08:16
247阅读
黑马面面(vuePC端项目)主要就是后台管理系统01-项目创建:01-1、就跟之前一样,安装脚手架(前面也有写也都做过,这里粗略写一下) a.参考地址:https://cli.vuejs.org/zh/guide/installation.html &nb
使用lib-flexible和px2rem实现移动端和PC端界面适配注释：lib-flexbles是由阿里团队很早提出解决屏幕分辨率适配的问题、现已不被推荐（因为目前比较主流的适配方案是使用vw和vh的方式进行适配）、lib-flexble是根据屏幕的大小自动分配对应的font-size大小，px2rem是将项目中所书写的所有px单位转换成rem单位。 故当前所使用的适配方案其根本用的还是rem实
转载
2024-09-11 07:26:11
751阅读
作者：清风皓月一.涉及技术点vite版本vue3ts集成路由集成vuex集成axios配置Vant3移动端适配请求代理二.步骤vite+ts+vue3只需要一行命令npm init @vitejs/app my-vue-app --template vue-ts配置路由npm install vue-router@4 --save在src下新建router目录，新建index.ts文件import
有关于移动端的适配布局一直以来都是众说纷纭，对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着viewport单位越来越受到众多浏览器的支持，因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。到目前为止不管是哪一种方案，都还存在一定的缺陷。言外之意，还没有哪一个方案是完美的。事实上真的不完美？其
上一次认真的学习使用Vue已经是四月份的事了，当时只是简单的就像使用jQuery一样，直接引入页面，没有使用任何组件、路由，写了个cakeroom的小demo，感兴趣的可以去看下： 这次就更加深入的学习如何使用vue-cli，去组件化的开发一个项目；以及如何使用路由vue-router，完成页面之间的跳转；还有vuex如何管理页面之间需要交互的全局数据；如何使用vue-resource跨域请求，
文章目录⭐️ 前端开发工具和环境准备? 什么是 “IDE”? 前端开发IDE⭐️ "VS Code"的下载安装? 下载VS Code? 安装VS Code⭐️ "VS Code"的简单配置? VS Code的中文设置? VS Code更改颜色主题? VS Code更改字号大小? VS Code的快捷键 工欲善其事必先利其器，一款好的开发工具可以让我们事半功倍。今天我们就来认识一下前端开发工作中使
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阅读
目录 一.网页开发1.Vue、React 和 Angular2.jQuery3.响应式开发二.小程序1.微信小程序原生开发2.uni-app3.Taro4.云开发三.移动端1.Native App2.Hybrid App主流开发框架有：1.RN（React Native）2.Flutter四.桌面端1.Electron五.其他技术1.TypeScript2.前端工程化3.算法，设计模式4
前言在移动端页面开发过程中避免不了对页面做适配，适配方案说多还是挺多的，接下来主要讨论一下rem和em。兼容性ios：6.1系统以上都支持android：2.1系统以上都支持大部分主流浏览器都支持，可以安心的使用~一、remrem是基于页面根元素html字体大小来设置，例如给html元素设置font-size: 30px; p元素的font-size: 0.5rem;可以使用geComputedS
vue项目移动端、pc端适配方案vue项目移动端、pc端适配方案lib-flexible 根据屏幕宽度，自动设置html的font-size
postcss-px2rem 自动将px单位转换成rem
一、安装 lib-flexible和 postcss-px2remnpm i lib-flexible -S
npm i postcss-px2rem -S简要介绍这两个包的用途：lib-flexi
转载
2024-04-04 11:38:14
1538阅读
做移动端，最重要的是适配和兼容性问题，兼容性暂且不说，只聊聊适配问题，虽然网上文章有很多。1、我们所能看到的。移动端的viewport(设备展示页面的区域)分为三种layout viewport：大于设备屏幕的浏览器可视区域 。ps蓝色代表layout viewport 2.visual viewport：在设备屏幕上看到浏览器的大小。个人理解为上图红色框部分。3. ideal vie
vue动态绑定多个样式在项目开发的过程中遇到这样一个需求：有一个节点的状态的显示，使用了element的时间线的组件，但是这个节点的状态有十几种，不同的状态有不同的显示方式，也就是说动态绑定样式。1、一开始的想法这原本不复杂，但是由于样式太多（十几种），一堆都写在标签内的话，代码非常的不美观，因此想用一个好一点的方式去实现。 使用:style="{color:item.color}"遍历的方法动态
