接口 通讯 链接vue

vue学习笔记01

vue3 带来的变化 vue3 的发布时间 2020/09/19。 优点:更好的性能、更小的包体积、更好的 TypeScript 集成、更优秀的 API 设计。 options API->CompositionAPI,由选项 API 到组合 API。 学习方式: 官方文档 看书学习,书的质量要高,你 ......
笔记 vue

webpack支持mock 数据接口

https://blog.csdn.net/qq_43456687/article/details/122813617 https://segmentfault.com/a/1190000013220134 ......
接口 webpack 数据 mock

SEO优化:友情链接!真心换真心?

友情链接是什么 SEO 中的友情链接是指两个网站之间「相互链接」,比如这种: 这种链接通常是由两个网站的站长协商达成的,目的是为了增加网站的链接数量和流量。 友情链接有多大用 友情链接说到底还是反向链接的一种,基于我写的这篇SEO优化:网站反向链接建设的意义、方案、思路及误区,我们可以立即推出友情链 ......
真心 友情链接 友情 链接 SEO

Vue3 学习记录

VUE3 学习记录 模板语法 绑定文本值 <p>Using text interpolation: {{ rawHtml }}</p> <p>Using v-html directive: <span v-html="rawHtml"></span></p> 绑定 Attribute <div v- ......
Vue3 Vue

链接文件中的位置计数器

特殊符号“.”,是位置计数器(location counter),按输出段的大小递增,设置位置计数器可以改变输出段的地址在“SECTIONS”命令的开头,位置计数器的值为“0”。位置计数器可以进行算数运算。 ......
计数器 位置 链接 文件

Vue.js 具名插槽

视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot name="center">我是一些默认值,当使用 ......
Vue js

Vue.js 默认插槽

默认插槽视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot>我是一些默认值,当使用者没有传递具体结构时 ......
Vue js

关于博客园图床接口对接使用

原文地址: 关于博客园图床接口对接使用 - Stars-One的杂货小窝 最近巧合发现一个新东西,可以通过XmlRpc调用获取博客园图床,通过这个原理,可以不用每次写博客的时候都访问博客园后台来粘贴图片了 于是也是在我的工具软件xtool里封装了这个博客园上传的功能,之后贴图片就可以直接通过xtoo ......
接口 博客

vue2之对象属性的监听

vue2之对象属性的监听的一些总结 对象属性监听的两种方法: 1.普通的watch data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newValue) } } 2 ......
属性 对象 vue2 vue

数据接口配置服务-Dataway(DataQL)

官方文档地址:https://www.hasor.net/web/dataway/about.html Dataway的demo地址:https://github.com/Guofucheng0822/spring-boot-demo/tree/master/project-hasor-datawa ......
接口 Dataway 数据 DataQL

使用ajax获取接口数据,后端使用c#将数据保存到数据库

1、前端获取token传到后端 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="GetDeviceInfo.aspx.cs" Inherits="GetDeviceInfo" %> <!DOCTYPE html> <html xmlns ......
数据 接口 数据库 ajax

vue3+vite+ts:使用@符号,找不到模块

报错问题 情况说明:在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......
符号 模块 vue3 vite vue

Vue3 点击复制功能,利用vue-clipboard3

首先安装插件 vue-clipboard3 npm install vue-clipboard3 --save 然后在页面里面引入 <button class="btn" @click="copy()">点击复制</button> 建议用buttn标签,因为别的标签可能会失效 <script set ......
vue-clipboard clipboard 功能 Vue3 Vue

使用鼠标在图片上拖拽矩形框vue

<template> <div> <img class="no-drag" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove="updateSelec ......
矩形 鼠标 图片 vue

通过鼠标拖拉获取图片原像素的两个点坐标vue

<template> <div> <img class="no-drag" ref="image" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove= ......
坐标 像素 鼠标 两个 图片

Go语言:利用 TDD 驱动开发测试 学习结构体、方法和接口

环境安装: (新手向)在Linux中使用VScode编写 "Hello,world"程序,并编写测试-Ubuntu20.4 上一篇相关随笔: Go语言:利用 TDD 测试驱动开发帮助理解数组与动态数组(切片)的区别 正文👇 先来点简单的: 假设我们需要编程计算一个给定高和宽的长方形的周长。我们可以 ......
接口 语言 结构 方法 TDD

vue-devtools的安装与使用

