前端 终端 实战vue
vue 路由
简介 创建单页面应用,官方路由组件,实现前端路由功能 安装 npm install vue-router 简单路由 创建路由规则文件 将router 挂载到 vue 实例中 路由参数类型 路径参数 查询字符串参数 路由跳转 使用 router-link to 属性 可以为path 路径,命名路由以及 ......
前端交互
之前写的关于交互的思考,原文链接 https://mp.weixin.qq.com/s/xQyjWxcARMgZfEkuAXpCGw 以下是一些延伸链接: 规范参考:https://www.zcool.com.cn/work/ZNDQyMzc3NTY=.html https://www.zcool. ......
前端避免使用多个if else 的解决方法和示例
问题:代码走查过程中提示方法中包含多个ifelse,代码复杂度较高,不利于维护。 思考:有没有什么方法可以进行代码优化? ![](https://img2023.cnblogs.com/blog/2653936/202308/2653936-20230804153851965-237257196.p ......
小柏实战学习FineBI(图文教程三)
前言:一定要知道百度,必应,谷歌这个三个网站,这三个不知道的话也要会使用ChatGPT,并且要学会看报错信息,学会优雅的提问. 本节课主题:FineBI连接本地已经有的demo数据库数据,以及创建数据集的两种方式,数据乱码解决 一: 创建数据连接 以管理员身份进入 FineBI ,点击「管理系统>数 ......
小狐狸GPT付费源码-WEB版前端的监控代码
今天搭建了下小狐狸的WEB版,里面有个隐藏的js代码调用外部接口 可以看到下面的代码 会把当前的域名调用外部接口传递过去 ......
前端分页和搜索
# 需求 一般来说,分页和搜索都是后端处理的。但有时候后端没处理,就只能前端处理了。当然这要在数据量不大的情况下,否则会性能消耗很大。 # 分析 1. 使用 `setTimeout(() => {}, 1000)` 模拟接口调用; 2. 数据总条数 `total` 是符合搜索结果的数据总条数; 3. ......
使用Vue+Vite搭建在线 C++ 源代码混淆工具,带在线实例
就酱紫 github开源地址: [https://github.com/dffxd-suntra/cppd](https://github.com/dffxd-suntra/cppd "https://github.com/dffxd-suntra/cppd") github在线实例: [https ......
前端往读取到的压缩文件里添加文件,针对了shapefile(shp)压缩文件里没有.cfg导致中文乱码的情况
前端使用shpjs库处理shp压缩文件(.zip),在没有.cpg文件的情况下会出现中文乱码问题。.cpg文件中定义了字符编码的格式,通过shp.js源码,可以看出是parseDbf这个库的函数解析dnf文件需要获取字符编码格式(encoding),最简单的方法是将整个shpjs模块复制到src下面 ......
vue 一直运行 /sockjs-node/info?t=解决办法
![](https://img2023.cnblogs.com/blog/1202393/202308/1202393-20230804142411101-75661345.png) * https://blog.csdn.net/xingchen678/article/details/122429 ......
vue3项目部署到服务器刷新页面就404
本地项目调的好好的,刷新也没有毛病,扔到服务器上,第一次打开是正常的,再刷新下就404了,不知道什么原因。百度了下才发现问题所在 const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), ro ......
vue-pdf的使用
package.json { "name": "CmsWap", "version": "1.0.0", "description": "", "main": "main.js", "dependencies": { "vue-pdf": "^4.3.0" }, "devDependencies": ......
快速掌握Vue3:速成Vue3前端开发看这篇就够啦
vue3引入了Composition API,使开发者能够更灵活组织和重用组件逻辑。采用了基于Proxy的响应式系统,对虚拟DOM进行了优化等,提升了开发体验、性能 ......
Vue学习 2.0 版本笔记
# Vue学习 # 一、前端知识体系 - HTML(结构):超文本标记语言(Hyper Text Markup Language),决定网页的结构和内容 - CSS(表现):层叠样式表(Cascading Style Sheets),设定网页的表现样式 - JavaScript(行为):是一种弱类型 ......
59.vue3+element-plus制作二维码生成器
1 <template> 2 <div> 3 <el-card style="height:80px;font-size: 30px;">二维码生成器</el-card> 4 <div style="display: flex;"> 5 <el-card style="width: 250px;ba ......
vue--day--51----消息订阅实现组件通讯
1. 安装组件。npm i pubsub-js 2.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提 ......
vue常用指令
v-bind(缩写为 :):用于绑定元素的属性到 Vue 实例的数据。 v-model:用于实现双向数据绑定,将表单元素和 Vue 实例的数据进行关联。 v-on(缩写为 @):用于绑定事件监听器,执行相应的方法。 v-if:根据条件判断是否渲染元素到 DOM。 v-for:用于循环渲染一组元素。 ......
vue--day51----todolist 中App.vue 和 MyItem.vue 类似 父亲和子通信 通过全局事件总线实现通信
1.mainjs /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 Vue.config.productionTi ......
vue创建项目步骤
安装指定版本Vue cli一、降低版本如果是已经安装了4.0以上的版本,卸载重装即可npm uninstall -g @vue/cli npm install -g @vue/cli@3.11.0 // 后面为版本号二、其他安装3.0以下:npm install -g vue-cli npm ins ......
vue概念
并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面 两大核心概念: 声明式渲染: 声明式渲染是一种描述界面应该呈现的方式,而不需要显式地操作DOM。在Vue中,你可以使用Vue的模板语法来声明界面的结构和数据绑定关系,Vue会根据数据的变化自动更新DOM。这样,你只需要关注数据和模板, ......
微服务架构实战指南:分布式系统的设计与部署技巧
微服务架构实战指南:分布式系统的设计与部署技巧 分布式微服务架构是一种将大型应用程序划分为多个小型服务的设计方法。这种方法可以提高应用程序的可扩展性、灵活性和可靠性。以下是设计和实施分布式微服务架构时应考虑的关键要点和策略: 1、服务拆分和设计:首先需要对应用程序进行服务拆分,将其划分为小型服务。在 ......
项目实战-前后端分离博客系统
# 项目实战-前后端分离博客系统 ## 1.项目介绍 * 纯后端讲解 * 完整的前台后台代码编写 * 主流技术栈(SpringBoot,MybatisPlus,SpringSecurity,EasyExcel,Swagger2,Redis,Echarts,Vue,ElementUI....) * 完 ......
C++职工管理系统项目实战
# 职工管理系统 ## 1. 管理系统需求 职工管理系统可以用来管理公司内所有员工的信息,利用C++来实现一个基于多态的职工管理系统 公司中职工分为三类:普通员工、经理、老板,显示信息时,需要显示职工编号、职工姓名、职工岗位、以及职责 + 普通员工职责:完成经理交给的任务 + 经理职责:完成老板交给 ......
Vue第二季
[TOC] # **016-Vue CLI 本地存储 自定义事件** ## 3.8. WebStorage(js 本地存储) 存储内容大小一般支持 5MB 左右(不同浏览器可能还不一样) 浏览器端通过**Window.sessionStorage**和**Window.localStorage**属 ......
vue之jsx
# 一. vue中的jsx 用接近模板的语法代替render函数 不仅能自由地渲染dom,同时语法上也和template相似 例如: - "标签 h+ 变量"可以生成不同类型的级别的标题 - 使用html字符串渲染 Message.alert({ messge: 确定要删除xxx的笔记?, type ......
vue + canvas 实现涂鸦面板
我们基于 canvas 实现了一款简单的涂鸦面板,用于在网页上进行绘图和创作。此篇文章用于记录柏成从零开发一个canvas涂鸦面板的历程。 ......
Vue 中如何进行权限控制?
随着前端技术的不断发展,越来越多的前端框架被使用在 Web 应用程序中,其中尤为出色的一个就是 Vue。Vue 是一个易于理解并且使用方便的框架,它被广泛地应用于 Web 应用程序的开发中。在大多数 Web 应用程序中,权限控制是至关重要的一部分,如何在 Vue 中进行权限控制就成为了一个十分关键的 ......
在vue中使用Electron开发C/S架构中的C(客户端界面)
Electron简介:Electron是利用web前端技术进行桌面应用开发的一套框架。 我是用的nodejs版本(16.18.1)和npm版本(8.19.2): 创建vue-electron项目,鄙人测试了两种方式创建vue-electron项目,如下所示:1、vue-cli-plugin-elec ......
vue 动态绑定style class
## 绑定style ```html 基本使用 123 123 123 data () { return:{ styleArr: [ { fontSize: '30px', color: '#ff0000' }, { fontStyle: 'italic' } ], astyle: { color: ......
创建一个VUE项目
下载并安装nvm nvm可以帮助更换node版本 1、在官网下载setup.zip 2、setup.zip版本无需配置环境 3、在vscode中使用终端打开powershell 3.1 执行 get-ExecutionPolicy查看当前的脚本执行策略。 3.2 执行set-ExecutionPol ......
Netty 原理解析与实战开发(二)
# Netty 原理解析与开发实战 ## 八、ChannelHandler ### 8.1 ChannelHandler介绍 我们对数据的处理都是在ChannelHandler中完成的,Netty提供了众多ChannelHandler的实现类来帮助我们实现一些网络编程中通用功能,比如最常用的心跳检测 ......