前端 终端 实战vue

前端实现文件夹的上传和下载

​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
前端 文件夹 文件

数字滚动插件vue-countup-v2

参考博客 https://blog.csdn.net/weixin_44948981/article/details/123544242 options参数说明 duration: 2, // 动画持续时间(秒) useEasing: true, // 使用缓动效果 useGrouping: tru ......
vue-countup-v 插件 countup 数字 vue

为什么前端发送过来的请求id和数据库不一致问题

最近在项目中发现前端发送过来的请求id和数据库不一致的问题,最后亲测解决。具体如下。 前端请求如下: 数据库的数据确是: 经过排查发现是 JS对long型数据进行处理时丢失精度,导致提交的id和数据库中的id不一致。 解决办法:我们可以在服务端给页面响应json数据时进行处理,将long型数据统一转 ......
前端 数据库 数据 问题

从零玩转系列之微信支付实战PC端支付微信退款接口搭建 | 技术创作特训营第一期

# 一、前言 [从零玩转系列之微信支付实战PC端支付微信退款接口搭建 | 技术创作特训营第一期](https://cloud.tencent.com/developer/article/2308396) 继前文章取消订单接口和查询订单接口此篇为申请退款流程,此篇文章过长我将分几个阶段的文章发布(项目 ......
实战 接口 技术

从零玩转系列之微信支付实战PC端支付微信取消接口搭建 | 技术创作特训营第一期

# 一、前言 [从零玩转系列之微信支付实战PC端支付微信取消接口搭建 | 技术创作特训营第一期 ](​https://cloud.tencent.com/developer/article/2308342) halo各位大佬很久没更新了最近在搞微信支付,因商户号审核了我半个月和小程序认证也找了资料并 ......
实战 接口 技术

火山引擎DataLeap数据质量动态探查及相关前端实现

更多技术交流、求职机会,欢迎关注字节跳动数据平台微信公众号,回复【1】进入官方交流群 需求背景 火山引擎DataLeap数据探查上线之前,数据验证都是通过写SQL方式进行查询的,从编写SQL,到解析运行出结果,不仅时间长,还会反复消耗计算资源,探查上线后,只需要一次探查,就可以得到整张表的探查报告, ......
前端 火山 DataLeap 质量 引擎

vue 线上环境 开启 vue-devtools

vue 项目打包正式环境时,是没有 vue-devtools 选项卡的,没法看 vue 内部的数据 选中 Source 选项卡,找到打包好的 app.js,并格式化 ctrl + f 搜索$mount并在new那里打断点,new后面的对象就是 Vue 对象,需要记住该变量名,下一步要用到 F5 刷新 ......
vue-devtools vue devtools 环境

nlp入门(二) :商品信息可视化与文本分析实战

源码请到:自然语言处理练习: 学习自然语言处理时候写的一些代码 (gitee.com) 数据来源:麦卡里价格建议挑战Mercari Price Suggestion Challenge | Kaggle 如果不会使用魔法可以使用百度云 链接:https://pan.baidu.com/s/1EM2M ......
实战 文本 商品 信息 nlp

批量删除功能(VUE3语法)

使用element ui -el-table方式编写 功能点:点击全选/单选可以进行删除 <el-table :data="date" ref="grayscaleTableRef" min-height="288" max-height="510" style="width: 100%" head ......
语法 功能 VUE3 VUE

实现vue图片放大镜效果

最近想要实现图片放大镜的效果, -首先使用的是原生js+css的方法:参考https://blog.csdn.net/sinat_34849421/article/details/106074482 这个方法功能倒是可行,但是这个方式在跳出这个页面时会报 Uncaught TypeError: Ca ......
放大镜 效果 图片 vue

Flutter系列文章-实战项目

在本篇文章中,我们将通过一个实际的 Flutter 应用来综合运用最近学到的知识,包括保存到数据库、进行 HTTP 请求等。我们将开发一个简单的天气应用,可以根据用户输入的城市名获取该城市的天气信息,并将用户查询的城市列表保存到本地数据库中。 ## 第一步:需求分析和设计 ### 1. 确定项目目标 ......
实战 Flutter 项目 文章

Cilium系列-16-CiliumNetworkPolicy 实战演练

## 系列文章 * [Cilium 系列文章](https://ewhisper.cn/tags/Cilium/) ## 前言 今天我们进入 Cilium 安全相关主题, 基于 Cilium 官方的《星球大战》 Demo 做详细的 CiliumNetworkPolicy 实战演练。 ## 场景 您是 ......
CiliumNetworkPolicy 实战 Cilium 16

Vue3 路由优化,使页面初次渲染效率翻倍

## 3996 条路由? ![](https://img2023.cnblogs.com/blog/1085489/202308/1085489-20230808091919118-1153265185.png) `addRoute`函数用了大约1s才执行完毕。通过观察,发现居然有3996条路由记录 ......
路由 效率 页面 Vue3 Vue

Linux jq 命令讲解与实战操作(json字符串解析工具)

[TOC] ## 一、概述 `jq` 是一个强大的命令行工具,用于处理 `JSON` 格式的数据。它可以帮助你查询、过滤、修改和处理 `JSON` 数据,使得在命令行环境下处理 `JSON` 变得非常方便。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/6fdd2 ......
字符串 实战 字符 命令 工具

php实战手册(2)

[TOC] # 变量 - 定义 ```html php demo php hello,world ``` ![image](https://img2023.cnblogs.com/blog/3225286/202308/3225286-20230807224616446-1405572452.png ......
实战 手册 php

