样式 组件scoped vue

网页支持传统蒙古文排版样式HTML+CSS

传统蒙古文排版跟大部分文字排版不一致,需要从上到下书写,然后从左到右的排版。 样式文件如下: .vertical-text { -webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -o-writing-mode: ve ......
样式 传统 网页 HTML CSS

批量上传GPT知识库,前端elementui的upload上传组件,后端Golang的上传接口实现

为了实现批量上传GPT的知识库并且功能,那么这个上传组件就必不可少,需要能把文档上传到服务器中。 前端部分,我是采用的cdn引入的形式,引入的elmentui。该框架是有上传组件的,可以参考我的用法: action部分就是上传接口,其他三个是上传之前的处理,上传成功和失败后的回调函数 <el-upl ......
前端 知识库 组件 elementui 接口

表单样式

属性选择器样式无需使用class或id的形式: 实例 input[type="text"] { width:150px; display:block; margin-bottom:10px; } input[type="button"] { width:120px; margin-left:35px ......
表单 样式

输入框(input) 样式

使用 width 属性来设置输入框的宽度: CSS 实例 input { width: 100%; } 尝试一下 » 以上实例中设置了所有 <input> 元素的宽度为 100%,如果你只想设置指定类型的输入框可以使用以下属性选择器: input[type=text] - 选取文本输入框 input ......
样式 input

自己动手,通过源码找回 Ant-Design-Blaozr 中 Tree 组件的搜索筛选效果

最近更新一个Blazor server的项目,顺带把用到的 Ant-Design-Blazor 升级到了最新的 0.14.4,结果发现之前在 0.8.4 版本中 Tree 组件的搜索显示效果变了,从仅显示找到的节点变成了在全部节点中高亮显示匹配的结果,为了节省用户沟通成本(就是懒得跟最终用户费口舌解 ......

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 ......
静态 简易 系统 博客 JS

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 ......
静态 简易 系统 博客 JS

RestSharp组件中止线程问题

###背景:下单流程里面,生成发货单是在独立线程池完成的,有些批发订单数据巨大,频繁拆包生成多个发货单 排查:由于ES刷新是在一个独立的api里面,一开始怀疑是异步线程频繁请求api导致中断的 SemaphoreSlim:对同时访问资源或资源池的线程数加以限制,结果:无效 lock:顺序执行,使线程 ......
线程 组件 RestSharp 问题

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(一)

很久以前写的。不想白写,这边记录一下,配合GPT简要回忆一下代码思路。 后台系统 demo_initBlog.js 首先是博客的后台系统,通过node demo_initBlog.js进行初始化。 const fs = require("fs").promises const path = requ ......
静态 简易 系统 博客 JS

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 js

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 jsx vue2 vue3

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-office 组件 多种 文件

vue 组件加点击事件

vue 默认只能在元素dom上面加点击事件,否则你给组件加上点击事件是没有效果的。 解决方案: 可以在组件的事件后面加.native @click.native ......
组件 事件 vue

基于 xterm + websocket + vue 实现网页版终端 terminal

cdn形式html页面实现 在进行开发这个功能的时候,进行了百度,最后参考此博主的文章中的自定义版本,进行修改:https://blog.csdn.net/qq_25252769/article/details/127791918 开发过程中,由于后台数据返回的格式需要进行处理,根据自身需求,代码进 ......
终端 websocket terminal 网页 xterm

Vue.js 独享路由守卫

视频 独享守卫: beforeEnter(to,from,next){ console.log('beforeEnter',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localStorage.getItem('school') 'atgui ......
路由 Vue js

Vue.js 全局前置和后置-路由守卫

全局前置路由守卫视频 全局后置路由守卫视频 12.路由守卫 作用:对路由进行权限控制 分类:全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫:初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeE ......
路由 全局 Vue js

vue点击其他地方,这个div隐藏,怎么通过自定义指令实现

vue指令 Vue指令是Vue.js框架中最核心的一部分之一,用于处理DOM元素上的行为和属性,类似于jQuery的插件。Vue指令使用v-前缀表示,例如:v-if,v-for,v-bind,v-on等等。 以下是一些常用的Vue指令: 1. v-model:绑定表单元素到Vue实例数据,实现数据的 ......
指令 地方 vue div

vue点击其他地方 这个div隐藏

Vue 中实现点击其他地方隐藏 `div` 的思路一般如下所示: 1. 给需要隐藏的 `div` 绑定一个 `v-show` 或 `v-if` 指令,初始状态为显示。2. 给整个页面或父级元素(比如 `body` 或者 `app` 组件,建议是根组件)绑定一个点击事件。3. 在点击事件的回调函数中, ......
地方 vue div

Unity快手上手【熟悉unity编辑器,C#脚本控制组件一些属性之类的】

Unity学习参考文档和开发工具 ☺ unity的官网文档:https://docs.unity3d.com/cn/current/Manual/ScriptingSection.html ■ 学习方式: 首先了解unity相关概述,快速认识unity编辑器,然后抓住重点的学:游戏对象、组件|C#脚 ......
快手 编辑器 脚本 组件 属性

界面组件Telerik ASP.NET MVC使用指南 - 如何自定义网格过滤

Telerik UI for ASP. NET MVC拥有使用JavaScript和HTML5构建网站和移动应用所需的70+UI部件,来满足开发者的各种需求,提供无语伦比的开发性能和用户体验。它主要是针对专业级的 ASP.NET开发,通过该产品的强大功能,开发者可以开发出功能丰富、适应标准广泛的响应 ......
网格 使用指南 组件 界面 Telerik

vue中父子组件调用之头像更新

问题描述: 修改图像的功能,要实现的功能是这样的:点击确认按钮,然后连带着上面的头像也更新,是不是很简单,只需要一个刷新就行,但是事实上没这么简单,因为我的这个项目涉及到三个组件 这里面中间是一个子路由,然后上面是一个组件,左边是一个组件 然后这个就涉及到子父组件传值, 这个总布局是Doctor.v ......
父子 组件 头像 vue

组件公共状态管理react-redux

知乎日报项目中,公共状态使用了 redux 和 react-redux,记录学习的知识 redux 工程化其实就是按模块划分,在开发中能更好的理解和维护,因此该项目将状态管理划分为如下的模块: store 用作存放状态管理的文件夹 action 是 store 中数据的来源,actions 文件夹用 ......
react-redux 组件 状态 react redux

vue路由懒加载

vue路由懒加载是性能优化考虑的一种策略。 假如在router内需要引入一个component文件, import PrevComp from './components/prev-comp' import NextComp from './components/next-comp' 这是常规的文件 ......
路由 vue

Vue.js 两个新的生命周期钩子(路由组件独有)

视频 11.两个新的生命周期钩子 作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。 具体名字: activated路由组件被激活时触发。 deactivated路由组件失活时触发。 Home.vue News.vue #components ##Banner.vue <template> ......
钩子 路由 组件 周期 两个

Vue.js 缓存路由组件

视频 10.缓存路由组件 作用:让不展示的路由组件保持挂载,不被销毁。 具体编码: <keep-alive include="News"> <router-view></router-view> </keep-alive> News.vue Home.vue Message.vue #compone ......
路由 缓存 组件 Vue js

Vue.js 编程式路由导航

视频 router-link 最后会转成 标签, 有时候页面不是a标签就不能用router-link来写 9.编程式路由导航 作用:不借助<router-link> 实现路由跳转,让路由跳转更加灵活 具体编码: //$router的两个API this.$router.push({ name:'xi ......
路由 程式 Vue js

[转]使用vscode创建vue文件时,自动生成vue文件模板

原文链接:https://blog.csdn.net/qq_45832807/article/details/105429613 在vscode中没有像hubilder一样,创建vue文件后就自动生成vue模板。 但是我们可以自己创建vue.json文件自定义配置。 记录一下我自己配置的过程🤭 1 ......
文件 自动生成 vue 模板 vscode

css 常用的文本样式、选择器、浮动和定位

常用的文本样式 ~ color 设置文字的颜色 color:red ~ font-size 设置文字的大小 font-size:12px ~ font-family 设置文字的字体 font-family:微软雅黑 ~ font-style 设置字体是否倾斜 font-style:“normal” ......
样式 文本 常用 css

记录-vue项目中使用PWA

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言: 梳理了一下项目中的PWA的相关用法,下面我会正对vue2和vue3的用法进行一些教程示例,引入离线缓存机制,即使你断网,也能访问页面。一旦用户访问了我们的网页,我们就像牛皮糖一样粘连着他,他永远都可以访问,即使断网也能访问。有一天 ......
项目 vue PWA

Vue3为dom组件增加 自定义可拖拽改变大小的指令(属性)

添加如下js文件resizable.js: 1 // 支持上下左右四边拖动。若内部元素太贴边,不易触发拖动事件,最好在拖动一边加边框,使鼠标容易选中。 2 // 使用方式: 3 // <div v-resizable="'right, bottom'"> 4 export default { 5 i ......
指令 组件 属性 大小 Vue3