vue + 原生input 实现购物车选择按钮 + 修改原生input样式公司做了一个
pc版的商城，我负责购物车订单这块，基于业务原因研究了购物车的逻辑实现，所以就有了以下的代码，本文用于记录，如果有兴趣的大神可以阅读源码。也可以直接使用。静态页面HTML部分<template>
<div id="tree">
<div class="tree">
把PC端网页放在手机端打开，会被整体缩小，为什么？如何不让它缩小？1、首先我们要知道把一个PC端的网站放到手机端需要经过两步：第一步：把电脑端的网站放到虚拟容器中。（一个概念——视口：这个虚拟容器就叫做视口。）这个虚拟容器的宽度是980px。这个980px是人为规定的，在手机出厂时就设置好的。为什么是980px？因为早期的PC端显示器宽度是980px。如果PC端网站宽度小于980px，完全可以放进
向猫咪提问一般我们在公司开发页面，UI设计图是出750px的图，也就是基于Iphone 6 设计的图。如果我们用如果得当的配置，UI图上的东西是多少px，我们就写多少px，这是程序员最方便的。但是这个是怎么配置的呢？ 不要方，其实很简单，跟着思路走起来~~~如果不配置，我们在CSS里写多少px才能还原设计图？来举个例子~假设现在图上有个宽度100px的按钮，UI图是750px的图。答案是我们应该
使用的方案 lib-flexible-computer + px2remLoader + postcss-px2remlib-flexible：阿里可伸缩布局方案
px2rem-loader：px 转 rem
postcss-px2rem： 将代码中px自动转化成对应的rem的一个插件
下面这个插件会代替lib-flexible 更好一些 适用于pc
npm i lib-flexible-co
由于内容较多，我将其分为了里两部分：Vue3较Vue2的更新内容（一）>>>18、按键修饰符变更vue3将不再支持使用数字 (即键码) 作为 v-on 修饰符，不再支持 config.keyCodes 在 Vue 2 中，keyCodes 可以作为修改 v-on 方法的一种方式。<!-- 键码版本 -->
<input v-on:keyup.13="submit
CSS引入方式行内样式<div style="color:red;font-size:12px;"></div>内部样式表<style>
div{
color:red;
font-size:12px;
}
</style>外部样式表<link href="css/style.css" rel="stylesheet" type="text/cs
MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewM
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阅读
本文简单介绍一下vue项目移动端的rem适配准备。首先移动端肯定用的是vant组件库，在开发移动端之前，通常要做好rem适配，当然也可以的vw适配，这里简单介绍一下rem适配。首先看一下vant官网上的介绍需要这两个插件：步骤一：安装 npm i amfe-flexible步骤二：引用 （在main.js里面引用一下下）import 'amfe-flexible'步骤三：看效
转载
2024-04-07 13:07:12
635阅读
如果你也是从事UI界面设计工作的话，那么，必然会接触到PC端的相关的设计，对于这部分内容，我们必须要掌握住PC端UI界面设计规范的知识，如果你已经准备好的话，下面就让我们一起学习下吧。1、PC端是什么意思PC端就是接入个人电脑的接口，有的手机在接入电脑的时候要提示pc容量存储，就是提示接入个人电脑的意思。PC就是personal computer私人电脑 。persional computer个人
CMD命令使用方法：开始－＞运行－＞键入cmd、或者win键+R－＞键入cmd gpedit.msc—–组策略sndrec32——-录音机Nslookup——-IP地址侦测器explorer——-打开资源管理器logoff———注销命令tsshutdn——-60秒倒计时关机命令lusrmgr.msc—-本机用户和组services.msc—本地服务设置oobe/msoobe /a—-检查
1、固定布局固定布局是第一次做移动端的朋友们最好的选择方式，思路沿用PC端，上手比较快。<head>里把viewport加好，然后设想整个网页的宽度为320px即可。其他地方PC端怎么布局，这里类似即可。缺点也显而易见，大屏手机显示网页比较宽，而固定布局宽度参照永远是320px，导致左右两边会有空白。就像你用27寸显示器看980px宽度网页一样。另一个方面就是手机横屏的时候，两边空白更
随着移动端的发展，手机端的页面应用越来越广泛，所以我们现在更多的是做移动端的页面。 但是我们同样要维持pc端，因此难免会遇到许多麻烦。 而且现在做移动端适配的方法也有好多种，针对不同的网站我们需要合理的判断，选择全适的方法； 第一种方法：整个页面宽高用px写死，让宽度自适应 这是最蠢的一个办法，但是实际上我们用得也挺多，它适用于一些页面结构比较复杂的网站。 我们只需要在头部加入：<met
Vue.js CLI4 Vue.config.js标准配置 （最全注释）
前言：Vue.js CLI工具 不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。有三种方式，推荐第二种标准版（无需安装依赖，
做移动端，最重要的是适配和兼容性问题，兼容性暂且不说，只聊聊适配问题，虽然网上文章有很多。1、我们所能看到的。移动端的viewport(设备展示页面的区域)分为三种layout viewport：大于设备屏幕的浏览器可视区域 。ps蓝色代表layout viewport 2.visual viewport：在设备屏幕上看到浏览器的大小。个人理解为上图红色框部分。3. ideal vie
首先，您得了解什么是引入函数。一个引入函数是被某模块调用的但又不在调用者模块中的函数，因而命名为"import（引入）"。引入函数实际位于一个或者更多的DLL里。调用者模块里只保留一些函数信息，包括函数名及其驻留的DLL名。现在，我们怎样才能找到PE文件中保存的信息呢? 转到 data directory寻求答案吧。再回顾一把，下面就是 PE header:IMAGE
做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080使用了几种办法1.内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常2.使用rem的地方width,height,margin,padding,le
转载
2024-09-05 18:59:41
28阅读
当下，许多人的办公和日常生活都离不开电子类产品，如手机、平板、电脑等，这几类产品中的软件/APP能满足不同的需求。目前许多企业的信息化转型，也正是建立在这样的基础上，比如办公常见功能：移动考勤管理、流程审批、公文编辑等等。PC办公为主、移动办公为辅的信息化转型模式，是大部分企业目前正在使用的。但是也有很多的公司只用PC办公，或者只选择移动办公，那这两者之间有什么区别和优劣呢？PC办公：适合场景：适
**手机端适配** 媒体查询 组件统一样式 媒体查询写四套样式 手机 屏幕宽小于768px 平板 屏幕宽 大于等于768px 小于992px 桌面显示器 屏幕宽大于等于992px 小于1200px 大屏幕 屏幕宽大于等于1200px **页面整体及页面内容** 页面看是需要主PC还是主移动端 主移动端的话 一般需要
事情的起因是这样的，我在实验室有一台台式电脑，还有一个笔记本。但是我只有一套好用的键盘鼠标。此前使用的时候，一般都是键盘鼠标连上台式电脑，如果要传东西去笔记本的话需要用u盘拷贝，还需要使用两套键鼠操作，非常麻烦。好在我师兄小硕硕实乃神人，转首教了我使用了无界鼠标，非常好用。所以这里做一个简单教程分享给朋友们。一、简单介绍无界鼠标（Mouse without Borders）是微软推出的免费工具，能