vue-devtools的安装与使用 https://blog.csdn.net/weixin_43843572/article/details/124980771 ......
vue-devtools devtools vue

Vue : html table固定表头、表格内容无缝滚动的一种匪夷所思的解决方案

背景 需求是一个能适配主流分辨率的表格,表头固定,表格内容上下滚动 首先尝试的这个原生的标签,但是有个问题啊,就是在循环滚动中,每次滚动之间会出现大片空白。 大概是这样:第一行--滚动--最后一行--滚动--大片空白--滚动--第一行 所以放弃了marquee标签,选择使用js和原生的html ta ......

运行vs开发的vue.js项目

开发好的vue.js项目,如何运行?参考如下步骤: #1 npm install -g 项目缺失的组件包全部补全。 #2 npm run serve vuejs-app1@0.1.0 serve SET NODE_OPTIONS openssl-legacy-provider && vue-cli- ......
项目 vue js

uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法,设置不同值和获取不同值的实现方法

uni-app picker通用方法、uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法,设置不同值和获取不同值的实现方法 页面: <view class="demo-uni-col light" v-for="cardIndex in u ......
方法 数组 bindPickerChange 多个 事件

vue3+ts ckplayer播放监控视频

1、第一步下载ckplayer,然后把ckplayer复制到项目中public文件夹下 2、index.html引用ckplayer.js <script type="text/javascript" src="/ckplayer/ckplayer.min.js" charset="UTF-8" d ......
ckplayer 视频 vue3 vue ts

Vue3学习笔记 —— 状态管理、Vuex、Pinia (未完结)

优秀文章分享:vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理? 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <!-- 视图 --> <template>{{ count }}</t ......
状态 笔记 Pinia Vue3 Vuex

图片显示(后端返回接口在预览中展示图片,响应无返回)后端返回二进制图片前端乱码解决方案

https://blog.csdn.net/weixin_46801282/article/details/123386264 解决方案一:后端把图片转码成base64再发送过来 router.get('/test', (req, res) => { fs.readFile('./test.png' ......
图片 二进制 乱码 前端 接口

.NET Core WebApi接口ip限流实践

.NET Core WebApi接口ip限流实践 前言 之前一直想实现接口限流,但一直没去实现,然后刚好看到一篇文章是基于AspNetCoreRateLimit 组件的限流策略。这个组件不做多的介绍,想了解详情可以去访问官方网址或者原文地址,地址在文章底部,本文只讲实现。 实现接口限流步骤 导包 第 ......
接口 WebApi Core NET

Vue中div和template的区别

template是作为占位符模板,用于包裹元素,自身并没有被渲染出来。 相较于使用div 会节省一个没必要的div标签的空间。 我们都知道 v-show隐藏元素的原理是 控制其元素的display:none; template并没有被作为 dom元素被渲染出来, 所有无法控制其 display:no ......
template Vue div

vue中强制刷新页面的两种方法

①location.reload() ②this.$router.go(0) ......
页面 方法 vue

vue中van-picker的选项插槽使用方法

van-picker的内部选项怎么来自定义 首先要确保 Vant UI 的版本在2.10.0以上 然后利用插槽slot来实现,在Vant 里插槽有一个进阶用法 # <van-picker :show-toolbar="false" :default-index="2" // 默认选中第三行,选中第一 ......
使用方法 van-picker 方法 picker vue

记录VUE开发遇到异常el-select绑定值为对象的时候报key重复的异常问题

最近在用el-select时发现渲染出来的选项全部被激活了,一开始以为时v-for的key重复了,后来发现不是。 又以为时v-model绑定的数据不是响应式的,发现也不是。 查询Element UI 官方文档得到解决方案 <el-form :model="form2" ref="form2" siz ......
el-select 对象 时候 select 问题

Required request body is missing: 前端接口报错错误解决

前几天遇到一个报错:Required request body is missing; 经过检查是因为在传递参数时使用params来传递的。 而使用params来传递参数会被拼接到url上不管是get还是post请求,这时候请求体也就是body是不存在的。 所有后端在获取参数时会报request b ......
前端 Required 接口 错误 request

使用axios+vue在离开页面时中断网络请求

最近做到一个需求需要在离开页面时中断未完成的网络请求 第一步: 引入axios和CancelToken实例子 import axios from 'axios' const CancelToken = axios.CancelToken 第二步:在封装好的接口方法中加入cancelToken配置属性 ......
页面 axios 网络 vue