Vue新手入门

一、背景 在一个基于vue2的工程中，引用了一个UI框架，当使用到其中的文本输入框组件的时候，需要对输入的内容进行右对齐，于是我打开Chrome浏览器，先用调试工具对样式进行了处理，对输入框增加了如下

一、概述 自己对Promise的理解仅仅停留在他是一个异步请求后台接口的处理方式上，突然看到有些没有请求后台接口的函数也使用到了Promise，顿时感到非常疑惑，于是强补下这方面的知识。 二、主要使用

一、概述 position的使用总是有点不太熟悉，但是看了网上的资料好像又懂了，这里做个笔记记录下自己最关注的点，主要是relative和absolute的用法。 二、知识点 relative是相对于

一、概述 各个银行app都有人脸识别功能，就是一个圆形的录像界面。这一章节主要学习如何使用vedio标签，以及将录像形状调整为圆形。 实现效果如下： 二、知识点 2.1 vedio标签的使用 其核心代

一、概述 图片上传预览是一个比较常用的功能，经常在各种项目中会用到。 本章节知识点主要如下： FileReader的使用 图片如何实现上传预览 按钮样式的优化 借助阿里的AI 通义灵码完成了。 二、实

一、概述 随着前端开发的深入，一些常用的ES6的技术需要总结下使用，今天主要练习下日常工作中常用的一些功能点。 模板字符串 扩展运算符 对象拷贝 二、练习 2.1 模板字符串 大大简化了字符串的拼接，

一、概述 常见的长度单位有px，vh，vw，其中px是绝对单位，vh和vw是相对单位，vh表示视图高度，vw表示视图宽度。 二、基础知识 一个搜索按钮的长度20vw，表示这个按钮的长度是视图的20%宽

一、概述 作为一个能开发前端的人员，CSS也是必备的技能之一，本章主要学习下字体大小的内容，作为前端小白，这个问题困扰我好久了，今天彻底给他学习下。 二、基础知识 常见的字体大小单位定义有px，rem

一、概述 一个简单的搜索框，加上一个搜索图标，实现PC、PAD以及手机三端的适配展示。 实现效果 PC 实现效果 PAD 实现效果 手机 二、关键知识点 使用了@media实现对不同设备终端的样式调整

一、概述 有了AI的帮助，学习起来更加轻松，这次学习下二维码的制作。 二维码基于qrcode.vue实现，文档简单易懂，本次就练习下vue的写法，但是这些都用cursor帮我写了，所以我是来做观众的。

一、概述 看着别人写的组件，各种知识点不懂，难以理解其中的逻辑，实在没法工作，今天学习下组件传值，子组件既能接收父组件的值，也能返回更新后的值给父组件。 刚好最近看了Cursor，下载试用了下，真是太

一、概述 技术管理做了一段时间，对于技术实现上的细节有些不是太明白，本章主要复习下关于ElementUI的layout。看了别人的代码，发现代码布局中只有一个row，通过多个col来实现多行的布局，有

一、概述 近期由于工作需要，开始重新接触VUE前端开发，由于许久没有做前端开发了，这次复习下Vue2的组件以及组件传值的常用功能。 本次演示的是一个Tab的展示，在index中包含多个tab页的内容，

1.应用场景 如果你的项目对稳定性要求比较高，希望版本发布的时候能够最小化影响，那么就可以使用多模块的方式进行打包。多模块打包的方式也是存在一些不足的，因此项目组要先了解多页面和单页面应用的优劣，再决

1.axios-mock-adapter安装 2.使用 在src目录下新增mock目录，目录下新增mock.js文件 在main.js中引入使用 3.测试 将login中的httpGet访问地址调整为

1. axios安装 2.axios定义 在src目录下新建utils目录，新增http-util.js文件，定义一个httpGet方法做测试 3.启动测试 注意，如果本地启动，使用axios直接访问

1.node安装 我是window系统，到官网下载exe文件下载安装就可以了，注意如下版本事项。 Vue CLI 4.x requires Node.js version 8.9 or above (

0.开始之前 vue2和vue-router3版本，vue3和vue-router4版本对应，这会省下很多麻烦的事情。 本次案例演示的是登录功能，其基本逻辑是如果用户登录了，就进入首页；若未登录，则跳