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阅读
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script> <script src="https://unpkg.com/vue-router@3.2.0/dist/vue-router.js"></script> <script src="https://unpkg.com/
背景在一pc端的web项目里,由于某些特性需要由动态语言处理,所以只在有需要使用vue来处理数据的页面,直接引入vue.js来处理。由于刚开始并没有打算使用前端来渲染数据和处理交互,所以使用了一些非vue的ui和插件,导致后来冲突坑点不少。非vue模块化下使用vue,虽然不能import vue文件,使用组件方式也有点恶心,但处理一些事情还是不错的。使用formdata提交表单数据先上代码&nbs
转载 2024-04-24 19:25:43
575阅读
  使用node.js开发webSocket开发代理,可以解决webSocket的cookies跨域问题。  这时有人会说,如果openstack的虚拟桌面流量太大,把代理冲内存溢出了,如何处理?  实际上,不是什么人都特别需要用WEB虚拟桌面操控虚拟机或物理机的,除非是windows系统,linux系统完全可以用流量更小的虚拟终端登陆。实际上进入linux虚拟桌面之后,好多操作不是还要用终端的吗
转载 2024-04-05 21:12:06
347阅读
<!-- Vue SFC --> <template> <div class="my-self-table"> <div class="container"> <div class="handle-box" style="margin-bottom: 20px;"> <!-- 按钮区 --> <el
转载 2020-07-02 10:59:00
153阅读
2评论
利用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 的 Web 应用时,经常会遇到在 PC 浏览器中预览 iOS 视频的问题。这种情况下,由于视频格式的兼容性以及浏览器的特性,我们需要采取以下一些步骤来确保视频能够正确播放。本文将详细介绍如何解决“vue pc预览ios视频”问题,涵盖环境准备、分步指南、配置详解、验证测试、优化技巧和扩展应用等方面。 ### 环境准备 在开始之前,请确保您的开发环境已经准备好。以下是一些必要
原创 6月前
46阅读
前端pc版的简单适配 我们都知道对于前端pc版本的适配是一个难题,大部分都是做的媒体查询。但是有时间公司不要媒体查询 就是需要不管多大的屏幕都是满屏显示。我就在考虑为啥不用rem给pc端做个适配。 我是基于设计图是1920的做的简单的js适配。 1 2 3 4 5 6 7 8 9 10 11 12 ...
转载 2021-09-08 09:28:00
332阅读
2评论
专栏的第一篇,主要介绍专栏的目的、规划、适用人群,以及准备工作和扫盲的基础知识 简介专栏的第一篇,主要介绍专栏的目的、规划、适用人群,以及准备工作和扫盲的基础知识。前言最近在准备一些 Vue 系列的文章和视频,之前 Vue 的源码也读过好几遍,但是一直没写相关的文章,所以最近就计划写一写。目标精通 Vue 技术栈的源码原理,这是这系列的文章最终目的。首先会从
转载 4月前
33阅读
vue + 原生input 实现购物车选择按钮 + 修改原生input样式公司做了一个pc版的商城,我负责购物车订单这块,基于业务原因研究了购物车的逻辑实现,所以就有了以下的代码,本文用于记录,如果有兴趣的大神可以阅读源码。也可以直接使用。静态页面HTML部分<template> <div id="tree"> <div class="tree">
使用的方案 lib-flexible-computer + px2remLoader + postcss-px2remlib-flexible:阿里可伸缩布局方案 px2rem-loader:px 转 rem postcss-px2rem: 将代码中px自动转化成对应的rem的一个插件 下面这个插件会代替lib-flexible 更好一些 适用于pc npm i lib-flexible-co
Vue PC端框架 1. ElementElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库中文文档 | github地址 Element 2. vue-element-adminvue-element-admin是基于 Vue2.0,配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前
1.​​https://vue.ant.design/​​  2.​​http://element-cn.eleme.io/#/zh-CN​​  3.​​https://www.iviewui.com/​​  4.​​https://at-ui.github.io/at-ui/#/zh​​  5.​​https://w
原创 2022-06-23 17:40:49
257阅读
你还在用媒体查询布局跟响应式布局吗?现在强大的插件已经可以帮我们解决屏幕适配的问题了!!!话不多说,上代码!方法一1.安装依赖npm install px2rem-loader -D px转rem npm install lib-flexible -S 阿里可伸缩布局方案2.在 min.js中引入// main.js import 'lib-flexible'
黑马面面(vuePC端项目)主要就是后台管理系统01-项目创建:01-1、就跟之前一样,安装脚手架(前面也有写也都做过,这里粗略写一下)        a.参考地址:https://cli.vuejs.org/zh/guide/installation.html      &nb
        Vue 移动端、PC 端适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。       &n
在学习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评论
目录一、清空项目非必要文件二、样式初始化三、网站结构布置四、网站数据请求模块4.1、发起请求4.2、代理配置4.3、API与Request封装4.4、发起请求五、头部组件5.1、版心样式5.2、基本布局5.3、Vue中关于Can't resolve 'less-loader' in...错误 六、路由配置关于重复点击同一个路由出现的报错问题解决项目搭建前的命令行确保node和npm 已经
在看张鑫旭博客得时候看到了electron这个东西,来了兴趣,就按照上面写的将已经做好得vue项目拿来试了试,出乎意料得顺利electron简单说下electron,就是把 chrome内核和你的项目文件打包成一个程序,和移动端得混合应用有点类似。当然实现起来肯定没有说得这么简单得。那么怎么做呢?首先,你电脑上面要有git 和 node ,git可以不要,不过最好安装了,Node必须要。第二步 &
转载 2024-04-15 15:33:39
76阅读
在学习Vue的过程之中,我发现不管是 BAT 大厂,还是创业公司,Vue 都有着广泛的应用,而且框架层出不穷,学习文档也越来越多,Vue也越来越受欢迎。下面是我整理的 Vue PC端和移动端的UI框架,建议收藏,方便以后学习的时候拿出来查看。Vue PC端框架1. Element中文文档:http://element-cn.eleme.io/#/zh...
原创 2021-07-28 11:12:35
2443阅读
  • 1
  • 2
  • 3
  • 4
  • 5