前端 终端 实战vue
vue3+vite+web3.js报错ReferenceError: process is not defined
在vite最新版本中使用web3会报错只需要在vite.config.ts添加如下代码即可解决报错 import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@ ......
Vue2.0计算属性的实现
说一下整体思路: 在初始化的时候会给每一个计算属性都创建一个相对于的wathcer对象,然后这个watcher对象在创建的时候都会传入三个参数,第一个是vm实例对象,第二个就是在外面封装好的一个函数,这个函数主要是用于拿值,就是自己在外面写的return里面的值.第三个是一个对象,{lazy:t ......
读取ftp以base64返回到前端
* 需求：库中存放文件服务器的文件绝对路径文件（`d:\abc\111\abc.pdf`），搭建的ftp会指向`d:\abc` ，故`ftp:/192.1.1.12:21/111/abc.pdf`能取到文件。请用C#代码并base64格式返回到前端。 ```cs using System; usin ......
vue-json-viewer 展示json数据
# vue-json-viewer 展示json数据 当项目需要再网页中展示原始的json数据的时候，我们期望能够对json进行格式化展示，并且能够进行展开和折叠。vue-json-viewer可以帮助我们实现这样的功能。 ## 1. 安装 ```bash $ npm install vue-jso ......
Python3网络爬虫开发实战阅读笔记
## 基本库的使用 ### 网络请求库 #### urllib（HTTP/1.1） Python自带请求库，繁琐 基础使用：略 #### requests（HTTP/1.1） Python常用第三方请求库，便捷 基础使用：略 #### httpx（HTTP/2.0） Python第三方库，支持HTT ......
Go设计模式实战--用状态模式实现系统工作流和状态机
大家好，这里是每周都在陪你进步的网管～！本节我们讲一个行为型的设计模式--状态模式，并通过Golang示例进行实战演示。 状态模式（State Pattern）也叫作状态机模式（State Machine Pattern）状态模式允许对象的内部状态发生改变时，改变它的行为，就好像对象看起来修改了它实 ......
使用Docker将Vite Vue项目部署到Nginx二级目录
将使用Vite创建的Vue项目打包，并以二级目录方式部署到Nginx，同时设置代理地址。需要注意静态资源路径，路由模式等问题。 ......
解决vue2中methods写的方法无法使用箭头函数
1.情况：在method写递归函数，函数内使用了this.变量，报错变量为undefined，原因是function内this指向改变，因改写为箭头函数，使其this不被改变， 但是methods内又无法写箭头函数 2.解决：使用var获取this，供函数内使用 ......
VUE
vue //注册全局组件// import TitleHeader from '@/vcomponent/TitleHeader'// Vue.component(TitleHeader)// Vue.component("TitleHeader",TitleHeader) auto-complet ......
前端Vue仿滴滴打车百度地图定位查找附近出租车或门店信息(更新版)
#### 前端vue仿滴滴打车百度地图定位查找附近出租车或门店信息, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12982 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
前端两个变量连续赋值,一环扣一环
let a=b=c={} 这样相当于abc三个变量全部都指向了{}其中一个变量对这个空对象进行了操作那么所有的都会发生变化 let a=b=b='嗨嗨嗨' 这样的话,相当于同时申明了三个普通变量,之后对他们的休改都无关系 见到别人用过这种a=b=c=10 这样的操作,记录一下 ......
Vue全局过滤器的使用以及在template三元运算符中内使用过滤
新建filters.js如下，内容过滤可以自己写函数，记得export 导出 import dayjs from "dayjs"; // 转小写 let lower = value => value.toLowerCase(); // 转大写 let upper = value => value.t ......
基于uniapp+vite4+vue3搭建跨端项目|uni-app+uview-plus模板
最近得空学习了下uniapp结合vue3搭建跨端项目。之前也有使用uniapp开发过几款聊天/仿抖音/后台管理等项目，但都是基于vue2开发。随着vite.js破局出圈，越来越多的项目偏向于vue3开发，就想着uniapp搭配vite4.x构建项目效果会如何？经过一番尝试果然真香~ 版本信息 HBu ......
GPT生成式预训练Transformer架构应用实战
[toc] GPT生成式预训练Transformer架构应用实战 ## 1. 引言 人工智能在过去几年发展迅速，深度学习和Transformer架构成为了当前人工智能领域的热点。GPT生成式预训练Transformer架构是深度学习中的一种新型架构，可以更好地处理自然语言生成任务，因此受到了广泛关注 ......
企业级实战开发：深度学习技术在智能客服领域的应用
[toc] 1. 引言 随着人工智能的不断发展和应用，智能客服领域成为了深度学习技术的重要应用领域之一。智能客服能够自动化处理客户的问题，提高客户满意度，减少人力成本，同时也能够在客户遇到困难时快速响应，提供及时的帮助和支持。因此，将深度学习技术应用于智能客服领域具有重要的意义和价值。本文将介绍深度 ......
前端用画布去除图片多余的透明区域
传入图片的base64即可。 function clearblankimg(imgData){ var img = new Image(); //创建图片对象 img.src = imgData; img.onload = function() { var c = document.createEl ......
Kotlin协程-从理论到实战
> 上一篇文章从理论上对Kotlin协程进行了部分说明，本文将在上一篇的基础上，从实战出发，继续协程之旅。 ### 从源头说起 在Kotlin中，要想使用协程，首先需要使用协程创建器创建，但还有个前提——协程作用域(`CoroutineScope`)。在早期的Kotlin实现中，协程创建器是一等函数 ......
vue链接 sse 接口 实现实施通讯
sendSSEMessage(){ fetch( 'http://152.xxx.xx.76:xxxxx/api/v1/chat/message/send?prompt=什么是Python&chat_session_id=1', { headers: { token:"abbb78cbbdde172 ......
java基于springboot+vue的网吧管理系统，附源码+数据库+论文+PPT，适合课程设计、毕业设计
**1、项目介绍** 随着信息技术和网络技术的飞速发展，人类已进入全新信息化时代，传统管理技术已无法高效，便捷地管理信息。为了迎合时代需求，优化管理效率，各种各样的管理系统应运而生，各行各业相继进入信息管理时代，网吧管理系统就是信息时代变革中的产物之一。 任何系统都要遵循系统设计的基本流程，本系统也 ......
前端跨域问题
## 跨域问题 ### 什么是跨域？ 1. 什么是同源策略及其限制内容？ 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到 XSS、CSRF 等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源。 同源策略限 ......
vue3:vue+nginx+php进行服务端部署的配置(nginx/1.18.0 / vue@3.2.37)
一，开发环境中的配置: 1,前端:vue的vue.config.js const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, p ......
仿喜茶GO小程序前端模板源码，奶茶店微信小程序源码
本项目包含： 首页 点单 喜茶百货 百货详情 历史订单 我的 积分商城 积分商城详情页 我的-微信一键登录 我的-成为星球会员 我的-个人资料 我的-钱包 我的-阿喜有礼 会员码 任务中心 下载地址 点击下载仿喜茶小程序源码 运行效果图 ......
如何构建前端日历组件
前端日历组件是在网页中展示时间的重要组件之一，通常被应用于各种类别的网站和应用程序中。这篇文章将介绍如何构建一个高质量、易用且功能强大的前端日历组件。 首先，我们需要确定需求和目标。一个好的日历组件应该具有以下特点： 1. 易于使用：用户应该可以轻松地使用日历组件并进行导航。 2. 个性化定制：应该 ......
vue实现点击按钮一键复制功能
点击复制按钮后，将内容一键复制下来，不用去选中复制 第一种直接使用js方式： <div class="mask-cont"> <p><input id="input" /></p> <button class="btns" @click="copyToClip">复制</button> </div> ......
vue-文字转语音
### vue #### SpeechSynthesisUtterance监听事件 onstart 开始合成 onend 合成结束 onerror 合成错误 onpause 暂停 onresume 恢复暂停 onboundary 在句子或单词边界 ```html --> {{text}} --> ` ......
【vue】vue全家桶是什么？
Vue全家桶一般来说包括项目构建工具vue-cli、路由管理器vue-Router、状态管理模式vuex、网络请求库Axios、ui框架、打包工具webpack，下面我们分别介绍。 1. 项目构建工具：vue-cli Vue.js+webpack的项目模板。Vue cli提供了强大的功能，用于定制新 ......
vue3使用ClipboardJS插件的方式
建个工具类，以进行不同地方的调用复用。 调用方式,options参数的使用看自个的需求。 html调用方式 ```html 复制我 ``` vue组件调用方式 ```vue 复制我 ``` 工具类 ```js import ClipboardJS from 'clipboard' import { ......
vue学习记录 5
昨天看到侧边导航栏的位置就下班了，现在继续看。 文件位置 src/layout/components/NavBar.vue 但是没有getters，还是没找准位置。同目录下的子组件也没有。佬也记不清当初怎么写的了。 参考之前路由里面给layout重定向到dashboard，会不会这个侧边栏也通过类似 ......
结合vue自定义指令实现元素拖拽
vue自定义指令：https://v2.cn.vuejs.org/v2/guide/custom-directive.html 1、在main.js注册全局自定义指令 Vue.directive('drag', { // 当被绑定的元素插入到 DOM 中时…… inserted: function ......
Vue2 移动端 ui库 MintUI
MintUI MintUI是饿了么团队开发的基于移动端的vue组件库。用于搭建移动端界面。 http://mint-ui.github.io/docs/#/zh-cn2 Vant组件库也是基于移动端的vue组件库（有赞团队）。 https://vant-contrib.gitee.io/vant/v ......