vue + 原生input 实现购物车选择按钮 + 修改原生input样式公司做了一个pc版的商城,我负责购物车订单这块,基于业务原因研究了购物车的逻辑实现,所以就有了以下的代码,本文用于记录,如果有兴趣的大神可以阅读源码。也可以直接使用。静态页面HTML部分<template> <div id="tree"> <div class="tree">
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项目pc和移动适配1、pc适配一、样式中根据设计稿确定缩放比例(可以设置全局或者部分页面)二、监听窗口大小改变,设置根字体大小 created() { // 获取当前设备的宽度,设置rem的根字体大小 let width = window.innerWidth; width = width <= 1200 ? 1200 : width; const htmlObj = d
利用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阅读
由于内容较多,我将其分为了里两部分:Vue3较Vue2的更新内容(一)>>>18、按键修饰符变更vue3将不再支持使用数字 (即键码) 作为 v-on 修饰符,不再支持 config.keyCodes 在 Vue 2 中,keyCodes 可以作为修改 v-on 方法的一种方式。<!-- 键码版本 --> <input v-on:keyup.13="submit
        Vue 移动PC 适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。       &n
1-项目初始化技术选型开始正式通过vue ui脚手架创建项目,通过后台api接口, 返回的数据渲染页面复制代码项目基本业务概述我们今天主要做后台管理项目复制代码电商后台管理系统的功能划分该后台项目的6大版块 用户登录 /login页面 用户管理:用户列表 权限管理:角色列表+权限列表 商品管理:商品列表+分类管理+参数管理 订单管理:订单列表 数据统计:数据报表复制代码项目的开发模式以及技术选型采
转载 2021-01-25 19:25:20
3431阅读
2评论
背景在一pc的web项目里,由于某些特性需要由动态语言处理,所以只在有需要使用vue来处理数据的页面,直接引入vue.js来处理。由于刚开始并没有打算使用前端来渲染数据和处理交互,所以使用了一些非vue的ui和插件,导致后来冲突坑点不少。非vue模块化下使用vue,虽然不能import vue文件,使用组件方式也有点恶心,但处理一些事情还是不错的。使用formdata提交表单数据先上代码&nbs
转载 2024-04-24 19:25:43
579阅读
在学习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阅读
使用的方案 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 组件库的一个前端管理后台集成解决方案。它使用了最新的前
本文只提供思路,代码已上传到某云。 最近无聊,想初涉一下python中的可视化界面, 可视化界面:tkinter,pygame,wxpython,pyqt pygame用它听过歌曲,好像里面也有事件监控,挺不错的, wxpython我也写过音乐界面,初学python的时候,那会写的博客乱七八糟的,哈
原创 2022-06-16 09:29:08
235阅读
做移动,最重要的是适配和兼容性问题,兼容性暂且不说,只聊聊适配问题,虽然网上文章有很多。1、我们所能看到的。移动的viewport(设备展示页面的区域)分为三种layout viewport:大于设备屏幕的浏览器可视区域 。ps蓝色代表layout viewport 2.visual viewport:在设备屏幕上看到浏览器的大小。个人理解为上图红色框部分。3. ideal vie
方法一,vue3.0 pc自适配方案1.引入插件使用yarn或者npmyarn add px2rem-loader -S yarn add postcss-px2rem -S yarn i lib-flexible -S npm install px2rem-loader -S npm install postcss-px2rem -S npm i lib-flexible -S2.vue3.
转载 2024-06-04 19:15:53
2073阅读
#1.新建一个Vue项目,并成功运行 vue init webpack mp-demo #2.目录结构 因为在同一个项目中,分了移动PC,所以我们在入口,页面,路由等地方都要把移动PC区别开来。#3.修改配置文件 先说说我们要修改哪几个文件以及这几个文件的作用,都在build文件夹下:####utils.js a> 计算资源文件存放路径 b> 生成cssLoaders用于加
vue
转载 2021-02-03 20:12:54
2925阅读
2评论
异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用 定时任何ajax事件函数promise主要解决异步深层嵌套的问题promise 提供了简洁的API 使得异步操作更加
Moran-PC项目是一款Vue2+Element-UI开发的电脑版前端项目,同时支持与Moran-Boot单体项目、Moran-Cloud微服务项目实现无缝对接。
原创 2024-01-12 08:54:26
44阅读
我们在vue移动项目中的适配一般都采用rem,但是rem也不是能兼容所有的终端。随着viewport单位越来越受到众多浏览器的支持,下面将简单介绍怎么实现vw的兼容问题,用vw代替rem当我们采用vue-cli脚手架搭建完项目,安装所有依赖包之后,用npm run dev启动后,在根目录有一个 .postcssrc.js 文件,文件结构如下:vue-cli默认已经安装以上三个插件:po
Windows server上用nginx部署vue3项目一、Node中node_modules文件夹及package.json文件的作用说明二、VUE3项目打包三、Windows Server上的Nginx部署 一、Node中node_modules文件夹及package.json文件的作用说明node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹,更多细节请见以下链
转载 9月前
95阅读
  • 1
  • 2
  • 3
  • 4
  • 5