前端

nginx部署前端dist包

在现代前端开发中,构建应用时通常会生成一个静态资源包,包含HTML、CSS和JavaScript文件。为了将这些静态资源包有效地提供给用户,Nginx成为了一个非常流行的选择。Nginx是一个高性能的HTTP和反向代理服务器,特别适合用来部署前端应用。本文将介绍如何使用Nginx部署前端的dist包

前端Vue篇之什么是 mixin ?mixin 和 mixins 区别

在Vue.js中,mixin是一种非常强大的特性,它允许开发者将可重用的功能抽象出来并共享到多个组件中。使用mixins可以让代码更具可读性和可维护性,同时避免重复代码。什么是 MixinMixin 是一种代码复用机制,可以把一些可复用的功能定义在一个对象中,然后再把这个对象引入到 Vue 组件

JSON-Viewer插件:json格式查看器

JSON-Viewer插件:JSON格式查看器在现代 web 开发中,JSON(JavaScript Object Notation)已成为数据交换的主要格式之一。由于其简洁、易读的特点,JSON 被广泛应用于 API 和其他服务之间的数据传输。然而,随着数据的复杂性增加,手动解析 JSON 数据

前端实现截图(Vue)

前端实现截图(Vue)在现代 web 开发中,截图功能越来越受到重视,尤其是在涉及用户生成内容、报告生成以及用户界面展示等场景时。本文将介绍如何在 Vue.js 应用中实现截图功能,我们将使用一个流行的库 —— html2canvas,这个库能够将 HTML 元素转换为画布(canvas),然后生

Webstorm如何配置Nodejs代码提示,Webstorm无法下载@types/node

在使用 WebStorm 开发 Node.js 应用程序时,代码提示是一项非常重要的功能,它可以帮助开发者更快速地编写代码并减少错误。然而,在某些情况下,我们可能会遇到 WebStorm 无法自动下载 @types/node 的问题。这篇文章将介绍如何手动配置 Node.js 代码提示,以及解决 @

web基础之CSS

CSS基础入门CSS(层叠样式表)是用于描述 HTML 文档的显示样式的语言。CSS 可以控制网页的布局、颜色、字体、间距等视觉效果,是现代网页设计中不可或缺的一部分。在这篇文章中,我们将介绍一些 CSS 的基础知识以及常用的语法和技巧,并通过代码示例来帮助大家理解。1. CSS的基本语法CS

银河麒麟v10安装前端环境(Node、vue、Electron+vite)

在如今的前端开发中,Node.js、Vue.js、Electron以及Vite已成为不可或缺的工具。本文将介绍如何在银河麒麟V10操作系统上安装并配置这些前端环境,以便构建现代的桌面应用。一、准备工作在开始之前,请确保您的银河麒麟V10系统已连接到互联网,并且您的用户具有管理员权限。二、安装N

前端发布项目后,解决缓存的老版本文件问题

在前端开发中,缓存是一个经常碰到的问题。用户的浏览器为了提高性能,会缓存静态资源,比如 JavaScript 文件、CSS 文件和图片等。当我们发布了新的版本,更新了这些文件,但用户的浏览器仍然使用缓存中的老版本文件,就会导致网页显示出错或无法使用。这种情况在前端开发中非常常见,为了解决这个问题,我

【鸿蒙实战开发】团结引擎适配HarmonyOS NEXT

鸿蒙实战开发:团结引擎适配HarmonyOS NEXT随着HarmonyOS的不断发展,鸿蒙生态逐渐成为了一个多元化、高效能的智能终端系统。作为Huawei推出的强大操作系统,HarmonyOS不仅在物联网设备中崭露头角,也为游戏开发提供了新的可能性。特别是“团结引擎”作为一款高性能的游戏引擎,其