随笔分类 - 样例
VUE 图片识别
摘要：1、安装依赖 // 安装Element-UI npm install element-ui --save // 安装 ocr 和 ocrdet npm i @paddlejs-models/ocrdet@0.0.3 --save npm i @paddlejs-models/ocr@1.1.2 --
阅读全文
Vue OpenAi ChatGpt
摘要：1、提示 由于国内注册 https://api.openai.com 比较麻烦，直接购买的第三方接口和key 淘宝购买，几块钱1个月 3、自己娱乐够用 2、前端框架 Vant 移动端使用 axios 3、创建拦截器，api/request.js /* * @Descripttion: 文件说明 *
阅读全文
JS 两个数组并集，交集，差集
摘要：1、两个数组并集，交集，差集 const array1 = [33, 22, 22, 55, 33, 11, 33, 5, 7, 4] const array2 = [11, 11, 33, 44, 66, 66, 99, 99, 0, 789, 765, 765, 44444] //~ 不能有重复
阅读全文
VUE2+Swiper（H5邀请函开发）
摘要：#1、引入swiper * 安装固定版本 ``` npm i swiper@5.3.6 npm i vue-awesome-swiper@4.0.4 ``` #2、下载 `https://3.swiper.com.cn/download/index.html` 1. 下载 animate.min.c
阅读全文
vue 固定按钮滑动隐藏显示
摘要：#1、源码 <!-- * @Descripttion: 菜单名称 * @version: 0.0.1 * @Author: PengShuai * @Date: 2023-03-09 10:40:45 * @LastEditors: PengShuai * @LastEditTime: 2023-0
阅读全文
Node 连接Mysql 通过接口返回数据
摘要：1、创建项目 // 创建 package.json npm init // 安装依赖 npm i body-parser npm i express npm i mysql 2、目录结构 3、创建 config.js 文件 并导出 /* * @Descripttion: 菜单名称 * @versio
阅读全文
vue 甘特图 一行多条任务 可拖拽
摘要：#1、安装 highcharts npm install highcharts --save #2、页面引用 // 引入 import Highcharts from 'highcharts/highcharts-gantt.src.js' // 引入拖拽 import factory from '
阅读全文
Vue 求两数组之间的差值
摘要：##1、方法 计算属性 <!-- * @Descripttion: 数组差值 * @version: 0.0.1 * @Author: PengShuai * @Date: 2022-08-03 15:22:28 * @LastEditors: PengShuai * @LastEditTime:
阅读全文
创建Vue 项目
摘要：###1、安装node http://nodejs.cn/ ###2、检测node 与 npm 检测是否安装成功 1、 WIN + R 进入 CMD 2、 输入 Node -V 查看版本号 3、 输入 Npm -V 查看版本号 ###2、安装淘宝镜像 (可不用安装) // 安装淘宝镜像 npm co
阅读全文
vue 数组删除(对象)单条删除，多条删除
摘要：#一、数组单行删除 ###1、数据源 <!-- * @Descripttion:单行删除 * @version: 0.0.1 * @Author: PengShuai * @Date: 2022-06-01 17:30:04 * @LastEditors: PengShuai * @LastEdit
阅读全文
vue 无缝滚动
摘要：#1、创建 <!-- * @Descripttion: 无缝滚动 * @version: 0.0.1 * @Author: PengShuai * @Date: 2021-03-22 09:10:16 * @LastEditors: PengShuai * @LastEditTime: 2022-0
阅读全文
vue 二进制 导出 Excel
摘要：#1、方法示例 // 主表导出 onMainExport(row) { const params = { id: '参数', } this.$library.api .Post({ url: 'API地址', params, responseType: 'blob', // 导出类型 }) .the
阅读全文
Webview H5 小程序 分享功能
摘要：#1、Webview说明 Webview可以内嵌在移动端，实现前端的混合式开发，大多数混合式开发框架都是基于WebView模式进行二次开发的。 #2、前端代码 VUE 1)、安装依赖 npm i weixin-js-sdk -s 2)、全局注入 import wx from 'weixin-js-s
阅读全文
创建Node服务
摘要：#1、创建空文件夹 01_Server // 创建 package.json npm init #2、安装 node express 框架 npm i express #3、创建 app.js #4、创建路由 /* * @Description: node * @Author: PengShuai
阅读全文
vue 点击选中效果
摘要：#1、创建 <!-- * @Description: 菜单DEMO * @Author: PengShuai * @Date: 2022-02-17 09:16:19 * @LastEditors: PengShuai * @LastEditTime: 2022-02-17 10:27:49 -->
阅读全文
vue dhtmlx-gantt(甘特图-拖拽)
摘要：#1、安装依赖 cnpm i dhtmlx-gantt -s 或 npm i dhtmlx-gantt -s #2、创建demo.vue <!-- * @Description: gantt * @Author: PengShuai * @Date: 2022-02-14 10:31:40 * @L
阅读全文
vue element-ui 表格前端操作
摘要：#1、布局 <div class="wrapper"> <!-- 按钮组 --> <div class="btn-box"> <div class="btn"><el-button @click="onAdd">新增</el-button></div> <div class="btn"><el-bu
阅读全文
vue 单选-多选
摘要：#1、代码 <div v-for="(item, index) in list" :key="index"> <div> 问题：{{ index + 1 }}、{{ item.title }} <span v-if="item.state 'single'">(单选)</span> <span v-
阅读全文
vue 过滤查询（计算属性 computed）
摘要：#1、结构 <template> <div class="Ling"> <input type="text" v-model="searchValue" /> <div v-for="(item, index) in personInfoListSearch" :key="index"> {{ it
阅读全文
vue 消息推送 WebSocket
摘要：#1、创建WebSocket.js文件 #2、设置链接 const url = "localhost:8080" #3、方法 class WebSocketClass { constructor() { this.instance = null; this.connect(); } static g
阅读全文