vue3 'alex' is defined but never used

解决方法 在package.json中的rules下加入 "no-unused-vars":"off" 即可 ......
defined never vue3 39 alex

Vue中Router笔记学习整理

1:摘要: Vue中的Router是Vue.js框架中的一个核心插件,用于实现单页应用(SPA)的前端路由管理。它允许你在应用中定义不同的URL路径与对应的组件之间的映射,以便在不刷新整个页面的情况下,实现页面间的切换和数据加载。 主要功能包括以下几个方面: 声明式路由:你可以通过定义路由表,指定U ......
笔记 Router Vue

You are using the runtime-only build of Vue where the template compiler is not available ,页面自定义带template内容的组件无法渲染,控制台报错

使用vue-cli搭建的项目,页面自定义带template内容的组件无法渲染,控制台报错,页面不展示组件内容,代码如下: <template> <div class="hello"> my-component:<my-component></my-component> </div> </templa ......
template 控制台 runtime-only 组件 the

web前端:main、header、footer、nav、article、section标签的用法

HTML5添加了诸如main、header、footer、nav、article、section等大量新标签,这些新标签为开发人员提供更多的选择和辅助特性。 默认情况下,浏览器呈现这些新标签的方式与div相似。然而,合理地使用它们,可以使你的标签更加的语义化。辅助技术(如:屏幕阅读器)可以通过这些标 ......
前端 article section 标签 header

第二节:KeepAlived详解、Lvs+KeepAlived实战

一. 二. 三. ! 作 者 : Yaopengfei(姚鹏飞) 博客地址 : http://www.cnblogs.com/yaopengfei/ 声 明1 : 如有错误,欢迎讨论,请勿谩骂^_^。 声 明2 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址,否则保留追究法律责任的权 ......
KeepAlived 实战 Lvs

VUE组件之间的传值和调用

![](https://img2023.cnblogs.com/blog/2851575/202308/2851575-20230807203017831-1736113567.png) ## 1.$refs: 父组件 调用 子组件的 方法 或者 属性,由父级来主导调用 这里我们可以使用规则的数据结 ......
组件 之间 VUE

记录--前端重新部署如何通知用户

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1. 场景 前端构建完上线,用户还停留还在老页面,用户不知道网页重新部署了,跳转页面的时候有时候js连接hash变了导致报错跳不过去,并且用户体验不到新功能。 2. 解决方案 每次打包写入一个json文件,或者对比生成的script的sr ......
前端 用户

vue2笔记完整版

VUE闲来无事 VUE闲来无事一、vue核心的相关学习一,搭建vue开发环境1.下载vue.js2.下载扩展工具二,hello world案例三,helloworld项目扩展四,模板语法五,数据绑定六,el和data的两种写法发七,理解MVVM模型八,数据代理1.Object.definePrope ......
整版 笔记 vue2 vue

微信公众号授权回调 vue网址中带#号的处理

1、改变vue模式为history,小编没有试 2、通过配置nginx实现 A、替换跳转网址中的#为其他字符串,例如我的 const url = this._getUrl( "https://open.weixin.qq.com/connect/oauth2/authorize", { appid: ......
公众 网址 vue

后台是.net的话前端该用什么框架??

如果你在后端使用.NET,以下是几个流行的前端框架可以考虑使用: 1. React: - 优点:React是一个由Facebook开发的JavaScript库,它专注于构建用户界面。它采用组件化的开发模式,使得构建复杂的UI变得简单且可维护。React具有高度的灵活性和可重用性,能够提供出色的性能。 ......
前端 后台 框架 net

vue-router 添加动态路由

需要解决以下几个问题: 1. 如何添加?(请求后台接口,拿到路由数据后进行处理后添加) ( 图1-1 ) ( 图1-2 ) 2. 添加的时机?(a. 各种登录接口返回成功时, b.登录成功后刷新页面 ) ( 图2-1 ) 登录成功后,刷新页面时 ( 图2-2 ) 3. 其他问题 3.1 如果当前停留 ......
路由 vue-router 动态 router vue

Vue中使用quill-editor(富文本编辑器)

## 一、安装quill-editor富文本编辑器 ``` npm install vue-quill-editor --save ``` ## 二、引入 ### 1.全局引入 在main.js中引入(示例): ```js // 文件:main.js import VueQuillEditor fr ......
编辑器 quill-editor 文本 editor quill

微前端的优势在哪里?为何能够打败单体应用架构

微前端是一种类似于微服务的架构,是一种由独立交付的多个前端应用组成整体的架构风格,将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用,而在用户看来仍然是内聚的单个产品。有一个基座应用(主应用),来管理各个子应用的加载和卸载。所以微前端不是指具体的库,不是指具体的框架,不是指具体的工具, ......
单体 前端 架构 优势

React与VUE究竟谁会取代谁?

最近在许多技术社区,很多人在讨论React会不会被VUE取代的问题, 就我过去的个人经验而言, 两者各有优势, 不存在谁被谁取代的问题. vue就是一个js库,并且无依赖别的js库,直接引入一个js文件就可以使用,与传统JS和JQuery框架不同,Vue的渐进式框架表示开发者可以由简单组件写起,渐渐 ......
React VUE

vue图片压缩插件

图片压缩插件 1.安装插件 npm i js-image-compressor 2.引入 import ImageCompressor from 'js-image-compressor' 3.使用 compressionImage (file) { return new Promise((reso ......
插件 图片 vue