组件 常用confirm vue
vue学习第24天 移动WEB开发------ rem适配布局
目标： 1）能够使用rem单位 2）能够使用媒体查询的基本语法 3）能够使用Less的基本语法 4）能够使用Less中的嵌套 5）能够使用Less中的运算 6）能够使用2中rem适配方案 7）能够独立完成xx移动端首页 思考： 1、页面布局文字随屏幕大小变化而变化 2、流式布局和flex布局主要针对 ......
vue配置scss全局样式
1. 安装插件 ```shell npm install sass --save-dev ``` 2. 在src文件夹下创建`styles`文件夹,并创建以下文件 
学习目标 1、flex盒子的布局原理 2、flex布局的常用属性 3、独立完成某个移动端首页案例 目录 1、flex布局体验 2、flex布局原理 3、flex布局父项常见属性 4、flex布局子项常见属性 5、案例制作 flex布局体验 1、传统布局与flex布局 建议： 1）如果是PC端页面布局 ......
Vue3 element-Plus el-tree 权限树 传值给后端及回显问题
内容:权限在新增人员时候选择传给后端并且编辑回显 坑: 1.传给后端的权限数组需要传父级id 例如:一级目录下有二级目录和2-2目录,选了2-2目录,需要把一级目录的id也给后端 2.回显的时候后端会把权限数组id都给你(包括一级目录),如果直接回显的话会默认一级下所有目录都选中 代码参考 <el- ......
vue学习第18天 css --- 移动web开发 （单独/响应式、常见布局【单独：流式、flex、rem适配、混合 / 响应式：媒体查询、bootstarp框架】）
学习目标： 目录： 移动端基础 1、浏览器现状 2、手机屏幕现状 3、常见移动端屏幕尺寸 查看地址： https://www.strerr.com/screen.html 注：作为前端开发，不用纠结dp，dpi, pt, ppi等单位。 4、移动端调试方法 5、总结 视口 视口：就是浏览器显示页面内 ......
vue 学习第17天 CSS学习 ---- 浏览器私有前缀 + css3阶段总结
浏览器私有前缀是为了兼容老版本的写法，比较新的浏览器无需添加 1、私有前缀 2、提倡的写法（私有前缀+属性） 总结： CSS3学习的 五个大方面 ......
封装svg通用组件
1. 安装`vite-plugin-svg-icons`插件 ``` pnpm i vite-plugin-svg-icons -D ``` 2. 在main.ts中引入`vite-plugin-svg-icons` ```tsx import 'virtual:svg-icons-register ......
vue学习过程中 遇到的问题 CSS塌陷 ----- 高度塌陷和外边距塌陷
1、高度塌陷 原因：父元素没有设置高度，子元素设置浮动属性（float:left）之后，父元素的高度为0.*** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati ......
vue学习第12~13天 品优购项目（纯页面）
目标： 1）项目规划 2）首页制作 3）列表页制作 4）注册页制作 5）域名注册与网站上传 项目规划 1、网站制作流程（八步） 2、项目整体介绍 项目名称：品优购 项目描述：品优购是一个电商网站。要完成PC端首页、列表页、注册页面的制作 3、项目学习目的 1）电商类网站比较綜合 ，里面需要大量的布局 ......
vue学习第16天 CSS---3D转换 （translate3d 3d移动、3D旋转 rotate3d、transform-style 是否开启3d环境）
3D转换 转换： 1）3d移动 translate3d 2）3d旋转 rotate3d 3D的特点： 1）近大远小 2）物体后面遮挡不可见 3D转换：我们工作最常用的 3D位移 和 3D旋转 主要知识点： 1、三维坐标系 （z轴，z外(屏幕)+，z内（屏幕）-） 三维坐标系其实就是指立体空间，立体空 ......
vue项目中使用vue-quill-editor富文本编辑器、支持大小和拖拉；以及 vue 引入quill - image - resize - module 插件报错
**在本内容的最后面附上了demo代码** **1. 实现的效果图**  **2. 首先需要先引入依赖** ......
vue学习第15天 CSS ---- 动画animation
动画 动画（animation）是CSS3中具有颠覆性特征之一，可通过设置多个节点来精确控制一个或一组动画。常用来实现复杂的动画效果。 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。动画的优点（与过渡相比更好） 1、动画的基本使用（先定义后调用） 制作动画分为两步： 1）先定义动画 ......
vue学习第14天 移动Web开发 --- CSS3 2D转换 (transform) 移动、旋转、缩放
2D转换 转换 （transform）是CS53中具有颠覆性的特征之一，可I以实现元素的位移、旋转、缩放等效果，可以简单理解为变形 1）移动： translate 2）旋转：rotate 3）缩放：scale 1、二维坐标系（x右+，x左-）（y下+，y上-） 2D转换是改变标签在二维平面上的位置和 ......
Sting类常用方法总结
String 类代表字符串，字符串是常量 ，用双引号引起来表示。 它的值在创建之后不能更改 。 由final修饰，代表不可变的字符序列 ； 实现了序列化、Comparable接口和 CharSequence 接口； String 对象的字符内容是存储在一个 char 型的数组中 常用方法： int ......
idea常用的一些快捷键
搜索 本页 ctrl+F 全局搜索 shirt+shirt，或者ctrl+shirt+R（带有替换功能) 最近访问的文件 ctrl+E 最近查看或编辑的代码片段，ctrl+shirt+E 当前文件的结构(方法变量等) ctrl+F12 代码重构ctrl+alt+shirt+T，关于代码重构更仔细的说 ......
【HarmonyOS】如何解决智能穿戴设备中swiper组件右滑与系统退出应用冲突问题（API6 JS）
【关键字】 API6、JS、swiper组件、智能穿戴、setSwipeToDismiss 【问题描述】 使用API6 JS开发智能穿戴设备HarmonyOS应用，在首页使用swiper组件时，右滑swiper时会退出应用，无法实现swiper右滑效果，效果如下所示： 【问题分析与原因】 当页面 ......
【保姆级教程】Vue项目调试技巧
在Vue项目开发过程中，当遇到应用逻辑出现错误，但又无法准确定位的时候，知晓Vue项目调试技巧至关重要，debug是必备技能。
同后台项目开发一样，可以在JS实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。
本文主要讲解针对Vue项目进行调试的 3 种方法：d... ......
软件测试常用的工具
常用的接口测试工具：（主流JMeter） Postman：一个功能强大的API测试工具，可以发送HTTP请求、验证响应，以及自动化测试和集成测试等。 SoapUI：适用于Web服务的测试工具，支持SOAP、REST和HTTP协议的测试。 JMeter：一个功能强大的负载测试工具，可以进行接口性能测试 ......
K3服务器中间层组件无法正常工作
K3服务器中间层组件无法正常工作 https://jingyan.baidu.com/article/454316ab73661ef7a7c03aa9.html 金蝶K3客户端:组件无法正常工作 https://blog.csdn.net/tangzhongxin/article/details/4 ......
[vue] Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
## 问题描述  ##解决方法 ``` npm i vue@3.2.26 ``` 重新运行即可 ``` npm r ......
京东微前端应用MicroApp，主应用vite-vue3，子应用vite-vue3+pinia
[micro-app 官方地址](https://zeroing.jd.com/) [micro-app 官方demo地址](https://github.com/micro-zoe/micro-app-demo) 这篇文章主要是为了记录，本人在使用中遇到的一些问题，供参考 1. 资源找不到 -> ......
前端Vue自定义询问弹框和输入弹框
前端Vue自定义询问弹框和输入弹框， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13119 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/01794 ......
前端Vue自定义简单实用中国省市区三级联动选择器
#### 前端Vue自定义简单实用中国省市区三级联动选择器， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13118 #### 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......
子组件调用父组件的方法
### 子组件调用父组件的方法 #### 使用场景： 父组件中有个弹窗（子组件），需要结合父组件和子组件的数据作为参数去请求 调用父组件的方法关闭子组件等 如：父组件是输入提现或充值的金额，点击确定弹出子组件，弹窗是展示输入的金额和费率，发送验证码输入验证码， 输入验证码，点击确定的时候需要给父组件 ......
前端Vue自定义服务说明弹窗弹框 自下而上底部弹框
#### 前端Vue自定义服务说明弹窗弹框 自下而上底部弹框， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13108 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfc ......
将 Vue 项目部署到 Nginx 上
将 Vue 项目部署到 Nginx 上 安装 Nginx 下载地址：nginx: download （1）因为我在 Windows 系统下安装 Nginx，所以选择 nginx/Windows-1.22.1。下载的资源是一个压缩包，解压后即可使用。 （2）打开命令行提示符（cmd），切换到 Ngin ......
万字详解常用设计模式
本文是博主在工作中对常用设计模式的使用经验总结归纳而来分享给大家。 > 设计模式一共有23种，本文讲解涉及如下： > 1. 责任链模式 > 2. 模板方法模式 > 3. 发布订阅模式 > 4. 策略模式 ## 三大分类 业界一般将设计模式分为三大类： - **创建型模式**：对类的实例化过程进行了抽 ......
vue el-input 输入框 限制小数点后 只能有三位小数
oninput="if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}" ......
vue中使用axios
##引入axios ###错误用法 在main.js中引入，需要注意的是，因为axios是第三方库，不是vue的插件，所以下面的这种写法不支持。 ``` import axios from 'axios'; Vue.use(axios) ``` ###正确用法 结合 vue-axios使用，vue- ......