前端学习笔记(2.0)

前端学习笔记-8.12.vue2.0学习饿了么购物车小球动画 思路:加号cartcontrol.vue和购物车shopcart.vue分别是两个组件,他们有一个共同的父组件good.vue作为媒介,加号用emit()方法把信息传给父组件,父组件把信息再传递给另一个购物车子组件。 要实现:通过点击加号,出现小球抛物线落入购物车。 只需考虑小球drop-enter-active的状态,运用emit和on派发和监听事件,cartcontrol派发事件this.$e... 阅读详情

在做公司的老项目时,第一件事就是对应的将代码拷过来的时候出现的环境的问题。

一般来说,就是拷过来的代码不能直接用,把对应的node_modules文件夹删除,然后直接npm i进行安装对应的库和插件即可。

但是,由于是老项目,所以用到的库和现在电脑上的node版本不一样,所以就导致执行命令npm i的时候报错。

我一开始安装的版本是20版本的,所以这样 就会出现版本不能兼容某些第三方库的依赖,就需要进行node降低【亲测node 16版本是较好的,能够前后兼容,前可适应老项目,后可适应较新的项目,不过要是使用pnpm这些需要node18+,辩证的看,而不是绝对的】

所以就想起了使用nvm,简单介绍一下NVM.

NVM(Node Version Manager)是一个专门用于管理Node.js版本的工具。以下是对NVM的详细介绍:

一、功能特点

  1. 多版本管理:NVM允许用户在同一台计算机上安装和切换多个版本的Node.js。这对于需要处理不同项目、每个项目依赖不同Node.js版本的开发者来说非常有用。
  2. 简便易用:通过简单的命令行指令,用户可以轻松安装、切换、卸载和查看已安装的Node.js版本。
  3. 避免冲突:NVM为每个Node.js版本创建了一个独立的环境,避免了不同版本之间的冲突。
  4. 无需管理员权限:在某些情况下,全局安装Node.js可能需要管理员权限,这可能导致权限问题。使用NVM,用户可以在用户的主目录下安装Node.js,无需管理员权限。

那么,在安装nvm之前,需要将自己电脑中之前安装的node给卸载掉,否则nvm安装不成功。

卸载掉之后,来到nvm对应的github网址,就可以找到下载链接:https://github.com/coreybutler/nvm-windows/releases/download/1.1.12/nvm-setup.zip

根据链接中选择版本号直接进入即可【提示:进不去的要科学上网,自行找某盘链接就可以了】

我下载的是1.1.11

 

 安装过程就不再展示了,安装完毕后查看是否安装成功

npm --version

然后可以使用nvm install 版本号进行安装即可

nvm install 14.17.0

这时我们可以安装多个版本的node,具体使用哪个我们先进行查看

 

然后使用命令nvm use 版本号即可

这样我们在使用nvm list查看已安装的node后,对应的版本号前面会有一个*号。

 这样我们的node低版本就已经使用完毕了,我们直接验证

然后我们再来到老项目中使用npm i就可以了。

这里额外列出我在没有使用老版本node的时候使用npm i 出现的错误 

然后根据网上的办法进行忽略依赖

然后清理缓存

还是没有解决,由于项目中的各种包之间的依赖过于复杂,所以还是直接采用node降级比较省事,要不然无论是提醒的package.lock文件中的哪个哪个包下载失败,还是不支持了,然后搜索答案让你切换镜像源啥的都不好使,就会出现各种各样的bug。。。。。。项目还没开始做,就卡在环境下,心态都崩了。

补充:

nvm 查看node版本命令
 查看node列表命令

 

nvm安装node镜像配置

 

 

安装的node就会在这里展示,对应的配置文件就是setting.txt

打开,并配置如下:

root: C:\Users\10834\AppData\Roaming\nvm
path: C:\Program Files\nodejs
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror:  https://npmmirror.com/mirrors/npm/

 这样就配置完成了,然后我们就可以愉快的进行开发了,` ~  `

 

高通camera open代码流程(hal到kernel) 内容:简单介绍Camera open代码调用流程,从HAl到kernel。(api1+hal1) 前言 Android camera api和hal对应关系。安卓在版本更新过程中,camera相关代码也经历了几个版本的更新,表现为camera HAL版本更新(HAL1->HAL2->HAL3),camera API版本更新(camera API1->camera API2),接下... 阅读详情

相关推荐

Workbuddy+DeepSeek V4傻瓜流配置全指南:API接入、模型切换与Agent实战

