接口axios vue all
Vue之后端交互、计算、监听、组件间通信
一、与后端交互三种方式 1、 2、 3、 4、小电影案例 html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdeli ......
接口自动化--postman（2）高级用法
Postman管理测试用例 Postman可以使用自带的用例集管理测试用例（Collection） Collection：类似于一个文件系统，可以添加文件、子文件、请求等等，它是Postman内部的模拟的文件系统，不是真的文件系统 第一步：添加用例集 第二步：用例集下添加子文件夹 第三步：添加请求 ......
vue:安装使用screenfull(screenfull@6.0.2/ vue@3.3.4)
一，官方站: 官网地址: https://sindresorhus.com/screenfull/ 代码地址: https://github.com/sindresorhus/screenfull.js 二，安装: 1,安装 root@lhdpc:/data/vue/responsive# npm ......
vue3 组件
学习随笔（Vue3 组件） 该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
vue:安装使用nprogress(vue@3.3.4)
一，官方地址: 官方站: https://rstacruz.github.io/nprogress/ 代码站: https://github.com/rstacruz/nprogress 二，安装/引入: 1,安装 root@lhdpc:/data/vue/responsive# npm insta ......
vue:run时报错:EACCES: permission denied(vue@3.3.4)
一，报错信息: [eslint] EACCES: permission denied, open '/data/vue/responsive/node_modules/.cache/eslint/43541cdc.json’ 如图: 二，解决 切换拒绝访问的文件的owner liuhongdi@lh ......
英特尔Wi-Fi 7无线网卡即将发布：支持PCIe、USB接口
虽然电气和电子工程师协会（IEEE）还未正式批准Wi-Fi 7（802.11be）规范标准，不过一些厂商已经将Wi-Fi 7作为新款Z790主板的主要卖点。 其中，很多主板都搭载了英特尔的Wi-Fi 7产品，而英特尔还提供了不同形态Wi-Fi 7无线网卡，预计会在今年上市。 英特尔现在已经列出了两款 ......
直播平台搭建，使用vue-pdf 实现pdf在线预览并且自定义预览框高度
直播平台搭建，使用vue-pdf 实现pdf在线预览并且自定义预览框高度 .pdf-preview { height: 100%; } 解决方案：提高指定样式的应用优先权（优先级） .pdf-preview { height: 100%; } // 穿透vue-pdf插件中的canvas样式 . ......
Vue-与后端交互的三种方式、箭头函数
与后端交互的三种方式 前后端需要打通 》从前端发送ajax 》ajax的核心：使用js发送http请求，接收返回 - 原生js，可以开启ajax，但是原生js开启，比较麻烦，需要做浏览器兼容，有坑（基本不写） - jq，写了个兼容所有浏览器的 $.ajax()，不仅仅有ajax，还封装了很多dom操 ......
从接口设计看业务分层
最近在做功能更改时，发现一个接口设计很有趣，其中涉及一些代码设计方面的值得思考的内容。 背景 以下是一个相对简单的优惠券列表功能。不同的优惠券具有不同的描述，而描述内容会受到一定的业务规则影响。例如，满5元可用的兑换券将显示为"满5.01可用"，而无订单限制的兑换券将显示为"仅支付0.01元"。 用 ......
vue3中的axios进行封装代理的使用（webpack）
1.安装axios npm install axios 2.在util文件夹下新建axios.js文件，用来处理axios拦截器 axios.js内容：（注意：其中router需要写成这种形式，不然会报 Uncaught (in promise) TypeError: Cannot read pro ......
Vue中的watch和mounted的区别
功能不同：watch是用来监听数据的变化，当数据变化时执行异步操作或开销较大的操作；而mounted是在Vue实例被挂载到DOM后执行的函数，主要用于初始化数据和操作DOM。 执行时间不同：watch是当数据变化时执行，而mounted是在组件被挂载到页面上后执行。 总的来说，watch更适合用来监 ......
9-微信小程序的网站的接口调用(直接调用)
微信小程序除了在第三方调用接口，还可以直接从网站调用接口，但是每个网站都有保护措施，所以要寻找那些没有防护的，可以来直接调用的网站。 案例：豆瓣电影的接口调用 1.百度豆瓣电源，找寻需要调用的页面 2.右键检查，或F12 3.回车，再次发起请求，查看网站接口 微信小程序作为新兴的技术，可能无法从网站 ......
12-Vue核心-绑定样式
class 与 style 绑定 1）在应用界面中，某个（些）元素的样式是变化的 2）class / style 绑定就是专门用来实现动态样式效果的技术 class 绑定样式 写法： v-bind:class = "xxx" 或 :class = "xxx" ，xxx 可以是字符串、对象、数组 1） ......
VUE 给table添加index
el-table :data="data" :row-class-name="tableRowClassName" tableRowClassName({row, rowIndex}) { row.index = rowIndex; }, ......
Java中的函数式接口
一、先来看看自定义的函数式接口使用。 @FunctionalInterface interface MyFunction { void run(); } public class Test { public static void main(String[] args) { MyFunction f ......
Node.js ORM Sequelize All In One
Node.js ORM Sequelize All In One Sequelize is an easy-to-use and promise-based Node.js ORM tool for Postgres, MySQL, MariaDB, SQLite, DB2, Microsoft S ......
How to use ESM & TypeScript in Node.js All In One
How to use ESM & TypeScript in Node.js All In One { "compilerOptions": { "module": "NodeNext", // "module": "Node16", } } { "name": "esm-ts-package", ......
Vue-js循环方式、v-model的使用、事件处理、表单控制、购物车案例
js循环方式 在es6语法中：（以后尽量少用var有很多坑） - let：定义变量 - const：定义常量 1. 方式一：for循环，基于索引的循环 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl ......
Vue之js循环方式、v-model 的使用、事件处理、表单控制、购物车案例、v-model修饰符
js循环方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js循环方式</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6. ......
vue-dayu03
js循环 方式一：基于索引的循环 <script> let i=0 for (;i<10;){ console.log(i) i++ } let good_list = [1, 2, 3]for (let j = 0; j < good_list.length; j++) { console.log ......
8-微信小程序的网站的接口调用
案例：查询天气预报 1.需要使用到的接口网址，在百度搜索 聚合数据：https://www.juhe.cn/ 聚合数据是一个请求接口的网站 准备工作做好后，就开始打开微信小程序编译器 wxml： <view class="top" > <text>查看天气预报</text> </view> <for ......
Vue基本使用
一 模板语法 插值语法：{{变量，js语法，三目表达式}} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>插值</title> <script src="https://cdn.jsdelivr.net/n ......
vue2项目创建
vue2项目 基本安装 vue creare 项目名 cd 项目名 code . 按照其它模块 element-ui npm i element-ui -S 在 main.js 中写入以下内容： import Vue from 'vue' import App from './App.vue' im ......
Vue的介绍
一 Vue简介 Vue(读音 /vjuː/，类似于 view) 是一套用于构建用户界面的 渐进式框架 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用 Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 官网：https://cn.vuejs.org/ 二 Vue ......
Vue多层级组件传递动态具名插槽
这里以一个table组件的二次包装为案例，父组件中使用子组件（table组件）再次包装： Vue2： 子组件，inTable <template> <table> <thead> <tr> <th v-for="(item, index) of columns" :key="index"> {{ i ......
《优化接口设计的思路》系列：第三篇—留下用户调用接口的痕迹
前言 大家好！我是sum墨，一个一线的底层码农，平时喜欢研究和思考一些技术相关的问题并整理成文，限于本人水平，如果文章和代码有表述不当之处，还请不吝赐教。 作为一名从业已达六年的老码农，我的工作主要是开发后端Java业务系统，包括各种管理后台和小程序等。在这些项目中，我设计过单/多租户体系系统，对接 ......
Java 之 实验十二 -- 接口
实验十二 接口 练习一 接口的使用 1，定义一个接口Shape，它含有一个抽象方法 double area( ) 2，定义一个表示三角形的类Triangle，该类实现接口Shape。此类中有两个分别用于存储三角形底边和高度的private成员变量int width和int height，在该类实现的 ......