# 实现 jQuery 前端聊天插件教程
## 整体流程
首先我们来看整件事情的流程，我们可以用表格展示步骤：
| 步骤 | 描述 |
|-------------|-----------------------------------------------|
| 1 | 准
原创
2024-04-05 04:22:24
118阅读
通过jsonp简单获取接口数据，对了，注意下jsonp方法会自动添加callback<template> <div class="sky"> <h3>获取城市：</h3> <div class="skycon"></div> </div></template><script>//导入jsonp插件import jsonp from 'jsonp';export defaul
原创
2021-07-12 11:01:30
310阅读
通过jsonp简单获取接口数据，对了，注意下jsonp方法会自动添加callback<template> <div class="sky"> <h3>获取城市：</h3> <div class="skycon"></div> </div></template><script&g
原创
2022-02-26 18:28:10
783阅读
# 前端开发中使用 Yarn 安装 Vue 插件的命令
在前端开发中，Vue 是一款非常流行的 JavaScript 框架，用于构建用户界面。在使用 Vue 进行开发时，我们经常需要安装各种插件来扩展 Vue 的功能。而 Yarn 是一款用于管理 JavaScript 依赖的工具，可以有效地帮助我们安装和管理这些插件。
## 什么是 Yarn
Yarn 是由 Facebook、Google、
原创
2024-01-10 10:45:14
179阅读
使用Vue真的太棒了，但是也有可能使你头疼，当你试图使它与jquery插件混用的时候。问题的原因是jquery与Vue是完全不同的东西，Vue是通过组件与数据绑定来进行渲染的，jquery则主要是用来做简单的单击处理和强大的操纵DOM的能力。我试图寻找一些东西来帮助自己解决这个问题，但是我发现一些组件所做的工作不是很让我满意，所以让我告诉你怎样使Vue与jquery插件混用。 这么做的目
转载
2023-10-20 16:59:17
107阅读
# 使用Vue前端与Python后端实现聊天功能的全流程指南
在今天的开发环境中，使用前后端分离的方法来构建应用程序是非常常见的。本文将指导你如何使用Vue.js作为前端框架，以及Python（Flask）作为后端框架实现一个聊天应用。为了更好地理解整个流程，我们将通过流程图和代码示例一步一步带你走过这个过程。
## 整体流程
以下是完整的工作流程：
| 步骤 | 描述 |
|------
原创
2024-10-18 07:44:05
75阅读
Vue组合式API中如何使用TS组合式API使用TS组合式API中使用TS，要比选项式API中使用TS会更加的简单，不需要做过多的处理，只需要利用原生TS的能力就可以。并且组合式API都具备自动类型推断的能力，代码如下：<script setup lang="ts">
import { computed, ref } from 'vue';
let count = ref(0);
le
转载
2023-10-23 11:56:18
72阅读
后端API校验
基于drf的认证组件实现只有登录之后才能查看。
1.认证组件的开发
raise AuthenticationFailed()
return user_object, token
2.请求测试
认证失败
状态码：401
原创
2024-05-02 23:31:27
173阅读
一些常用但不被熟知的vue相关生态及插件本人在项目开发及个人练习中，用到的一些好的插件或工具库。话不多说，直接安排（官方有文档的直接附上url）①vxe-table :一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等。地址：https://xulia
Vue中的计算属性与监视属性使用差值语法实现使用methods实现computed 计算属性实现监听属性侦听属性基本用法深度监听监听的简写方法 需求分析： 两个输入框进行联动，全名随着两个输入框的输入而变化拼接使用差值语法实现<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"&
文章目录八、jQuery事件8.1 常用事件九、事件代理9.1 事件代理介绍十、JavaScript自定义对象10.1 JavaScript对象的介绍10.2 JavaScript创建对象操作十一、json11.1 json的介绍11.2 json的格式11.2.1 对象格式11.2.2 数组格式11.3 json数据转JavaScript换成对象十二、ajax12.1 ajax的介绍12.2
转载
2023-12-09 14:51:47
17阅读
一个前端开发框架其实就是一系列产品化的HTML/CSS/JavaScript组件的集合，我们可以在设计中使用它们。前端开发框架有很多，其中有一些写得很棒。为了大家的使用便利，下文列举了目前最强大应用最广泛的几款前端开发框架。记住，这些框架并不仅仅是CSS 栅格之类的一些东西，它们包括的是整套的前端开发框架。 1. Bootstrap Boostrap绝对是目前最流行
转载
2023-08-29 17:24:16
6阅读
4. 通过axios实现数据请求vue.js默认没有提供ajax功能的。所以使用vue的时候，一般都会使用axios的插件来实现ajax与后端服务器的数据交互。注意，axios本质上就是javascript的ajax封装，所以会被同源策略限制。下载地址：https://unpkg.com/axios@0.18.0/dist/axios.js
https://unpkg.com/axios@0.18
vue手把手带你创建聊天室（vue-native-websocket）谓套接字(Socket)，就是对网络中不同主机上的应用进程之间进行双向通信的端点的抽象。一个套接字就是网络上进程通信的一端，提供了应用层进程利用网络协议交换数据的机制。从所处的地位来讲，套接字上联应用进程，下联网络协议栈，是应用程序通过网络协议进行通信的接口，是应用程序与网络协议根进行交互的接口 [1] 。正文开始：socket
转载
2024-03-20 07:21:07
149阅读
一、Vue基本语法1. Vue.js是什么?一位华裔前Google工程师(尤雨溪)开发的前端js库作用: 动态构建用户界面特点:
遵循MVVM模式；编码简洁, 体积小, 运行效率高, 移动/PC端开发；它本身只关注UI, 可以轻松引入vue插件和其它第三库开发项目;与其它框架的关联:
借鉴angular的模板和数据绑定技术；借鉴react的组件化和虚拟DOM技术;vue包含一系列的扩展
转载
2024-06-20 11:14:55
103阅读
Vue插件用于增强Vue，插件本质上是一个包含install方法的一个对象。
转载
2022-11-17 13:57:00
140阅读
在vue_cli中,如果需要引入一个插件 如果这个插件是vue的插件,那么需要在main.js中引入,并注册进去 比如:element ui,Vuex,vue-resource都是属于vue的插件...使用的时候需要在main.js中导入并注册方可使用 如果这个插件是非vue的插件,那么则直接在组件 ...
转载
2021-07-12 11:19:00
258阅读
2评论
UI组件
element - 饿了么出品的Vue2的web UI工具套件
Vux - 基于Vue和WeUI的组件库
mint-ui - Vue 2的移动UI元素
iview - 基于 Vuejs 的开源 UI 组件库
Keen-UI - 轻量级的基本UI组件合集
vue-material - 通过Vue Material和Vue 2建立精
转载
2023-10-08 23:34:44
253阅读
1、引入vue 2、引入插件 3、通过vue.use()调用 例子：使用router插件 import Vue from "vue"; import VueRouter from "vue-router"; Vue.use(VueRouter);
原创
2021-07-13 17:22:25
298阅读
前言本文主要介绍了vue中plugin插件的用法及其功能，pluginplugin用来为Vue添加全局功能，可以把通用性强的功能进行封装。定义plugin需要使用install方法。这个方法有两个参数app,options。app是Vue构造器，options是一个可选的选项对象。htmlconstmyPlugin={install(app,options){console.log(app,opt
原创
2022-11-22 22:59:06
291阅读