AI编程助手的核心价值不在于模型本身,而在于如何稳定、安全、低门槛地调用其能力。Agent作为智能体范式,依赖可靠的运行时环境与标准化API通信;DeepSeek V4系列凭借高吞吐、低延迟和强工具调用支持,成为当前生产级Agent的理想引擎。Workbuddy则通过本地配置管理、环境变量注入与UTF-8无BOM容错等工程设计,将复杂部署简化为可复现、可版本化、可团队协同的实践流程。本文聚焦API接入路径下的真实卡点——从Key获取验证、models.json字段语义到沙箱权限控制,覆盖开发者在Window

weixin_33702545的博客 2384

NVM 安装步骤

NVM 安装步骤

layneyao的博客 6019

巨量千川M-API实战:5分钟搞定短视频计划数据自动获取(Python版)

本文详细介绍了如何利用巨量千川M-API和Python快速搭建自动化工具,实现短视频计划数据的自动获取。通过实战代码演示了从环境准备、Token管理到核心数据接口调用的完整流程,帮助电商运营和技术开发者告别手动导出,高效完成数据汇总与分析。

weixin_29325515的博客 1362

web前端学习笔记2.0

web初级学习,基础入门。

weixin_59312663的博客 115

JSBSim开发手册:飞机仿真模型开发指南

JSBSim是一款开源的飞行动力学模型仿真引擎,支持多种飞行器的仿真,包括固定翼飞机、直升机、无人机等。JSBSim的设计目标是提供一个灵活、高效、精确的飞行动力学仿真环境。飞行动力学仿真:实现飞行器的动力学仿真,包括空气动力学、发动机、质量和惯性等模型。控制系统仿真:实现飞行器的控制系统仿真,包括自动驾驶仪、飞控系统等。环境仿真:模拟飞行环境,包括大气模型、风力模型等。本文详细介绍了如何使用C++进行JSBSim开发,包括系统设计、模型实现、代码优化和性能调优等方面的内容。

qq_38334677的博客 4527

Intel RealSense D435 深度相机详解

Intel RealSense D435 深度相机是 Intel 推出的一款基于深度感知技术的相机,广泛应用于机器人、无人机、增强现实(AR)、虚拟现实(VR)、3D扫描、智能监控等领域。D435 是 RealSense 系列中较为高端的深度相机之一,结合了深度传感和 RGB 摄像技术,为用户提供高精度的深度数据和高质量的图像捕捉能力。

crasher123的博客 2947

前端学习网站

Vue2.0源代码阅读 web前端工程化 前端文档 小龙哥的前端博客 前端开发笔记 php笔记 学习笔记 vue基础总结 vue帮助文档 JS前端开发群月报 nodejs学习笔记 nodejs学习笔记 全站入门 ...

人生代码 ---- 公众号 1087

MATLAB/Simulink BLDC电机控制模型搭建:六步换相与速度环实战

无刷直流电机(BLDC)控制是电机驱动领域的核心技术,其六步换相原理通过霍尔信号控制逆变器开关,使定子磁场与转子磁场保持垂直以产生最大转矩。在MATLAB/Simulink中搭建BLDC控制系统,需从电机本体建模入手,结合PWM占空比调节和速度环PI控制器,实现速度闭环与波形观测。该技术广泛应用于电动工具、无人机电调和伺服驱动器等场景。本文详细解析BLDC六步换相逻辑、反电动势建模及Simulink分层设计方法,帮助读者掌握从零搭建完整控制模型的工程实践。

weixin_28273593的博客 208

Vue.js 2.0 学习笔记(一)前端工程化(webpack)

Vue.js 2.0 学习笔记(一)前端工程化(webpack) 文章目录Vue.js 2.0 学习笔记(一)前端工程化(webpack)一、前端工程化1.1 前端工程化的概念1.2 前端工程化的解决方案二、webpack2.1 webpack的基本使用2.2 webpack的案例1. 在项目中安装webpack2. 在项目中配置webpack2.3 webpack.config.js 文件的作用2.4 webpack 中的 entry 和 output2.4.1 自定义打包的入口和出口2.5 webpac

MARTIAN的博客 1684

adb 通信协议分析以及实现 (三) (Adb 网络通信部分解析)

这篇文章说下adb 和adb 服务进程之间通信的socket 协议。  adb 服务进程启动之后,会监视本地的5037 端口,使用的是TCP 协议,所以adb 发送的命令其实就是往本地的5037 端口发送数据,做过网络编程的都知道,本机可以用127.0.0.1 ip地址。 有了ip 地址和端口号socket 通信就没问题 1)  命令发送方式      

inforecovvery的博客 2870

金融领域强化学习在高频交易中的应用

