前端 终端 实战vue
纯前端仿GPT流式打字效果的js库,类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布,很多官网都设计的是,仿造流式打字效果,下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面: <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
vue 中内置的特殊 Attributes中key的使用
谈到key, 我们通常是在v-for循环中使用key,如官网示例如下: 其实、在某些场景下,我们也需要手动进行修改key,然后来重新刷新dom。大概场景描述就是--数据变化了,但是dom没有更新。 比如其他场景: 1、echarts 数据变了,但是dom没有更新,这就需要手动刷新。 2、屏幕大小变化 ......
16.4冒泡排序实战
#include <stdio.h> #include <stdlib.h> #include <time.h> #include <string> typedef int ElemType; typedef struct { ElemType *elem; //存储元素的起始地址 int Tabl ......
Vue之插件的使用
作用 vue的插件的作用就是为了增强Vue,比如router,比如Vuex 本质就是包含install方法的一个对象,install的第一个参数是vue,第二个及之后的参数是使用都要传递的数据,插件对象中的install方法会被vue自动调用。 使用 在Vue项目的src目录中创建目录plugins ......
vue table 里面 slot 的模板复用 slot-scope template v-for
vue table 里面 slot 的模板复用 slot-scope template v-for 需求 经常在table里面要有自定义列,但是会有相同的自定义列,这个时候又不想写很多一样的template,就可以用这种方式 代码 <template :slot="slotName" v-for=" ......
狂神Vue笔记
1. 前端核心分析 1.1 Vue 概述 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库(如: vue-router: 跳转, ......
uniapp使用vue3 setup
引入 uniapp 页面声明周期 <script setup> // 重点 import { ref } from 'vue' let index = ref("11"); onShow(() => { index.value = "22"; }); </script> ......
在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework
Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework. Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较 ......
Vue之混入对象mixin
简介 可以把多个组件共用的配置提取成一个混入对象。比如有两个组件,两个组件中有部分共同的内容,比如同样的变量,同样的函数等。这时候可以把这些共用的提取出来做成混入对象。 局部使用 在src目录中创建一个目录,我这里的目录名称就为mixin 在mixin目录中创建一个js文件,为了方便导入,所以创建的 ......
用quasar+vue3+组合式api VueRouter实现路由嵌套(二级路由)
前言: 本项目使用的是quasar创建,vue3的组合式api语法。部分语法不同,但不影响理解,修改语法后可以在vue2/选项式api项目中运行。 效果图: 文件目录结构和代码如下: 文中用到的标题栏数据如下: const titles = ref([ { name: "首页", path: "ho ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(四)
ClassicHeader <template> <header class="classic"> <div class="left"> <slot name="left"></slot> </div> <div class="right"> <slot name="right"></slot> < ......
CKEditor粘贴图片自动上传到服务器(VUE版)
由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 ......
JAVA返回前端时候bean转json时首字母、第二个字母大写会自动变成小写的问题
后台bean是 private String uName; 但是前端生成的json是 uname 会自动变成小写 如果我们只是个别的几个的话,只需要加个注解 @JsonProperty("uName") private String uName; 这样就可以了 ......
vue学习备忘
vue学习备忘 vue中!!、!=、== 、!==、 判断符号的用法等 !可将变量转换成boolean类型,null、undefined和空字符串取反都为false,其余都为true。 可以总结出来,“!”是逻辑与运算,并且可以与任何变量进行逻辑与将其转化为布尔值,“!!”则是逻辑与的取反运算,尤其 ......
vue长按事件指令(v-longPress)
import type { Directive, App } from 'vue'; const longPress: Directive = { beforeMount: function (el, binding, vnode, prevVnode) { if (typeof binding.v ......
Vue3中点击按钮滚动页面到低端
核心代码 <template> <div ref="editflagNode"></div> <div v-if="route.query.flag '1' || route.query.flag '3'"> <Title v-if="btnFlag || taskDetail.taskConclu ......
批量上传GPT知识库,前端elementui的upload上传组件,后端Golang的上传接口实现
为了实现批量上传GPT的知识库并且功能,那么这个上传组件就必不可少,需要能把文档上传到服务器中。 前端部分,我是采用的cdn引入的形式,引入的elmentui。该框架是有上传组件的,可以参考我的用法: action部分就是上传接口,其他三个是上传之前的处理,上传成功和失败后的回调函数 <el-upl ......
一对多订单前端写法
$.ajax({ url: "/orders/show_order", type: "GET", dataType: "JSON", success: function(json) { $("#test").empty(); console.log("删除成功!"); $.each(json.dat ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(三)
Edit.vue <template> <div id="edit"> <ClassicHeader> <template v-slot:left> <span>编辑随笔</span> </template> <template v-slot:right> <el-button @click="ne ......
前端上传资源时无缝切换
通过使用软链接,在上传时更改软链接指向实现 # send ssh new-prod-doc "rm -rf /data/web/dist_source_last/*" # 删除上一版本的资源 ssh new-prod-doc "cp -r /data/web/dist_source/* /data/ ......
4、Web前端学习规划:JavaScript - 学习规划系列文章
JavaScript作为Web前端里的第3重要的语言,笔者认为该重点进行学习。因为JavaScript衍生出来的框架和类库有不少,而且很强大。所以JavaScript的学习要抓好重点,在基本的语法及应用上学习相关的框架和类库,更好的为Web前端的开发应用做好准备。 1、 简介; JavaScript ......
3、Web前端学习规划:CSS - 学习规划系列文章
CSS作为Web前端开发的第2种重要的语言,笔者建议在学了HTML之后进行。CSS主要是对于HTML做一个渲染,其也带了一些语言语法函数,功能也非常强大。 1、 简介; CSS(层叠样式表)是一种用于描述网页样式的语言。它可以控制网页中的字体、颜色、布局、背景等方面的样式。CSS可以与HTML和Ja ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(二)
后台管理页面,需要配合NODE.JS搭建的EXPRESS服务器使用。 main.js import Vue from 'vue' import App from './App.vue' import router from './router' import { Button, Input, For ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(一)
很久以前写的。不想白写,这边记录一下,配合GPT简要回忆一下代码思路。 后台系统 demo_initBlog.js 首先是博客的后台系统,通过node demo_initBlog.js进行初始化。 const fs = require("fs").promises const path = requ ......
vue2+jsx与vue3+jsx插槽的写法
1.vue2 + jsx (1)slot组件 <template> <div class="index"> <h2>slotdemo -- 组件调用成功</h2> <slot name="title"></slot> <slot></slot> </div> </template> (2)调用 <s ......
Vue.js 组件内路由守卫
视频 About.vue App.vue #components ##Banner.vue <template> <div class="col-xs-offset-2 col-xs-8"> <div class="page-header"> <h2>Vue Router Demo</h2> <bu ......
vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。
原文转载:https://github.com/501351981/vue-office vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。 《演示效果》 功能特色 一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了 简单 ......
vue 组件加点击事件
vue 默认只能在元素dom上面加点击事件,否则你给组件加上点击事件是没有效果的。 解决方案: 可以在组件的事件后面加.native @click.native ......
基于 xterm + websocket + vue 实现网页版终端 terminal
cdn形式html页面实现 在进行开发这个功能的时候,进行了百度,最后参考此博主的文章中的自定义版本,进行修改:https://blog.csdn.net/qq_25252769/article/details/127791918 开发过程中,由于后台数据返回的格式需要进行处理,根据自身需求,代码进 ......
Vue.js 独享路由守卫
视频 独享守卫: beforeEnter(to,from,next){ console.log('beforeEnter',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localStorage.getItem('school') 'atgui ......