使用vue心得,聊聊vue
原创 2022-10-28 16:27:48
237阅读
项目实战一、flexible.js库作用flexible是淘宝推出弹性布局方案,可以解决移动设备适配问题功能添加<meta>标签,并动态改写 <meta> 标签给 <html> 元素添加 data-dpr 属性,并且动态改写 data-dpr 值给 <html> 元素添加 font-size 属性,并且动态改写 font-size 值flex
转载 2023-11-01 19:56:30
167阅读
配置 flexible安装 lib-flexible1.在命令行中运行如下安装:npm i lib-flexible --save2.在项目
转载 2023-01-03 15:05:51
325阅读
配置 flexible安装 lib-flexible1.在命令行中运行如下安装:npm i lib-flexible --save2.在项目入口文件 main.js 里 引入 lib-flexible引入 li
转载 2023-01-03 15:05:51
534阅读
开源项目下载地址vue-element-admin    https://github.com/PanJiaChen/vue-element-admin1.pc项目,最好选择是ElementUI。(pc)官网地址:http://element-cn.eleme.io/#/zh-CN  github地址:https://github.com/ElemeFE/element
此案例使用vue2@vue/composition-api,大部分代码来自 https://juejin.cn/post/6909252620741787656 此案例根据用户屏幕宽度自适应为宽度100% vue和pdfjs版本 "vue": "^2.6.12", "pdfjs-dist": ...
转载 2021-10-19 11:48:00
1188阅读
2评论
一句命
原创 2022-09-09 08:44:04
353阅读
先来看一波效果图 初始化项目1、在安装了node.js前提下,使用以下命令npm install --g vue-cli2、在将要构建项目的目录下vue init webpack myproject(项目目录名称)一路回车如下中间会让选择ESLint进行项目代码风格检查,为了美观和效率,可以开起来,vue-router用起来,红框框中两个测试,不要也罢,后面是问要使用哪个进行inst
转载 7月前
40阅读
前言  现在移动大势所趋,凡是项目势必都会有移动需求,那么今天就来讲讲移动开发吧。  当今android、ios开发,如果组建原生开发团队来开发的话,费用还是很大,而且现在不少android应用也都是结合html来进行开发。  最近阿里也顺势推出了weex,我还没去体验,不过按照阿里以往尿性,当初推出kissy时也是号称各种牛逼烘烘技术,结果开发过程当中却出现了各种各样坑,
文章目录项目准备安装 amfe-flexible安装 第三方插件 postcss-pxtorem配置vue.config.jsreset.css 重置样式
原创 2022-12-21 21:47:13
7449阅读
vue项目pc移动适配1、pc适配一、样式中根据设计稿确定缩放比例(可以设置全局或者部分页面)二、监听窗口大小改变,设置根字体大小 created() { // 获取当前设备宽度,设置rem根字体大小 let width = window.innerWidth; width = width <= 1200 ? 1200 : width; const htmlObj = d
1、增加移动适配标签|<meta name="viewport" content="width=device-width,initial-scale=1.0
原创 2022-07-22 10:08:15
72阅读
1.更改 index.html <meta>属性<meta name="viewport" content="width=device-width,initial-scale=1.0, mi
原创 2022-06-21 20:04:20
66阅读
# 在iOS设备上查看Vue移动项目的完整指南 随着移动互联网快速发展,越来越多开发者选择使用Vue.js构建移动友好应用。如果你Vue项目已经完成,想在iOS设备上进行测试,可能会遇到一些实际问题。本文将为您提供一个详细指南,帮助您在iOS设备上查看Vue移动项目,解决实际问题并提供示例代码。 ## 一、准备工作 在开始之前,请确保您已完成以下准备工作: 1. **安装No
原创 8月前
50阅读
vue移动模板tip:1、ui我们使用是vux,庆幸是,解决了打包过大问题,2、这里使用是rem布局,移动还是要使用ipad和不同尺寸手机3、版本:webpack:3.6.0  vue:2.5.2  vue-loader:13.3.0  vux:2.8.1 vux-loader:1.2.7 版本很重要,版本很重要,版本很重要,vue及生态更新太快,控制好
概述如何用vue移动自定义开发?下面这个例子希望能给到你帮助移动demo说明这次我们推出了5大功能。通过底部菜单即可切换不同页面。门户效果图         功能说明kintone内搜索实现kintone内用户,应用,空间,主题等全文检索。图表BI通过echarts来绘制图表,数据全部来自于内部应用,实时展示关注数据。通过轮播可以
本文章仅仅是对日常项目开发移动常见2个场景(横屏与竖屏)使用,更多知识点请参考官网文档一、手机全屏滚动1、效果图2、具体代码自己看了<template> <!--定义外层--> <div class="wrapper" ref="wrapper"> <!--定义需要滚动内容区域--> <ul class="content">
原创 2021-06-15 16:04:48
518阅读
【饿了么】—— Vue2.0高仿饿了么核心模块&移动Web App项目爬坑(一) 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要知识点。这一篇主要介绍:项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标      
转载 2023-08-22 11:38:53
397阅读
安装vue-cli npm install -g vue-cli 安装完脚手架 cmd 进入项目目录 C:\Users\Administrator>E: E:\>cd E:\vue E:\vue>vue create move-demo 以上报错 执行 npm install -g @vue/cli
转载 2020-02-26 16:44:00
118阅读
2评论
第6章 移动开发-体检预约1. 移动开发1.1 移动开发方式随着移动互联网兴起和手机普及,目前移动应用变得愈发重要,成为了各个商家必争之地。例如,我们可以使用手机购物、支付、打车、玩游戏、订酒店、购票等,以前只能通过PC完成事情,现在通过手机都能够实现,而且更加方便,而这些都需要移动开发进行支持,那如何进行移动开发呢?移动开发主要有三种方式:1、基于手机API开发(原生AP
  • 1
  • 2
  • 3
  • 4
  • 5