eslint cli-plugin-eslint quot vue
VUE 安装环境
安装vue 工具 cnpm install -g @vue/cli 验证是否安装成功 vue --version 创建VUE项目(vue-demo，名字要小写) vue create vue-demo ......
extern "C"：实现C++和C的混合编程
原文：https://c.biancheng.net/view/8064.html 通过《C语言和C++到底有什么关系？》一节的学习，读者已经了解了 C++ 和 C 语言之间的关系。简单的理解，C++ 就是在 C 语言的基础上增加了一些新特性，从大的方面讲，C++ 不仅支持面向过程编程，还支持面向对 ......
springboot+vue持续集成
Jenkins持续集成 项目部署参考资料：见参考资料详情 项目实战成长：见百度网盘jenkins 视频资料地址参考：https://www.bilibili.com/video/BV1kJ411p7mV?spm_id_from=333.999.0.0 整体流程： 先下载tomcat，到http:// ......
Java基于springboot+vue开发服装商城小程序
还可以改成其他商城哦。 主要功能：用户可以浏览商品和特价商品，加入购物车，直接下单支付，在我的个人中心里可以管理自己的订单，收货地址，编辑资料等。管理员可以发布商品，上下架商品，处理订单。 演示视频：小程序https://www.bilibili.com/video/BV1rM411o7m4/?sh ......
Vue开发 购物网站选项卡功能
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" typ ......
Cannot invoke "Object.hashCode()" because "key" is null
奇葩问题，springboot+mybatis-plus 使用queryWrapper查询语句报错，Cannot invoke "Object.hashCode()" because "key" is null 使用的mybatis-plus-boot-start,3.3.2版本 jdk17 据说是 ......
Vue项目搜索-历史记录管理
搜索-历史记录管理 目标：构建搜索页的静态布局，完成历史记录的管理 需求： 搜索历史基本渲染 点击搜索（添加历史） 点击搜索按钮 或底下历史记录，都能进行搜索 若之前没有相同搜索关键字，则直接追加到最前面 若之前已有相同搜索关键字，将该原有关键字移除，在追加（相当于置顶） 清空历史：添加清空图标，可 ......
Eslint 的rules一些配置 (.eslintrc.js文件中的rules选项)
rules: { // off=0, warn=1, error=2, 如果是数组, 第二项表示参数option // indent: [2, 2], // 控制缩进为2 eqeqeq: 1, // 警告使用全等 // quotes: [2, 'single'], //单引号 singleQuote ......
写代码不用"if"行不行，曾经的反 if 运动
如果在IT行业的时间够长的话，可能还记得大约10几年前，设计模式风靡一时的时候，有过一段反 "if" 的运动。 所谓的反"if"运动，其实是夸大了"if"语句带来的问题，比如当时提出的问题有： 代码不好维护，特别是if或者else中的代码比较多的时候 if和 else if分支太多的时候，代码难以阅 ......
vue3仓库index.js
//npm i pinia-plugin-persistedstate import {createPinia} from 'pinia' import piniaPluginPersistedstate from 'pinia-plugin-persistedstate' const pinia= ......
vue3仓库模块并持久化
vue3定义分仓库代码 * 参数1：仓库的名字 * 参数2：函数（里面写核心代码） * 参数3：持久化配置 import { defineStore } from 'pinia' import { ref，computed } from 'vue' export const useUserstore ......
Vue项目的创建、运行与端口号修改
前言：Vue-cli是Vue官方提供的一个脚手架，用于快速生成一个Vue的项目模板，依赖于NodeJS环境 NodeJS下载：NodeJS安装下载 Vue-cli下载：Vue-cli下载 一.Vue图形化创建项目 1.建立一个文件夹，保存Vue项目 2.在该文件夹的目录上输入cmd打开命令行 3.令 ......
【前端VUE】Vue3路由设置（Typescript版本）
新建项目 npm create vite@latest 安装vue-router cd .\my-web\ npm install vue-router 在src -> components下新增（Home.vue） <template> <h1>我是主页</h1> </template> 在src ......
【前端VUE】Vue3条件渲染指令（v-if、v-else、v-else-if、v-show、v-for）
新建项目 npm create vite@latest 运行项目 cd 项目目录 npm install npm run dev 条件渲染指令 1、v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。 2、v-else 可以使用 v-else 为 v-if ......
Vue3 - Teleport 传送门
前言 对比 Vue2 ，引出并展开 Vue3 。 本文讲述了 Teleport 传送门是什么，以及使用方法和代码示例。 介绍 学过 React 的同学可能知道， Portal 也提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀方案，当然咱们大名鼎鼎的 Vue3 也做到了，关于这方面的功 ......
vue脚手架的练习1
<template> <div class="project"> <first-page></first-page> <second-page></second-page> </div> </template> <script> import FirstPage from './FirstPage1 ......
vue小练习之记事本
<div id="Book" style="background-color: cornflowerblue;"> <h2 style="text-align: center;">记账本</h2> <div style="text-align: center;"> 支出:<input type="t ......
Java基于协同过滤算法开发的springboot+vue服装商城
演示视频 https://www.bilibili.com/video/BV1oH4y127fq/?share_source=copy_web&vd_source=11344bb73ef9b33550b8202d07ae139b 主要功能：用户可以浏览商品和特价商品，加入购物车，直接下单支付，在我的 ......
vue ztree 的使用
ztree 是一个很经典的基于jquey开发的树结构编辑展示UI组件库。 https://gitee.com/zTree/zTree_v3 gitee上有一个很适合vue使用的ztree封装库， https://gitee.com/astinlee_admin/Vue-Giant-Tree/tree ......
vue font awasome 的使用
font awasome 是一个很经典的图标库。 目前已经更新到了V6版本。 但是从V5开始，这个库就已经闭源收费了。 所以开源库里面最新版本是V4.7。 https://www.npmjs.com/package/font-awesome/v/4.7.0 那么怎么使用呢？ main.js impo ......
前端框架vue路由hash模式与history模式的区别
hash模式会在页面初始化的时候，url后面会带上/#的hash值，后面是路由组件加携带参数，缺点是看起来不太美观，但相比于history模式来说，它具有用户在页面各种点击操作后，点击刷新后数据不丢失，也不会出现网络报错。 而history模式优点是能让整个url看起来比较简洁美观，但问题就是项目部 ......
Docker启动失败,提示"iptables: No chain/target/match by that name"
一、问题现象 docker容器报错: docker: Error response from daemon: driver failed programming external connectivity on endpoint etlmysql (12ccdbcef942bef6f32dbfc15 ......
bind-utils无法安装,提示" Requires: libisc-export.so.95()(64bit)"
bind-utils无法安装 一、问题现象 [root@test ~]# yum install bind-utils Loaded plugins: fastestmirror Loading mirror speeds from cached hostfile Resolving Depende ......
pip install报错"Can't connect to HTTPS URL because the SSL module is not available"
pip时install报错 一、故障现象 [root@jenkins /data/package/openssl-1.1.1n]# pip3 install emoji WARNING: pip is configured with locations that require TLS/SSL, h ......
Vue element 关于下拉框输入模糊查询
最近又一个新的需求，在输入框实现输入框下拉模糊查询 开始对elementui还不熟悉，不知道怎么用，不过通过网上查阅资料发现使用 <el-col :span="12"> <el-autocomplete v-model="form.name" :fetch-suggestions="querySea ......
Vue2纯前端导出
//导出 exportExcel() { //构造数据 const data = [ ['姓名', '手机号码', '卡号', '身份等级'], ...this.list.map((item) => [item.clientName, item.clientPhone, item.card, ite ......
Vue3实现九宫格抽奖效果
需求与效果 需求： 1、礼品根据后台配置生成 2、跑马灯转动效果 3、结果后台生成并且每个礼物概率不一样（概率这里不讨论） 注意点： 1、布局如何排列，是按照跑动排列还是从左至右自上而下排列 2、点击按钮如何插入，DOM结构如何生成 3、跑马效果如何实现，速度如何控制 4、接口如何处理，包括接口报错 ......
Vue3实现转盘抽奖效果
1、实现转盘数据动态配置（可通过接口获取） 2、背景色通过分隔配置 3、转动速度慢慢减速，最后停留在每一项的中间，下一次开始从本次开始 4、当动画停止后在对应事件中自定义生成中奖提示。 5、本次中奖概率随机生成，也可自定义配置 实现代码 html <template> <div class="gra ......
遇到了vue3 刷新问题
index.d762f427.js:3 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https ......