webpack简介webpack是一个现代JavaScript应用程序的静态模块打包工具。当webpack处理应用程序时，它会在内部构建一个依赖图，此依赖图对应映射到项目所需的每个模块，并生成一个或多个bundle。 webpack核心概念1. Entry（入口）入口起点指示webpack应该使用哪个模块作为构建其内部依赖图的开始。进入入口起点后，webpack会找出哪些模块和库是入口起点依赖的。

Vite简介Vite（法语意为”快速的”）是一种新型前端构建工具，由Vue.js作者尤雨溪开发。它能够显著提升前端开发体验，主要体现在： 极速的服务启动：使用原生ESM，无需打包即可启动 轻量快速的热重载：无论应用规模多大，HMR始终快速 真正的按需编译：不再等待整个应用编译完成 开箱即用：对TypeScript、JSX、CSS等提供一流支持 Vite vs Webpack 核心差异开发模式对

前言位运算是计算机科学中最基础、最高效的运算方式之一。虽然在实际开发中，位运算的使用场景相对较少，但在某些特定场景下，位运算能够带来显著的性能提升和代码简化。本文将深入探讨位运算的用法、常见应用场景，以及在实际项目和面试中的应用。 一、位运算基础1.1 什么是位运算位运算是直接对整数在内存中的二进制位进行操作的运算。JavaScript 中的位运算包括： 按位与（&）：两个位都为1时，结

简介Cursor是一款基于VS Code的增强型代码编辑器，专为AI辅助编程而设计。它在保留VS Code熟悉的编辑体验基础上，深度集成了先进的AI功能，使开发人员能够更高效地编写和理解代码。 文档中展示的截图和相关配置项都是以Cursor 官网目前最新版本（0.48.9）为准 1. 基础配置&迁移1.1 个性化设置 界面汉化: 在 VS Code 扩展市场搜索 “Chinese (Sim

在vue单页面应用中，可以通过在router 配置中添加 keepAlive 来keepAlive页面，但是这样会导致页面在切换时，页面位置会回到顶部，这样用户体验不好，所以需要保持页面位置。 解决方案 在router配置中添加keepAlive 在需要保持页面位置的组件中添加scrollTop属性 在组件的activated钩子函数中获取scrollTop，并恢复滚动位置 在组件的befor

从 Vue 2 升级到 Vue 3 已经有一段时间了，现在很多新项目都直接用 Vue 3 了。这篇文章主要聊聊 Vue 2 和 Vue 3 到底有啥区别，以及为什么要做这些改动。 为什么要升级 Vue 3？Vue 2 其实已经很成熟了，但确实有一些问题： 性能瓶颈：随着项目变大，响应式系统会有性能问题，特别是深层嵌套的对象 TypeScript 支持不够好：Vue 2 的 TypeScrip

前言一般我们使用 git，拉取代码，首先会生成 SSH 公钥，然后把公钥添加到对应的代码平台，最后本地配置一下用户名和邮箱，就可以愉快的拉取修改代码了。 123git config --global user.name "XXXX"git config --global user.email "XXX@XXX.com" 问题但是工作中，我们会经常需要有多个

Mac 安装Homebrew（若已安装，可以跳过） 1/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 使用brew安装nginx 1brew install nginx 启动nginx 1brew services start ng

vue.js 中除了常用的 v-model 和 v-if 这种常用的指令外，有一些需求还是需要自定义指令的，首先还是先放上官网介绍 权限控制的自定义指令自定义指令 12345678910111213141516171819// 页面权限点permission: { inserted(el, binding, vnode) { const { arg

前端下载文件处理文件名称，进行重命名的操作 1234567891011121314151617181920export const downloadFile = async (url, filename) => { const a = document.createElement('a') url = url.replace('http:'