页面axios网络vue
在不利用axios和ajax实现get请求
在正常的前端开发中，如果不使用 AJAX 或 Axios 库发送 GET 请求，可以使用原生的 JavaScript 发送请求。 可以使用 `XMLHttpRequest` 对象来发送 GET 请求。下面是一个示例： ```javascript var xhr = new XMLHttpReques ......
Vue 生命周期
生命周期 生命周期函数定义的位置与data属性、methods属性平级 beforeCreate在Vue实例创建之前，data中的数据和methods中的方法并没有初始化，所以它不能被调用 在created生命周期函数中，data中的数据和methods中的方法已经被初始化完成，可以在页面中调用 ......
网络编程
# 网络协议 ## TCP/UDP对比 1. TCP面向连接（如打电话要先拨号建立连接）;UDP是无连接的，即发送数据之前 **不需要建立连接** 2. TCP提供可靠的服务。也就是说，通过TCP连接传送的数据，无差错，不丢失，不重复，且按序到达;UDP尽最大努力交付，即不保证可靠交付 3. TCP ......
Vue 样式绑定
绑定 HTML class :class (v-bind:class 的缩写) :class 指令也可以和一般的 class attribute 共存 绑定的对象并不一定需要写成内联字面量的形式，也可以直接绑定一个对象 可以给 :class 绑定一个数组来渲染多个 CSS class 绑定内联样式 ......
Nginx反向代理实现Vue访问Netcore的简要说明
1、Nginx的nginx.conf文件配置 1 server { 2 listen 8080; 3 server_name 127.0.0.1; 4 5 #charset koi8-r; 6 7 #access_log logs/host.access.log main; 8 9 10 locat ......
js网络请求
var xhr = new XMLHttpRequest();xhr.withCredentials = false;xhr.open('post', 'http://localhost:20100/API/Wms/GetDeliveryDate', true);// 请求超时的时间（单位：毫秒）x ......
Django博客开发教程:单页面实现与代码优化
单页面的URL是：网站域名/about/，由于单页面里面的东西比较少，我们就只查询一下分类表获取所有文章分类即可。视图函数代码： blog/views.py # 关于我们 def about(request): allcategory = Category.objects.all() return ......
C# BitConverter扩展类 处理网络字节序
using System; using System.Linq; using System.Net; using System.Text; namespace Common { /// <summary> /// 对BitConverter进行方法扩展 /// </summary> public s ......
Django博客开发教程:实现标签页面
标签列表是的URL是：网站域名/tag/标签名，标签名是URL里的<tag>传进来的。标签页面和列表页面展现样式是一样的，前面我们也提及过，所以我们直接复制list.html页面，然后更名为tags.html。 视图函数代码： blog/views.py def tag(request, tag): ......
Django博客开发教程:实现搜索页面
搜索列表页的URL是：网站域名/s/搜索关键词,搜索页面，同样我们直接复制一份list.html页面，然后更名为search.html。 视图函数代码： def search(request): ss=request.GET.get('search')#获取搜索的关键词 list = Article ......
vue 报错解决方法
nodejs 版本过高导致启动项目失败 控制台输入 $env:NODE_OPTIONS="--openssl-legacy-provider" 重新下载依赖 npm i 启动项目 npm run dev 参考 umi项目启动报错node:internal/crypto/hash:71this[kHa ......
搞懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref...
在 Vue3 中，有许多与响应式相关的函数，例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法，让我们在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ## ref() 大家对于 ref ......
vue-vuex中使用commit提交mutation来修改state的原因解析
https://blog.csdn.net/a460550542/article/details/82620457 在vuex中，关于修改state的方式，需要commit提交mutation。官方文档中有这么一句话： 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。 为 ......
vue3 - 警告 `shallowRef` instead of `ref` - 解决
完整警告 [Vue warn]: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided b ......
vue3 动态创建ref
:ref="(el)=>setItemRef(el, 'test'+1)" const iframeRefs = {}const setItemRef = (el, key) => { if (el) { iframeRefs[key] = el }} onMounted(()=>{ const i ......
vue3 使用clipboard实现一键复制
# 安装clipboard包 ```bash npm install vue3-clipboard ``` # 在main.js中进行配置 ```js import VueClipboard from 'vue3-clipboard' const app = createApp(App) use(V ......
vue3中组件之间通信ref和$parent的用法
ref的用法： //子组件 <template> <div class="son">我是子组件{{num}}</div> </template> <script> imoprt ref from 'vue' let num = ref(100) //这里需要注意：组件内部数据对外是关闭的，如果想让外 ......
MockJs和axios
#### axios和mockjs 是两个不同的工具，它们在前端开发中有不同的作用，不能完全互相替代。让我为您解释一下它们的不同之处和如何在开发中使用它们。 **Axios**： - `Axios` 是一个用于发送 HTTP 请求的 JavaScript 库，它用于与后端服务器进行数据交互。您可以使 ......
使用Vant搭建的H5页面移动端无法上传图片问题
<div class="van-cell van-field"> <div class="van-cell__title van-field__label">头像：</div> <div class="van-cell__value van-field__value"> <div class="va ......
vue中使用Tinymce
1、安装tinymce编辑器 npm i tinymcenpm i @tinymce/tinymce-vue 或： yarn add tinymce yarn add @tinymce/tinymce-vue 2、配置中文语言包 地址：中文语言包 注：最好将语言包放在public/langs/或st ......
vue3中的useAttrs和 defineProps的用法
<template> <Table :data="data" v-bind="$attrs"/> </template> <script setup lang="ts"> const $attrs = useAttrs() const data = defineProps(["data"]) </s ......
【校招VIP】前端vue考点之生命周期和双向绑定
考点介绍： VUE是前端校招面试的重点，而生命周期和双向绑定又是基础考点之一，尤其在一二线公司，要求知道双向绑定的原理，以及相关代码实现。 一、考点题目 1、mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？ 解答：mvc和mvvm其实区别并不大。都是一种设计思想。主要就 ......
神经网络速查表
转自网络。  ![](https://img2023.cnblogs.com/blog/1995797/202308 ......
4网络安全体系架构设计
开放系统互联安全体系结构 网络通信 安全服务 安全机制 安全服务与安全机制的对应关系 鉴别服务 认证机制（数字签名机制） 访问控制服务 访问控制机制（路由控制） 数据机密性服务 加密机制（业务流填充机制） 数据完整性服务 数据完整性机制 抗否认性服务 公共认证机制 认证框架： 鉴别的目的是防止被鉴别 ......
VTK 实例49：计算三角网络模型面积、体积
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例50：计算三角网络模型的测地距离
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSphereSource.h> 6 #include ......
【技术积累】Vue.js中的CSS过渡【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue3+vite+ts项目初始化
### 创建项目 ``` # npm 6.x npm create vite@latest my-vue-app --template vue # npm 7+, extra double-dash is needed: npm create vite@latest my-vue-app -- -- ......
[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended.
 ### 原因 意思是自定义指令不能放到组件上,而是要放到自有的元素上,也就是这里用到的`v-dialogDrag ......
TienChin 创建菜单页面
上一节当中我们只是给后台添加了对应的菜单，实际上对应的页面还没有存在这节主要就是创建出来页面： - 促销活动: activity - 统计分析: analysis - 商机管理: business - 渠道管理: channel - 线索管理: clue - 合同管理: contract - 私教课 ......