强化学习(Reinforcement Learning,简称RL)是一种机器学习范式,通过智能体与环境的交互来学习策略,以最大化累计奖励。与监督学习和无监督学习不同,强化学习依赖于动态的反馈机制,智能体通过试错不断优化决策过程。高频交易(High-Frequency Trading,简称HFT)是指在极短时间内进行的大量金融交易,通常利用算法和计算机系统自动执行交易策略。高频交易依赖于高速的数据处理和决策能力,以捕捉市场中的微小价格波动。状态(State):环境在某一时刻的观测,反映了系统的当前情况。

AI天才研究院 893

Web前端性能测试与优化 学习笔记 V0.2

Web前端性能测试与优化 学习笔记 V0.2http://www.docin.com/p-615197591.html

weixin_33835690的博客 114

把核心变干净的代价与回报:为什么推动 Clean Core,几乎绕不开 SAP Integration Suite 与 API Management

Clean Core的核心价值在于构建可持续升级的ERP系统架构,其关键不在于减少代码或限制扩展,而是通过解耦和治理实现系统边界的清晰划分。这一理念将推动企业从传统的"私搭乱建"式集成向平台化工程转型,而SAP Integration Suite和API Management正是实现这一转型的核心组件。 Integration Suite作为集成中枢,通过统一平台、可复用内容库和事件驱动架构,将碎片化连接转变为标准化能力;API Management则负责建立接口治理体系,通过统一入口、

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 243

【Django2.0学习笔记】11.CSS框架协助前端布局

11、CSS框架协助前端布局 1、为什么用CSS框架 1、不会或不怎么会CSS 2、不知道如何设计前端样式 3、从头到尾写整个网站的CSS代码量大 4、… 2、如何选择CSS框架 易用性 兼容性 大小 效果 功能 ————Bootstrap—— 文档齐全,使用简单 兼容较多浏览器 非轻量级 扁平、简洁 组件齐全、响应式 3、部署Bootstrap 1、打开bootstrap网站www.bootcss.com 2、下载Bootstrap 3、引用Bootstrap 4、开始使用 下载

qq_42851418的博客 486

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

前端学习笔记202304学习笔记第十七天-vue3.0-模拟简单的前端路由2

前端

qq_41632427的博客 129

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

前端技术栈

JS JS基础 JS高级-ES6 JS高级-异步 JS高级-虚拟DOM axios koa-passport实现本地验证 Koa2 Mongoose Mock NodeJS-基础 NodeJS-静态服务器 React基础概念 React高级指引 React 基础语法 React Redux React 进阶 React开发笔记 RN-环境配置 RN-入门基础 ...

weixin_30628077的博客 512

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

前端框架Vue2.0+Vue3.0学习笔记01

一套用于构建用户界面(把你拿到手里的数据,通过某种办法变成用户可以看见的界面)的渐进式(Vue可以自底向上逐层的应用:①、简单应用:只需一个轻量小巧的核心库 ②、复杂应用:可以引入各式各样的Vue插件。从一个轻量小巧的核心库逐渐递进到使用各式各样的Vue插件JavaScript框架。

xizheng2018的博客 709

Django2.0:【Django2.0教程】11.CSS框架协助前端布局 视频学习笔记

视频链接:【Django2.0教程】11.CSS框架协助前端布局 下载Bootstrap v3.3.7 下载jQuery v1.12.4 将下载的bootstrap解压并重命名为bootstrap-3.3.7,移动至static/下,这里只用到css/bootstrap.min.css和css/bootstrap.min.css.map、js/bootstrap.min.js和全部fonts...

ZhangK9509的博客 855

前端学习笔记202304学习笔记第十九天-vue3.0-vue2的项目中创建路由2

前端

qq_41632427的博客 115

HTML CSS JS学习笔记之实现网页计算器2(1),0基础前端开发

总结来说,面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气,但是我们可以在别的地方花更多时间,每个环节都提前做好准备。面试一方面是为了找到工作,升职加薪,另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚,更重要的是在平时学习和工作中不断积累和坚持,把每个知识点、每一次项目开发、每次遇到的难点知识,做好积累,实践和总结。开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】都提前做好准备。

weixin_58085973的博客 980

前端学习笔记202303学习笔记第四天-Vue3.0-vue的特性2

前端

qq_41632427的博客 127

前端学习笔记202303学习笔记第四天-Vue3.0-内容渲染指令2

前端

qq_41632427的博客 83

前端学习笔记202305学习笔记第二十一天-vue3.0-vuecli多版本切换2

前端

qq_41632427的博客 137

前端学习笔记202304学习笔记第十九天-vue3.0-vue2的项目中创建路由1

前端

qq_41632427的博客 99
上一篇: vue组件传值之$attrs
下一篇: vue2之混入(mixin)
mez_Blog
mez_Blog 新星创作者: 前端开发技术领域 新星创作者: 前端开发技术领域
博客等级 码龄9年 1万+粉丝 346原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mez_Blog

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值