接口axios vue all
Vue.js 嵌套（多级）路由
视频 3.多级路由（多级路由） 配置路由规则，使用children配置项： routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { pa ......
Vue.js 路由几个注意点
视频 2.几个注意点 路由组件通常存放在pages文件夹，一般组件通常存放在components文件夹。 通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载。 每个组件都有自己的$route属性，里面存储着自己的路由信息。 整个应用只有一个router，可以通过组件的$router ......
Vue.js 路由的基本使用
npm i router@3 1.基本使用 安装vue-router，命令：npm i vue-router 应用插件：Vue.use(VueRouter) 编写router配置项: //引入VueRouter import VueRouter from 'vue-router' //引入Luyou ......
ChatGPT的api接口接入小程序
前两天ChatGPT异常的火热╰（‵□′）╯，引领了又一大热点和趋势，闲来无事（其实就是想蹭波热点(●'◡'●)）我也尝试了一下，确实让人很惊讶，可能会颠覆一些行业，比如涉及文字处理的像是：短视频文案、商业企划、写论文和论文分析、电商商品描述、商品文案等等。都可以用ChatGPT来尝试写作，效果还挺 ......
Axios 中 qs的使用
1.qs的安装 npm install qs 2.为什么要使用qs 数据使用axios发送请求发现后端接收不到参数,需要把参数序列化 数据在请求体中，后端不方便拿Vue中提供了qs这个插件，可以进行数据序列化 参考文章： (18条消息) axios 中 qs 的使用_qs是axios_野蛮生长001 ......
macOS 如何通过 SSH 访问树莓派 All In One
macOS 如何通过 SSH 访问树莓派 All In One 前置条件： 树莓派之前已经配置过 WI-FI 信息 Mac 与 树莓派都连接到同一个 WIFI 中 通过路由器管理页面查询到 树莓派 IP Address SSH + IP 默认主机名: raspberrypi 默认用户名: pi 默认 ......
第八篇 vue - 基础 - 条件渲染
v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染 <h1 v-if="awesome">Vue is awesome!</h1> v-else 你也可以使用 v-else 为 v-if 添加一个 else 区块 一个 v-else 元素必须跟在一个 v- ......
第九篇 vue - 基础 - 列表渲染
v-for 我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法，其中 items 是源数据的数组，而 item 是迭代项的别名 data() { return { items: [{ message: 'Foo' }, ......
如何使用树莓派控制 WS2812B LED 灯带 All In One
如何使用树莓派控制 WS2812B LED 灯带 All In One BTF-LIGHTING https://www.btf-lighting.com/ WS2812B RGB https://www.amazon.com/stores/page/0FF60378-45DE-44E7-B0D7- ......
Redis-单一接口优化
【性能优化】单一接口优化过程全记录（主要涉及Redis） 接口优化过程记录 问题背景 某个接口耗时长（247ms），但里面逻辑不算复杂，只进行了简单的对象引用以及操作了多次Redis 步骤1：链路追踪，确定业务耗时点 接口里通过链路追踪以及日志查询发现主要是操作Redis的这条链路耗时变长 步骤2： ......
第六篇 vue - 基础 - 计算属性
基础示例 模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。比如说，我们有这样一个包含嵌套数组的对象 export default { data() { return { author: { name: 'John Doe', books: [ ' ......
第五篇 vue - 基础 - 响应式基础
声明响应式状态 选用选项式 API 时，会用 data 选项来声明组件的响应式状态。此选项的值应为返回一个对象的函数 Vue 将在创建新组件实例的时候调用此函数，并将函数返回的对象用响应式系统进行包装。此对象的所有顶层属性都会被代理到组件实例 (即方法和生命周期钩子中的 this) 上 export ......
第七篇 vue - 基础 - 类与样式绑定
Class 与 Style 绑定 数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute，我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定 在处理比较复杂的绑定时，通过拼接生成字符串是 ......
vue2 学习笔记
Date: 2023-03-12 17:28:46 尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 记录遵循费曼学习法，让外行也能看懂。 Vue 总体大纲 MarkDown 引用快速查找 模板语法 内置指令 computed 和 watch P1 Vue介绍 P2 Vue简介 P3 ......
vue3 快速上手
Date: 2023-03-28 21:43:46 Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） Vue3带来了什么 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% ...... 2.源码的升级 使用 ......
Vue2入门之超详细教程五-el和data的两种写法
1、简介 Data与el的2中写法： el有两种写法 (1) new Vue时配置el属性 (2) 先创建Vue实例，随后在通过vm.$mount(‘#root’)指定el的值 Data也有两种写法 (1) 对象式 (2) 函数式，搭配组件时，data必须使用函数式 一个重要的原则 由Vue管理的函 ......
vue+django图片上传七牛云
使用七牛云服务 用户在前端传入的图片，直接存入到七牛云中，并把图片链接保存到后端 逻辑 前端获取到图片 发送给后端 后端调用七牛云服务 生成图片名称 上传到七牛云 然后拿到图片外链 存入对应数据中 前端代码 前端使用了vue 加 vant2组件 <van-uploader v-model="file ......
优雅的接口防刷处理方案
前言 本文为描述通过Interceptor以及Redis实现接口访问防刷Demo 这里会通过逐步找问题，逐步去完善的形式展示 原理 通过ip地址+uri拼接用以作为访问者访问接口区分 通过在Interceptor中拦截请求，从Redis中统计用户访问接口次数从而达到接口防刷目的 如下图所示 工程 项 ......
看看别人后端API接口性能优化的11个方法，那叫一个优雅!
前言 接口性能优化对于从事后端开发的同学来说，肯定再熟悉不过了，因为它是一个跟开发语言无关的公共问题。 该问题说简单也简单，说复杂也复杂。 有时候，只需加个索引就能解决问题。 有时候，需要做代码重构。 有时候，需要增加缓存。 有时候，需要引入一些中间件，比如mq。 有时候，需要需要分库分表。 有时候 ......
Vue——initProvide【十一】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initProvide进行剖析，初始化生命周期之后紧接着。 initProvide export function initProvide(vm: Component ......
vue 软键盘组件封装
场景和需求 1 软键盘固定 2 多输入框共用一个组件，聚焦切换时操作对象自动切换 3 根据光标在输入框的位置进行相应的输入和删除操作 4 点击软键盘时保存输入框光标活跃 5 输入框和键盘在一个弹窗组件中，弹窗打开时对其中一个输入框默认聚焦 6 样式方面，按键宽度自适应，可以给特定按键特定样式。 7 ......
面包板使用教程 All In One
面包板使用教程 All In One (🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章！ 面包板 导通图解 揭开面包板背面的双面胶贴纸 ✅ https://youtu.be/spOV ......
记录--vue刷新当前页面
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面. 思路 (1)如果页面简单,调用接口刷新数据即可. (2)如果页面复杂,需要调用多个接口或者通知多个子组件做刷新,可以采用刷新当前页面的方式 下面整理了 ......
vue-cookies用法
import Cookies from 'vue-cookies'; const cookies = {}; cookies.set = function (name = 'default', value = '', cookieSetting = 60 * 60 * 24 * 365) { Coo ......
vue2中使用TinyMCE
背景 整理使用到的tinymce的富文本，http://tinymce.ax-z.cn/，这个是大佬写的中文文档，如果自己有兴趣的话，可以去看看英文文档。 Tinymce 由于项目原因，使用的是vue2.x版本，所以我选择使用的是"@tinymce/tinymce-vue": "^3.0.1"和"t ......
vue和微信小程序生成条形码和二维码
二维码又称二维条码，常见的二维码为QR Code，QR全称Quick Response，是一种编码方式。它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。 条形码(barcode)是将宽度不等的多个黑条和空白，按照一定的编码规则排列，用以表达一组信息的图形标识符。常见的条形码是 ......
vue全家桶进阶之路23：Element UI
Element UI 是一套基于 Vue.js 的组件库，它提供了一系列常用的 UI 组件，包括表单、弹窗、布局、导航等等。Element UI 的设计风格简洁、易用、美观，且易于定制。 Element UI 的主要特点包括： 基于 Vue.js 开发，组件易于使用和定制。 提供了丰富的 UI 组件 ......
Spring boot 、Vue学习体会
近期集中学习了Spring boot 、Vue等技术，学习过程也是不断碰壁，总的来说自认为有些涨进，抓住核心、深入关键、逐步剖析。 两个技术分别负责后台和前端，学习后一个感受，两个技术内部深层次逻辑有相似性，均是做到了框架管理对象、管理生命周期，简化操作。 1、管理对象 spring boot 通过 ......
openai.Completion.create 接口参数说明
对于接口，不了解参数含义，就不知道它能咋用？而了解参数的含义最好有例子，基于这个认知，整理的OpenAI几个主要API的接口参数说明。 OpenAI的completions接口是一种自然语言处理API，可用于各种文本生成任务，例如： 文本摘要：给定一篇文章，生成一个简短的摘要。 语言翻译：将一种语言 ......