
前端
文章平均质量分 70
前端学习专栏:开启精彩的前端开发之旅。Vue3、Vite、TypeScript、Element-Plus、Pinia 等前沿技术,助你踏上精彩的前端开发之旅。
qq_35098526
公众号:《Harry技术》 欢迎大家关注与我一起学习,咨询博文相关问题
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Pinia 深度解析:为什么它是 Vue 3 状态管理的未来
更简单的 API- 没有 mutations,直接修改状态更好的 TypeScript 支持- 完整的类型推断Composition API 风格- 与 Vue 3 保持一致开发工具支持- 更好的调试体验模块化设计- 扁平结构,易于维护SSR 支持- 安全的服务器端渲染通过使用 Pinia,您可以构建更可维护、类型安全的状态管理系统,同时享受更好的开发体验。原创 2025-07-31 19:12:11 · 949 阅读 · 0 评论 -
元素的显示模式
本文介绍了HTML中三种常见的元素类型:块元素(block)、行内元素(inline)和行内块元素(inline-block),并通过图片展示了它们的代表元素。块元素独占一行,行内元素不独占一行,而行内块元素则结合了两者的特性。通过CSS的display属性,可以修改元素的默认显示模式,如none、block、inline和inline-block。此外,文章还详细说明了padding和margin的使用注意事项,如padding不能为负数,行内元素的上下内边距设置不完美,而块级和行内块元素可以完美设置四个原创 2025-05-14 18:23:57 · 358 阅读 · 0 评论 -
如何学习Vue设计模式
Vue 设计模式是 Vue.js 框架中用于解决常见问题的可复用解决方案。这些模式帮助开发者更有效地组织和管理代码,提升代码的可维护性、可扩展性和可读性。原创 2025-01-08 17:50:48 · 557 阅读 · 0 评论 -
三种常用的 Node.js 包管理工具npm、cnpm、pnpm使用详细
三种常用的 Node.js 包管理工具npm、cnpm、pnpm使用详细。npm:npm全称Node Package Manager,是 Node.js 平台的默认软件包管理器,用于安装、发布和管理 Node.js 应用程序和软件包。它是一个命令行工具,允许开发人员在他们的项目中轻松地管理依赖项、安装软件包、更新软件包版本以及执行其他与软件包相关的任务。npm 是 nodejs 中的一部分,通常与 nodejs 一起安装和更新。当你安装了 nodejs,npm 也随之安装。cnpm。原创 2025-01-08 17:32:35 · 1398 阅读 · 0 评论 -
node-sass安装报错,换成sass
如果你是在样式文件中直接引用Sass,则不需要更改,因为Sass的编译通常是由构建工具(如Webpack的sass-loader)来处理的,而这些工具会自动识别并使用。(Dart Sass)在API层面是兼容的,因此大多数情况下,你不需要更改代码中的。这可以通过npm或yarn来完成,具体取决于你的项目使用的包管理工具。伪元素选择器(这在Vue.js项目中很常见),你需要将其替换为。大多数情况下,你的代码应该看起来像这样(假设你之前使用的是。中不可用或需要不同的语法,你可能需要调整这些部分。原创 2025-01-01 17:27:54 · 883 阅读 · 1 评论 -
宝塔Node部署nuxt3
6、端口默认是3000,域名处要绑定你的域名,然后点击提交,宝塔会自动安装依赖。4、点击左侧的网站,然后选择node项目,选择node版本安装。5、安装完后,点击新建项目,选择你放项目的文件夹,启动项选择。3、在宝塔文件处添加一个网站的文件目录,并把文件解压到里面。当项目重新上传后,需要重启一下node进行对更改的数据加载。,应该是权限问题,使用www用户可能会出现启动失败。2、然后把目录中的这个文件压缩成zip。,选择.output目录下的。1、首先本地执行打包。原创 2023-09-27 21:20:33 · 1651 阅读 · 12 评论 -
Mac安装指定版本的node
nvm是node版本管理工具,为了解决node各种版本存在不兼容现象,nvm是让你在同一台机器上安装和切换不同版本的node的工具。原创 2022-05-01 08:00:00 · 2523 阅读 · 0 评论 -
前端进阶(三) webpack处理vue以及vue-cli脚手架环境
webpack处理vue安装 vueyarn add vuevue单文件组件single-file components(单文件组件) ,文件扩展名为 .vue 的文件,需要安装vetur插件单文件组件文档单文件组件的结构说明<template> <div> <h1>这是单文件组件的模板内容</h1> </div></template><script>// 这是组件的js代码expo原创 2021-06-24 15:19:55 · 348 阅读 · 0 评论 -
前端进阶(二)webpack开发服务器环境配置
webpack开发服务器webpack 使用 babel 处理高版本的 js 语法babel 的介绍 => 用于处理高版本 js语法 的兼容性安装包yarn add -D babel-loader @babel/core @babel/preset-env配置规则module: { rules: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, use: {原创 2021-06-24 15:18:25 · 403 阅读 · 1 评论 -
前端进阶(一)webpack 概述
webpack 概述webpack 是一个现代 javascript 应用程序的 静态模块打包器 (module bundler)webpack官网webpack 能做什么webpack是一个静态模块打包器语法转换less/sass/stylus转换成cssES6转换成ES5…html/css/js 代码压缩合并 (打包)webpack可以在开发期间提供一个开发环境自动打开浏览器保存时自动刷新项目一般先打包再上线webpack 的基本使用webpack基本原创 2021-06-24 15:17:01 · 247 阅读 · 0 评论 -
VUE3.0 二. vue-cli3 配置指南
VUE3.0 二. vue-cli3配置指南一.vue.config.js 详解官网地址: https://cli.vuejs.org/zh/config/使用vue3 的时候需要添加一个vue.config.jsconst path = require('path');module.exports = { // 基本路径 publicPath: process.env.NODE...原创 2020-03-06 13:29:24 · 1790 阅读 · 1 评论 -
VUE3.0 一.安装node.js、vue3.0脚手架
VUE3.0 一.安装node.js、vue3.0脚手架1.安装nodejs首先去官网下载nodejs查看npm和node版本,出现版本号即安装成功。npm -v# 6.13.4node -v# cv10.16.02.全局安装vue-cli3.0脚手架1.全局安装如果之前安装过 卸载之前的 没有安装过 直接执行下一步npm uninstall -g vue-cli...原创 2020-02-09 18:06:21 · 9313 阅读 · 0 评论