部署过Vue项目吗?遇到404如何解决? Vue项目部署过程部署 Vue.js项目有多种方式,其中常见的方式包括将静态文件托管到一个Web服务器,使用CDN(Content Delivery Network)进行分发,或者将Vue.js应用嵌入到后端框架中。部署一个Vue.js应用通常包括以下步骤: 「生成生产构建」: 在项目根目录运行以下命令生成生产构建: npm run build 这将在项目的dist目录中生成用于生产环境的静态文件 开发运维 2024-01-16 LOVEHL^ˇ^
花 15 分钟把 Express.js 搞明白,全栈没有那么难 大家好,我是杨成功。 Express 是老牌的 Node.js 框架,以简单和轻量著称,几行代码就可以启动一个 HTTP 服务器。市面上主流的 Node.js 框架,如 Egg.js、Nest.js 等都与 Express 息息相关。 Express 框架使用标准 Node.js 语法,主要由以下 3 个核心部分组成: 路由。 中间件。 错误处理。 认识基本结构 Express 的基本结构很简单, 开发运维 2024-01-16 共饮一杯
使用Node.js和MySQL创建API服务器 本文介绍如何使用Node.js和MySQL创建API服务器的步骤,这也是从前端迈向全栈的一个开始。 步骤 1:设置项目基础 首先,确保开发环境中安装了Node.js和MySQL。 创建一个新目录作为项目文件夹,并进入这个目录。 mkdir my-api-server cd my-api-server 在项目目录中,运行npm init -y初始化Node.js项目并创建一个package.json 数据运维 2024-01-16 捡田螺的小男孩
Linux之Cnetos7.6安装Vue.js教程。 在CentOS 7.6上安装Vue.js的教程如下: 更新系统软件包: sudo yum update 安装Node.js: 添加Node.js源: curl -sL | sudo bash - 安装Node.js: sudo yum install -y nodejs 安装Vue CLI(命令行工具): sudo npm install -g @vue/cli 创建Vue.js项目: 进入您想要 系统运维 2024-01-15 大树
加速 JS 生态系统:模块解析 大家好,这里是大家的林语冰。 长话短说:无论您是在构建、测试或检查 JS,模块解析始终是这一切的核心。尽管模块解析在前端工具链中占据核心地位,但我们并没有花太多时间来优化它。通过本文讨论的变更,工具的速度优化 30%。 本期《前端翻译计划》共享的是“加速 JS 生态系统系列博客”,包括但不限于: PostCSS,SVGO 等等 模块解析 使用 eslint npm 脚本 draft-js emoj 开发运维 2024-01-15 Escape
Vue响应式系统是如何利用getter / setters和Proxies机制实现的? Vue.js 是一款流行的 JavaScript 前端框架,它通过使用 getter / setters 和 Proxies 机制来实现响应式系统。这个功能是 Vue.js 的核心特性之一,它允许开发者以声明式的方式管理视图和数据的同步更新。 在介绍 Vue.js 的响应式系统之前,先来了解一下什么是响应式系统。简单来说,响应式系统是指当数据发生变化时,系统能够自动地检测到这个变化,并更新相关的视 开发运维 2024-01-10 共饮一杯
JavaScript前端框架2024年展望 Angular、Next.js、React和Solid的维护者和创作者们展望2024年,分享了他们计划中的改进。 译自2024 Predictions by JavaScript Frontend Framework Maintainers,作者 Loraine Lawson。 由于水晶球破裂,The New Stack 采访了来自 Angular、Next.js、React 和 Solid 的创 开发运维 2024-01-05 大猫
理解 Node.js 中的事件循环 你已经使用 Node.js 一段时间了,构建了一些应用程序,尝试了不同的模块,甚至对异步编程感到很舒适。但是有些事情一直在困扰着你——事件循环(Event Loop)。 如果你像我一样,花费了无数个小时阅读文档和观看视频,试图理解事件循环。但即使作为一个经验丰富的开发者,在完全理解它如何工作方面也可能会遇到困难。这就是为什么我准备了这份视觉指南,帮助您充分理解 Node.js 事件循环。请坐下来, 开发运维 2024-01-05 宇宙之一粟
CentOS7系统部署Node.js LTS V18.16.0 Node.js是一款基于Chrome V8引擎的JavaScript运行环境,它可以在服务器端运行JavaScript脚本。在CentOS 7系统上部署Node.js可以为开发者提供更便捷的开发环境。本文将详细介绍CentOS 7系统部署Node.js LTS V18.16.0的步骤。 一、安装Node.js 打开终端,执行以下命令下载Node.js安装包: wget 解压安装包: tar -x 系统运维 2024-01-04 三掌柜
尤雨溪老二次元了,揭秘 Vue 那些有趣的版本名称! 不知道你有没有注意到,Vue 在每次新版本发布时,版本号后面都会跟一个英文的版本名称,这些名称都是什么意思呢?本文就来揭秘 Vue.js 那些有趣的版本名称! 图片 可以看到,Vue.js 版本名称多数来自漫画和动漫,其中大部分属于科幻类。 Vue.js 0.6:VueJS 2013 年 12 月 8 日,Vue 发布了第一个正式版本 0.6,版本名称为 VueJS。 图片 Vue.js 0.9: 开发运维 2024-01-04 共饮一杯
OpenHarmony系统之Napi框架生成工具介绍 想了解更多关于开源的内容,请访问: 51CTO 开源基础软件社区 https://ost.51cto.com 前言 当开发者为OpenHarmony系统上开发JS与C交互的接口时,需要使用NAPI进行接口封装:首先需要用户定义JS接口,然后创建NAPI模块、实现NAPI初始化函数、封装JS接口、处理JS调用,最后进行构建和部署。这需要开发人员熟悉NAPI,有一定的学习成本。而Napi框架生成工具可 系统运维 2024-01-03 贤蛋大眼萌
JS开源库适配OpenHarmony系列—第一期实操 想了解更多关于开源的内容,请访问: 51CTO 开源基础软件社区 https://ost.51cto.com 一、为什么适配JS开源库 由于OpenHarmony应用是基于ArkTS开发,而ArkTS是在保持TypeScript(简称TS)基础语法风格的基础上,对TS的动态类型特性施加更严格的约束,引入静态类型。因此在开发OpenHarmony三方库时,建议首选在成熟的JS/TS开源三方库上开发。 系统运维 2024-01-03 张二河
Bun vs Node:必知必会 大家好,这里是大家的林语冰。 JS 社区掀起了运行时狂潮:Jarred Sumner 孵化的 Bun 1.0 官宣了。话虽如此,还是有一大坨道友很好奇:Bun 的本质是什么鬼物?为什么每个人都将其与百炼成钢的 Node 相提并论?Bun 只是另一种昙花一现的过眼云烟,还是会重新定义这场游戏?在本文中,让我们深入 Bun,瞄一下其功能,并了解它与成熟的 Node 的异同点。 Bun 是什么鬼物? B 系统运维 2024-01-03 贤蛋大眼萌
Vue.js 3.4版本发布:解析速度提升两倍,双向绑定等新功能 引言 随着2024年的临近,Vue团队的领军人物Evan You宣布了Vue.js 3.4的发布。这个版本不仅仅是修复了一些bug,还带来了一些非常实用的新功能和性能提升。 主要更新内容 解析速度提升2倍 这次更新中,Vue.js 3.4实现了解析速度的大幅提升。尤其是在构建模板和脚本的源代码映射时,单文件组件(SFC)的解析速度提升了44%。这意味着在整体构建过程中,虽然对总体时间的影响不大,但 开发运维 2024-01-02 贤蛋大眼萌
17个有用的CLI命令,作为前端工程师,你需要知道一下 作为前端开发工程师,我们需要了解哪些命令?如果您熟悉这些命令,它们将大大提高您的工作效率。 1. tree 小伙伴们,你们知道如何列出一个目录的文件结构吗? 它在显示文件之间的目录关系方面做得很好,这真的很酷。 commands ├── a.js ├── b.js ├── c.js ├── copy-apps │ └── fe-apps │ └── a.js ├── fe-apps │ └── a 开发运维 2023-12-28 爱可生开源社区
JS vs TS:二分法博弈 大家好,这里是大家的林语冰。“TS 凉凉”的前端都市传说今年在前端娱乐圈收割了一大波流量和热度,一时甚至有些许出圈。虽然但是,在“JS 教”和“TS 教”的圣战中,除了狂热的虔信徒,还有像 up 主这种佛系的“无神论者”(其实老粉都知道,语冰乃地球猫猫教的虔信徒),所以 JS 和 TS 互利共生或许可以成为“二极管思维”的第三个正确的选择。 本期《前端翻译计划》共享的是一种偏向实用主义的前端技术立 开发运维 2023-12-28 爱可生开源社区
如何为Electron应用开发原生模块 大家都知道JavaScript无论是在浏览器中运行、还是在Node.js中运行都是单线程运行的,所以并不适合在处理一些CPU密集型任务。但是Node.js允许开发者使用C、C++等语言开发像普通的Node.js模块一样通过require()函数加载的原生模块。因为Electron内置Node.js,这样就使得Electron同样具备了相同的能力。 在实际业务场景中,也有一些现成的C/C++项目,在 开发运维 2023-12-26 醒在深海的猫
前端 JS 安全对抗原理与实践 一、概念解析 1.1 什么是接口加密 如今这个时代,数据已经变得越来越重要,网页和APP是主流的数据载体,如果获取数据的接口没有设置任何的保护措施的话,数据就会被轻易地窃取或篡改。 除了数据泄露外,一些重要功能的接口如果没有做好保护措施也会被恶意调用造成DDoS、条件竞争等攻击效果,比如如下几个场景: 一些营销活动类的Web页面,领红包、领券、投票、抽奖等活动方式很常见。此类活动对于普通用户来说应 开发运维 2023-12-21 捡田螺的小男孩
股票分析必备工具:学习PHP和JS绘制蜡烛图的步骤 股票分析必备工具:学习PHP和JS绘制蜡烛图的步骤,需要具体代码示例 随着互联网和科技的快速发展,股票交易已经成为许多投资者的重要途径之一。而股票分析是投资者决策的重要一环,其中蜡烛图被广泛应用于技术分析中。学习如何使用PHP和JS绘制蜡烛图将为投资者提供更多直观的信息,帮助他们更好地做出决策。 蜡烛图是一种以蜡烛形状来展示股票价格的技术图表。它展示了股票价格的开盘价、收盘价、最高价和最低价,并通 开发运维 2023-12-17 LOVEHL^ˇ^
PHP与JS实战:股票蜡烛图绘制教程 PHP与JS实战:股票蜡烛图绘制教程 股票交易数据的可视化一直是金融领域中的重要任务之一。而蜡烛图是最常用的股票交易趋势分析图表之一。本教程将介绍如何使用PHP和JS来绘制股票蜡烛图,并提供具体的代码示例。 一、准备工作首先,我们需要准备一些股票交易数据,包括日期、开盘价、最高价、最低价和收盘价。数据可以来自于CSV文件或者数据库,这里我们假设数据已经保存在数据库中。 二、绘制蜡烛图 PHP代码部 开发运维 2023-12-17 共饮一杯