- 博客(79)
- 收藏
- 关注
原创 通过Github托管一个自己的静态网站例如简历让别人(面试者)随时访问
【GitHub Pages静态网页托管指南】将静态简历(包含HTML/CSS/JS)上传至GitHub仓库后,进入Settings→Pages,选择部署分支(如main),提交后自动生成访问URL。无需服务器即可通过github.io域名在线展示简历。适用于小型前端项目托管,详细操作可参考作者博客链接。
2025-05-31 10:24:54
422
原创 Spring Boot 微服务打包为 Docker 镜像并部署到镜像仓库实战案例
下面的案例将把我的product-service(也就是提供者)打包为镜像在根目录加一个dockerfile文件,内容如下:我这里用的是本地的镜像,因为国内镜像的问题,在此之前可以运行docker pull openjdk:17-jdk-slim拉取到本地,具体可以看docker ps展示:浏览器访问http://localhost:8081/products此时就表明已经完全成功地将 product-service 打包为 Docker 镜像并运行起来了。
2025-05-03 15:38:06
994
原创 报错: => ERROR [internal] load metadata for docker.io/library/openjdk:17-jdk-slim 解决探索与最终解决方案
再次执行 docker build -t product-service:latest .结果成功了。结果不行,然后我又去试了改dockerfile:(试试eclipse-temurin行不行)然后我直接pull openjdk:17-jdk-slim 镜像到本地。尝试1:改Docker Engine为:(以此配置国内镜像源)再然后改dockerfile为拉取成功的本地镜像。
2025-05-03 15:11:47
652
原创 以毛选分析法具体分析现在的计算机未来发展前景和个人选择
如果你非要想不明白,还是多读读毛选,多辩证思考思考,跳出节奏,跳出他人的言语主观,好好反思一下吧。1、认清矛盾本质:主要矛盾是“量变过剩→质变稀缺”——拥挤的初级岗位和稀缺的高端岗位并存。2、依靠实践夺取主动:按《实践论》的方法论,走“项目→反思→沉淀→再上项目”的学习路径。3、融入产业生态:像红色政权依靠“四大法宝”那样,参与开源、校企合作、行业联盟,让自己成为生态中的“活颗粒”,而非“漂浮的泡沫”。
2025-04-28 10:14:06
940
原创 遇到前后端半分离老项目的速度解决方法
然后我本以为这种结构简直乱来,但是我看了资料说这是有历史渊源的,因为早期项目或者小项目,为了快,就直接把前台代码塞后端里,Tomcat 能直接跑,简单粗暴。但原本的前台页面因为历史包袱,懒得重构,所以就继续留在后端里跑。前段时间一个小白给我看他的毕业设计,是github上拉下来的一个巨老项目,叫美食鉴赏系统,然后她看了老半天找不到改的地方,结果我看了之后才发现这是个半分离前后端,也就是前端前台代码是放在后端代码里面,通过tomcat直接跑的,直接改html代码还改不了,因为Tomcat缓存问题。
2025-04-28 10:08:20
495
原创 前端简单数据存储:跳过后端数据库的一种高效策略,应对一些不需要后端访问数据库的简单操作:静态 Markdown 文件存储
在一些应用场景中,有些数据并不重要,也不需要频繁地进行动态增删改查,比如品牌历史、产品介绍等说明性内容。 为此,我选择在前端直接存储这些静态数据,跳过后端数据库调用。本文将分享如何利用 Vue 工程中直接存放 Markdown 文件与内嵌数据,将数据管理与业务逻辑解耦,从而实现快速开发、便于维护和灵活更新的目的。
2025-03-11 14:43:42
1066
原创 如何在前后端分离项目当中调用星火大模型实现AI问答模块设计?前后端点亮星火:Vue+Node 全链路打通 AI 问答系统
带你深入解读如何借助前后端分离架构,利用 Vue 和 Node 构建一个高效的 AI 问答平台。本文详细介绍了系统设计的全链路方案:从前端的朋友般交互,到后端代理服务器的统一管理,再到与星火大模型的高质量对接。重点涵盖了开发过程中使用的主流工具(包括 VSCode、Vue CLI、Node.js、Express、Git 等),以及配置项设置、跨域解决方案、安全隐私保护、错误处理与日志记录等关键技术要点。通过全面展示这一落地实践,不仅为你提供了一份成熟案例的技术参考,更为日益激烈的 AI 应用竞争带来全新的思
2025-03-11 11:19:01
659
原创 AMD异步模块介绍
AMD(Asynchronous Module Definition,异步模块定义) 是一种用于 JavaScript 模块化编程 的规范,它允许 JavaScript 代码 以异步方式加载模块及其依赖。它最初是为了解决浏览器端 JavaScript 代码模块化的问题,最著名的实现是 RequireJS。
2025-02-25 17:33:18
322
原创 SOAP 和 REST 这两个协议的分析理解
WS-Security(WSS) 是 SOAP Web 服务的 安全扩展标准,由 OASIS(国际开放标准组织)定义,主要用于保护基于 SOAP 的 Web 服务,提供 消息级别的安全性,包括 身份验证、完整性、机密性 等功能。WS-Security 适用于 企业级应用、银行支付、ERP 系统,确保 SOAP 消息在 传输过程中不被篡改或泄露。
2025-02-18 17:45:21
690
原创 在vscode当中安装SuiteCloud Extension for VS Code插件结果一直Downloading SuiteCloud SDK dependencies...,并执行不了指令
当尝试执行指令会报错:Before executing any SuiteCloud command, SuiteCloud SDK dependencies need to be validated. Try again in a few seconds.把VS Code版本升级到1.96.0 或更高版本官网位置:https://code.visualstudio.com下载最新版本后,以管理员身份运行安装程序,以此避免还去卸载老版本,省去麻烦
2025-02-18 11:24:43
296
原创 扩展主机在过去意外终止解决方法尝试
最简单的方法其实你只需要把那些老插件不用的卸载掉就行,然后会找到的,不需要花很多时间。其实解决方法很简单,它会让你试试二分测试找到错误的插件所在,但是不靠谱。
2025-02-17 15:37:03
197
3
原创 深入聊聊typescript、ES6和JavaScript的关系与前瞻技术发展
如果你正在使用第三方库或组件,TypeScript 通常会提供相关的类型定义文件(如 @types)。如果你没有这些类型文件,Vue 和 TypeScript 的社区也提供了很多工具来为 Vue 组件提供类型支持。
2024-12-31 17:41:29
1537
原创 基于 Node.js 的 ORM(对象关系映射)工具——Sequelize介绍与使用,并举案例分析
npm install mysql2 # 对于 MySQL模型是 Sequelize 的核心,用来描述数据库的表结构id: {},},email: {},},}, {tableName: 'users', // 指定表名timestamps: true, // 是否自动生成 createdAt 和 updatedAt 字段});// 定义 User 模型},},})// 在保存用户之前加密密码})
2024-12-31 17:30:27
1169
1
原创 《你所不知道的JavaScript》(上册)知识复习梳理
注:该文章由我幕布笔记转移过来,其中有不少我博客链接 作用域 JavaScript编译原理 词法单元—(汇成)—词法单元流—(解析/语法分析)AST(代码生成)—可执行代码 变量出现在赋值操作左侧进行LHS查询,右侧则RHS查询,LHS找源,RHS找目标 作用域嵌套 规则就是找不到就向上找 异常(非严格模式下LHS和RHS的做法,以及严格模式下的做法) 动态作用域 动态作用域是指在函数调用时,JavaScript 会根据函数调用的 执行顺序 来确定作
2024-12-23 22:41:50
645
原创 JavaScript当中的promise链式调用分析与async/await优化链式调用应用
Promise 是一种用于处理异步操作的机制,它帮助我们避免了回调地狱(callback hell)。Promise 提供了一种更优雅的方式来处理异步操作的结果,可以通过链式调用将多个异步操作串联在一起,且使得代码更加简洁、易于理解。Promise 支持链式调用,意味着你可以通过 .then() 来在异步操作成功时进行一系列操作。每个 .then() 会返回一个新的 Promise,这使得你可以继续链式调用。
2024-12-22 13:42:04
1217
原创 JavaScript事件循环案例深入理解
执行栈(Call Stack):同步代码直接进入栈中依次执行。任务队列(Task Queue):异步任务(如 setTimeout、DOM 事件、Ajax 回调)完成后将其回调函数放入队列,等待被主线程处理。微任务队列(Microtask Queue):微任务(如 Promise 的 then 回调)优先于任务队列执行。事件循环(Event Loop):每次循环从栈中取出同步代码执行。如果栈为空,则检查微任务队列,执行其中所有任务。微任务完成后,处理任务队列中的任务。
2024-12-22 13:34:54
900
原创 JavaScript减少递归时的栈空间消耗的方法:尾递归调用,避免栈溢出
尾调用(Tail Call)是指在函数的最后一个操作中调用另一个函数。如果一个函数的最后一步是调用另一个函数(不再有其他操作),这个调用就是尾调用。
2024-12-16 22:53:52
542
原创 SuiteScript基础模块系统操作:N/record(处理记录)、N/search(搜索数据)、N/file(文件操作)
N/record:用于创建、更新、删除和加载记录。N/search:用于执行搜索操作,帮助查找 NetSuite 中的数据。N/file:用于处理文件,如上传、下载和管理文件。N/ui/serverWidget:用于创建和操作服务器端的用户界面元素(如表单和字段)。N/log:用于记录日志,调试时非常有用。操作记录:使用 N/recordN/record 模块是 SuiteScript 中最常用的模块之一,允许你操作 NetSuite 中的记录。你可以创建、加载、更新或删除记录。
2024-12-11 17:00:19
283
原创 从零到一:如何构建一个suitescript项目
创建 SuiteScript 项目时,必须使用 SuiteCloud CLI (Command Line Interface),这是 Oracle NetSuite 提供的命令行工具,专门用于与 NetSuite 进行交互,进行项目创建、部署、管理等操作。使用 SuiteCloud CLI 时,您会根据自己的 NetSuite 帐户进行配置,CLI 会自动管理与您的帐户的认证、API 连接、权限等细节。Translations:可能用于存放与翻译相关的脚本。项目的配置文件,用于管理项目的依赖项、脚本等。
2024-12-11 16:04:22
966
原创 vue中父组件接收子组件的多个参数的方法:$emit或事件总线
子组件通过 $emit 方法向父组件发送事件,同时可以传递多个参数,父组件通过事件监听来接收这些参数。
2024-12-10 21:51:13
662
原创 分析比对vuex和store模式
在 Vue 中,Vuex 和 store 模式 是两个不同的概念,它们紧密相关,主要用于管理应用的状态。下面我会详细介绍这两个概念,并通过例子帮助你更好地理解。
2024-12-10 21:48:28
562
原创 在vue3当中如何使用 vee-validate 和 yup / zod实现表单验证
vee-validate 是 Vue 生态中用于表单验证的库,它负责表单的状态管理、错误处理和交互逻辑。它可以与 zod 配合使用,来管理表单的验证逻辑和 UI 反馈。vee-validate 提供了一个 useForm 钩子,用于管理表单的验证、提交等操作,并且可以与其他验证库(如 zod)结合使用来进行规则验证。
2024-12-08 19:00:44
1214
原创 详细介绍vue的递归组件(重要)
递归组件就是一个组件在其模板中引用自身。这种做法通常用于渲染树形结构或者嵌套的层级结构。比如你可能会遇到这样一个需求:你有一个数据结构,它包含父节点和子节点,每个节点可能又有自己的子节点,依此类推。使用递归组件,可以很方便地渲染这种嵌套的结构。
2024-12-08 18:56:15
1247
原创 eclipse在服务器添加和删除项目add and remove的时候报错:there are no resources that can be added or removed the server
这个错误通常是因为Eclipse没有识别到任何可以部署到Tomcat服务器的项目。你可以尝试以下步骤来解决这个问题。
2024-10-23 09:01:39
540
原创 什么是跨域,为什么会发生跨域,怎么解决?
跨域(Cross-Origin)是指浏览器出于安全考虑,阻止网页从一个域(域名、协议、端口)请求另一个域的数据。这种限制被称为“同源策略”,即只有协议、域名和端口号完全相同的请求才被允许。这种机制旨在防止恶意网站对用户的敏感数据进行不正当的访问。注意,这里说的是网站与后台,但是我们可以通过和前端一致,然后让前端作为代理去跟后端沟通,这也就避免了网页和前后端的端口协议不同而导致的跨域问题了。
2024-10-21 11:03:11
554
原创 vue3的状态管理库——pinia使用介绍
使用 defineStore 创建一个 store。//定义store//导入了 defineStore 和 ref。defineStore 用于定义一个新的 store,而 ref 用于创建响应式的数据。/*第一个参数:第一个参数是 store 的唯一名称 'token'第二个参数:函数,函数的内部可以定义状态的所有内容,返回一个对象,该对象包含状态和方法。*///定义状态的内容//1.响应式变量//使用 ref 创建了一个响应式变量 token,初始值为空字符串。
2024-10-21 10:59:23
1109
原创 JS生成器的特殊用法:委托yield*
yield 用于在生成器函数中暂停函数执行,并返回一个值给外部调用者。当生成器再次被调用时,会从暂停的地方继续执行。
2024-10-15 20:04:48
637
原创 浅显易懂的讲讲:什么是计算属性名?(JavaScriptES6的新属性)
计算属性名(Computed Property Names)是指在定义对象的属性时,可以使用表达式来动态计算属性的名称。这样做的好处是允许我们根据变量、函数的返回值或任何表达式来创建对象的属性名。
2024-10-15 19:59:44
357
原创 proxy代理机制和工作原理,reactive是怎么通过proxy实现响应式的
Proxy 是 JavaScript 中一个用于创建代理对象的构造函数,允许你定义基本操作(如属性查找、赋值、枚举、函数调用等)的自定义行为。通过 Proxy,你可以对一个对象进行拦截,并在该对象的操作上添加自定义逻辑。在 Vue 3 中,Proxy 被广泛用于实现响应式系统。
2024-10-14 22:43:49
1045
原创 在JavaScript当中,怎么区分异质对象和常规对象,为什么说proxy是异质对象?
常规对象是指通过字面量、Object 构造函数、Object.create() 等方式创建的对象。这些对象遵循 JavaScript 的基本行为,能够使用常规的属性和方法。
2024-10-14 22:40:09
805
原创 介绍vue.js3的核心原理:响应式数据驱动虚拟 DOM 的渲染,认识渲染器、编译器、组件与三者的协同合作,理解其是如何实现从模板到视图的高效渲染的
Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架,它的核心思想是数据驱动视图更新,通过响应式的数据绑定和模板编译,让开发者能够更高效地开发动态交互的应用程序。Vue.js 的核心原理可以概括为:响应式数据驱动虚拟 DOM 的渲染,编译器将模板转化为渲染函数,渲染器使用虚拟 DOM 高效地管理 DOM 更新,而组件则是组合这些特性来构建应用的基本单元。通过这种机制,Vue 实现了高效、简洁的前端开发体验。首先需要认识三个东西:渲染器、编译器、组件。
2024-10-13 13:59:50
1302
原创 什么是TDZ?在JavaScript当中怎么避免?
暂时性死区是指在变量声明之前访问该变量时会导致 ReferenceError 的现象。这是因为 let 和 const 声明的变量在作用域内的存在是“已知的”,但它们的实际值直到执行到声明语句时才会被初始化。声明前不可访问:在变量声明之前,访问它会导致错误。声明后可访问:一旦声明语句执行完毕,变量就进入了“活跃”状态,可以被正常访问。
2024-10-13 12:51:04
1002
原创 以JavaScript的学习角度看Axios,并以spring boot+vue3为例具体分析实现
Axios 是一个基于 Promise 的 HTTP 客户端,用于在浏览器和 后端 中发送异步的 HTTP 请求。它功能强大、易用,常用于与 API 交互,发送 GET、POST、PUT、DELETE 等请求。
2024-10-12 12:46:11
1482
原创 JavaScript的promise异步操作解决问题学习
在 JavaScript 中,Promise 是一种用于处理异步操作的对象。它表示一个尚未完成的操作,但可以在未来某个时间点完成或失败。Promise 使得异步代码更加简洁和直观,尤其是在需要处理多个回调函数时,它可以有效避免回调地狱(callback hell)。
2024-10-12 11:47:16
820
原创 理解学习JavaScript当中的混入操作(Mixin)
混入(Mixin) 是一种代码复用的模式。它的主要目的是将一个对象的功能“混入”到另一个对象中,而不是通过继承。这种模式通常被用来在多个类之间共享功能,而无需使用复杂的继承层次。在 JavaScript 中,混入可以通过显式和隐式的方式实现。
2024-10-11 15:32:15
715
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人