前端 终端 实战vue
Java学习笔记(十三) 前端基础2
Ajax 介绍 概念: Asynchronous JavaScript And XML, 异步的JavaScript和XML 作用: 数据交换: 通过Ajax可以给服务器发送请求, 并获取服务器响应的数据 异步交互: 可以在不重新加载整个页面的情况下, 与服务器交换数据并更新部分网页的技术, 如: ......
Github + Sphinx+Read the docs 实战入门指南（二）
引言 接上一篇Github + Sphinx+Read the docs 实战入门指南(一)，这一篇主要讲解如何自动将指定文档内容部署到Read the docs中。 对于文档，一般有以下基本要求： 只维护一份，其他地方自动同步更新 可以根据代码注释，动态更新维护相应的API文档 支持检索 多版本之 ......
Github + Sphinx+Read the docs 实战入门指南（三）
引言 接着上两篇文章 Github + Sphinx+Read the docs 实战入门指南(一) Github + Sphinx+Read the docs 实战入门指南(二) 我们已经成功地将Sphinx文档部署到了Read the docs网站，但是这个文档，我们不想每次都要手动更新内容，想 ......
Github + Sphinx+Read the docs 实战入门指南(一)
引言 Github Github是一个托管网站，目前主要用来托管代码，当然托管其他的也可。但是网不好的小伙伴可以考虑使用Gitee作为平替。 Sphinx Sphinx是什么? Sphinx是一个自动生成文档的工具，可以用简洁的语法快速生成优雅的文档。 哪些场景要用Sphinx? 如果想要写书，不想 ......
vue计算器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>methods</title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <input typ ......
VUE分别写出 4种计算器
监听器计算机 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>watch</title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <inpu ......
vue计算器的四种代码
1.使用表达式 使用v-if对表达式进行运算 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>hhhh</title> <script type="text/javascript" src="js/vue.js"></scr ......
【vue】给 dom 添加拖拽功能
实现效果 实现步骤 新建一个 drag.js 注册拖拽指令 import Vue from 'vue'; //使用Vue.directive()定义一个全局指令 //1.参数一：指令的名称，定义时指令前面不需要写v- //2.参数二：是一个对象，该对象中有相关的操作函数 //3.在调用的时候必须写v ......
rocketmq-spring : 实战与源码解析一网打尽
RocketMQ 是大家耳熟能详的消息队列，开源项目 rocketmq-spring 可以帮助开发者在 Spring Boot 项目中快速整合 RocketMQ。 这篇文章会介绍 Spring Boot 项目使用 rocketmq-spring SDK 实现消息收发的操作流程，同时笔者会从开发者的角 ......
团队作业-前端页面大体展示
这周我们大体完成了系统的主要页面，后端代码正在完善中。 页面展示： 部分代码： <body> <div class="container"> <div class="header clearfix"> <a class="pull-right user_icon" href="javascript: ......
浅谈ChatGPT如何取代前端开发工程师
1.ChatGPT 是什么? ChatGPT 是一种基于深度学习的自然语言处理技术，它可以生成高质量的自然语言文本。该技术是由 OpenAI 团队 开发，旨在使计算机能够像人类一样理解和产生自然语言。ChatGPT 使用了深度神经网络和自然语言处理技术，通 过对大量语言数据的学习和建模，实现了自然语 ......
前端通过Swagger生成相关接口文件
1.Swagger 多分组 在很多大型系统中，为了方便对接口进行归类，往往使用了 Swagger 多分组功能，这样会使系统的接口散落在多个 swagger.json 中。 将SpecificationDocumentSettings属性的EnableAllGroups设置为true。 启用之后在 S ......
VUE2.0 学习 第一组
本笔记主要参考菜鸟教程和官方文档编写。 1. 对于Vue2.0来说每个vue应用都需要实例化vue来实现。 var vm = new Vue({ // 选项 }) 2.首先，DOM是一种api，它可以动态地访问程序和脚本,更新其内容、结构和文档,我认为符合这类功能的都可以叫dom，其次，每一个DOM ......
C语言逆向——如何寻找main入口，一个反汇编成C的实战练习
第二节 2.3找程序的入口 原文：https://www.showdoc.com.cn/fengxin1225/7054696489361869 控制台应用程序的main函数入口 在OD中找到以上其他中的函数，然后跟着3个参数的CALL就是main 例： ———————————————————- 第 ......
第三十六篇 vue - 应用规模化 - 路由
客户端 vs 服务端路由 服务端路由指的是服务器根据用户访问的 URL 路径返回不同的响应结果。当我们在一个传统的服务端渲染的 web 应用中点击一个链接时，浏览器会从服务端获得全新的 HTML，然后重新加载整个页面。 然而，在单页面应用中，客户端的 JavaScript 可以拦截页面的跳转请求，动 ......
第三十七篇 vue - 应用规模化 - 测试
为什么需要测试 自动化测试能够预防无意引入的 bug，并鼓励开发者将应用分解为可测试、可维护的函数、模块、类和组件。这能够帮助你和你的团队更快速、自信地构建复杂的 Vue 应用。与任何应用一样，新的 Vue 应用可能会以多种方式崩溃，因此，在发布前发现并解决这些问题就变得十分重要 测试的类型 当设计 ......
第三十三篇 vue - 应用规模化 - 工具链
项目脚手架 vite Vite 是一个轻量级的、速度极快的构建工具，对 Vue SFC 提供第一优先级支持。作者是尤雨溪，同时也是 Vue 的作者 要使用 Vite 来创建一个 Vue 项目，非常简单 npm init vue@latest 这个命令会安装和执行 create-vue，它是 Vue ......
第三十五篇 vue - 应用规模化 - 状态管理 - Pinia
什么是状态管理 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例 <script> export default { // 状态 data() { return { count: 0 } }, // 动作 methods: { incremen ......
第三十二篇 vue - 应用规模化 - 单文件组件 SFC
单文件组件 SFC Vue 的单文件组件 (即 *.vue 文件，英文 Single-File Component，简称 SFC) 是一种特殊的文件格式，使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单个文件中 Vue 的单文件组件是网页开发中 HTML、CSS 和 JavaScript 三 ......
第三十四篇 vue - 应用规模化 - 服务端渲染 - SSR
总览 什么是 SSR SSR - 服务端渲染 Vue.js 是一个用于构建客户端应用的框架。默认情况下，Vue 组件的职责是在浏览器中生成和操作 DOM Vue 也支持将组件在服务端直接渲染成 HTML 字符串，作为服务端响应返回给浏览器，最后在浏览器端将静态的 HTML“激活”(hydrate) ......
Tomcat 入门实战(4)--Tomcat 集群 Session 复制
本文主要介绍在 Tomcat 集群中如何进行 Session 复制，文中所使用到的软件版本：Centos 7.9.2009、Java 1.8.0_321、Tomcat 8.5.87。 1、快速配置 取消 conf/server.xml 文件中的以下注释来启用集群： <Cluster classNam ......
谷歌浏览器中使用vue调试工具
1、下载调试工具下载地址：Vue Devtools_6.1.4_chrome 2、解压下载的压缩文件： 3、打开chrome浏览器，进入chrome://extensions/ 将已经解压的文件拖入扩展程序中： 4、看到下面表示成功： 5、使用项目运行命令npm run serve,开始启动项目： ......
Mac 终端没有ll命令解决办法
首先在 ~/.bash_profile 文件中加入如下命令(如果没有就touch一个) alias ll='ls -alF' 随后执行 source ~/.bash_profile 命令，使修改生效 这样就可以使用 ll 命令了，但是这样有一个问题，每次新开的终端 ll 命令都会失效 以下是解决方案 ......
Vue路由-Router
官网学习地址：https://router.vuejs.org/zh/guide/essentials/named-routes.html 以下介绍了：Router的使用；子路由；路由重定向；编程式导航 环境： 1、已安装VS Code，等插件 2、前端项目管理页面，已安装 cli-plugin-r ......
Vue环境安装
前言： 前端项目需要工程化管理，可以使用Vue脚手架工具简化项目创建过程；专注于代码，不用关心项目创建和配置细节。 一、Vue脚手架工具 官网：https://cli.vuejs.org/zh/ 用于快速生成 Vue 项目基础架构； 1、安装 vue-cli 在支持npm环境下，win端cmd命令： ......
vue3 directive自定义指令
import store from '../store'// 新建jsexport default { install(app) { // 权限控制, 没有相关的权限, 则删除模块 app.directive('permission', { mounted(el, val) { if(el && ! ......
第三十一篇 vue - 逻辑复用 - 插件
插件 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例 import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的选项 */ }) 一个插件 ......
第三十篇 vue - 逻辑复用 - 自定义指令
自定义指令 除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。 我们已经介绍了两种在 Vue 中重用代码的方式：组件和组合式函数。组件是主要的构建模块，而组合式函数则侧重于有状态的逻辑。另一方面 ......
第二十九篇 vue - 逻辑复用 - 组合式函数
什么是 组合式函数 在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数 当构建前端应用时，我们常常需要复用公共任务的逻辑。例如为了在不同地方格式化时间，我们可能会抽取一个可复用的日期格式化函数。这个函数封装了无状态的 ......