背景在一pc端的web项目里,由于某些特性需要由动态语言处理,所以只在有需要使用vue来处理数据的页面,直接引入vue.js来处理。由于刚开始并没有打算使用前端来渲染数据和处理交互,所以使用了一些非vue的ui和插件,导致后来冲突坑点不少。非vue模块化下使用vue,虽然不能import vue文件,使用组件方式也有点恶心,但处理一些事情还是不错的。使用formdata提交表单数据先上代码&nbs
转载
2024-04-24 19:25:43
579阅读
1.静态布局:布局特点:宽高固定 2.自适应布局:布局特点:不同分辨率下,页面元素位置变化,大小不变 实现方法:针对不同分辨率创建对应的样式表,使用 @media 媒体查询给不同尺寸的设备切换不同的样式 缺点:IE8及以下不支持媒体查询;只能兼容主流分辨率 3.流式布局(百分比布局): 布局特点:不同的分辨率下显示相同的排版;高度固定,宽度自适应
转载
2024-07-31 08:08:12
131阅读
再此我先说明 我写的这个例子是一个成熟的项目中直接加入的, 里面有好多配置都是配好的 , 但是这些都不重要,因为没有太大的关系,进入正题~ 我们平时开发 vue项目的时候,就有一种感觉就是 vue就像是专门为单页应用而诞生的,因为人家的官方文档中也说了 在这里插入图片描述 其实不是的,因为vue在工 ...
转载
2021-08-31 20:29:00
955阅读
2评论
Vue项目中使用vw实现移动端适配随着viewport单位越来越受到众多浏览器的支持,下面将简单介绍怎么实现vw的兼容问题,用vw代替rem。 (纯属个人习惯PC端使用rem,移动端使用vw)1.准备工作我是用vue-cli脚手架搭建vue项目的,怎样搭建就不赘述了,当我们采用vue-cli脚手架搭建完项目,安装所有依赖包之后,用npm run dev启动后,在根目录有一个 .postcssrc.
转载
2024-09-30 21:04:48
30阅读
如何用Vue搭建一个PC端的项目呢?搭建完成都需要配置哪些内容呢?本篇文章会告诉你答案。搭建项目的主要步骤如下: 1.根据脚手架创建一个项目 2.引入axios发送请求 3.配置拦截器(注意http的error问题) 4.引入组件库 5.如果需要前端解决跨域,就在前端解决跨域 6.公共界面布局 7.分环境打包 8.项目优化(可以放在上线前)下面我们主要从这8点内容来搭建PC端项目1.根据脚手架创建
转载
2024-07-18 19:58:58
34阅读
最近一直在研究使用vue做出来一些东西,但都是SPA的单页面应用,但实际工作中,单页面并不一定符合业务需求,所以这篇我就来说说怎么开发多页面的Vue应用,以及在这个过程会遇到的问题。这是我放在GitHub上的项目,里面有整个配置文件,可以参看一下:multiple-vue-page准备工作在本地用vue-cli新建一个项目,这个步骤vue的官网上有,我就不再说了。这里有一个地方需要改一下,在执行n
转载
2024-01-16 13:56:50
402阅读
1. Element
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库中文文档 | github地址
Element
2. vue-element-admin
vue-element-admin是基于 Vue2.0,配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前端技术栈,提炼了典型的业务模型,提供了丰富的功能
转载
2021-08-13 19:07:28
2257阅读
有个朋友问我在vue项目怎么做rem适配,我工作中都是用的dva,但是我感觉道理都是一样的,换汤不换药。配完就顺手写下来吧!需要安装两个插件库 lib-flexible和px2rem-loaderyarn add lib-flexible
yarn add px2rem-loader flexible.js是淘宝官方H5移动适应解决方案。它做了三件事:1、动态改写标签2、给<html>
上一次认真的学习使用Vue已经是四月份的事了,当时只是简单的就像使用jQuery一样,直接引入页面,没有使用任何组件、路由,写了个cakeroom的小demo,感兴趣的可以去看下: 这次就更加深入的学习如何使用vue-cli,去组件化的开发一个项目;以及如何使用路由vue-router,完成页面之间的跳转;还有vuex如何管理页面之间需要交互的全局数据;如何使用vue-resource跨域请求,
元素偏移量offset系列offset概述offset 翻译过来就是偏移量, 我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等.获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意: 返回的数值都不带单位offset系列常用属性offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素,如果父级都没有定位则返回bod
负责一个项目pc端的,再上线以后呢,想兼容移动端。用同一套页面 1.方法1 定义视口窗口,简单,可以在手机上看到一个缩小版的pc端
原创
2022-07-06 11:50:40
847阅读
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阅读
枚举和注解都是在Java1.5中引入的,枚举改变了常量的声明方式,注解耦合了数据和代码。 建议83:推荐使用枚举定义常量建议84:使用构造函数协助描述枚举项建议85:小心switch带来的空指针异常建议86:在switch的default代码块中增加AssertError错误建议87:使用valueOf前必须进行校验建议88:用枚举实现工厂方法模式更简洁建议89:枚举类的数量限制在64个
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的,其实不是。因为vue在工程化开发的时候很依赖webpack,而webpack是将所有的资源整合到一块,弄成一个单页面。但是vue不止可以做单页面,它还可以做多页面,如果要做多页面的话需要对他的依赖,也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con
转载
2023-11-24 01:09:21
672阅读
转载
2020-10-14 10:45:00
73阅读
2评论
一直以来更多的是进行单页面开发。但在与其他同行的交流中,发现多页面项目也是业务的一种需求,趁着今天有时间,今天搞了一下。多页面的配置,自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一,多页面要有多个入口默认使用vue-cli 2初始化的项目,需要修改webpack的entry参数,修改两个入口,如下// 原来
entry: {
app: '
转载
2023-06-16 15:35:01
1156阅读
利用webpack配置px2rem-loader和lib-flexible来实现px转化rem1、安装npminstallpx2rem-loader-Dnpminstalllib-flexible-S2.参照官网配置方法//增加代码,px转rem配置(需要将px2remloader添加进loaders数组中)constpx2remLoader={loader:'px2rem-loader&
转载
2020-05-09 10:26:32
3436阅读
Vue 移动端、PC 端适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。 &n
转载
2024-02-18 20:23:38
1406阅读
在当今数字化时代,计算机软件开发已经成为一个非常重要的领域。而Java作为一种广泛应用的编程语言,在PC端开发中也有着很大的作用。本文将介绍如何使用Java进行PC端开发,并附上相应的代码示例。
## Java在PC端开发中的应用
Java是一种跨平台的编程语言,它可以在各种操作系统上运行。这使得Java成为PC端开发的理想选择,开发人员可以编写一次代码,然后在不同的操作系统上运行。Java提
原创
2024-02-24 04:47:00
38阅读
# 从零开始的PC端Java开发
## 引言
随着互联网的普及和发展,Java作为一种跨平台的编程语言,越来越受到开发者的青睐。在PC端开发中,Java也是一种常见的选择。本文将介绍从零开始进行PC端Java开发的基本步骤和常用工具。
## 1. 安装和配置Java开发环境
首先,我们需要安装并配置Java开发环境。Java开发环境包括Java Development Kit (JDK)和
原创
2023-08-13 10:00:11
154阅读