这里面主要涉及的是加载顺序、js是单线程。由于浏览器解析是自上而下加载解析，如果一个很大的js文件放在head里面，由于js是单线程，那么浏览器会一直解析，而无法加载解析后面的dom tree，以至于页面出现空白，如果放在body最下面，这样dom tree会先加载解析，呈现出页面再加载解析js里面的内容，这样用户体验会更好。如果js放在head里面，引用了某个dom，但是这时你还没加载dom t
这里面主要涉及的是加载顺序、js是单线程。由于浏览器解析是自上而下加载解析，如果一个很大的js文件放在head里面，由于js是单线程，那么浏览器会一直解析，而无法加载解析后面的dom tree，以至于页面出现空白，如果放在body最下面，这样dom tree会先加载解析，呈现出页面再加载解析js里面的内容，这样用户体验会更好。如果js放在head里面，引用了某个dom，但是这时你还没加载dom t
只要一提到把JavaScript放到网页中，就不得不涉及Web的核心语言——HTML。在当初开发JavaScript的时候，Netscape要解决的一个重要问题就是如何做到让JavaScript既能与HTML页面共存，又不影响那些页面在其他浏览器中的呈现效果。经过尝试、纠错和争论，最终的决定就是为Web增加统一的脚本支持。而Web诞生早期的很多做法也都保留了下来，并被正式纳入HTML规范当中。&l
目录JS script 标签的位置1. 为什么大多数人 script 标签放在底部?2. DOM 对 script 标签有什么影响？3. script 标签在 body 闭合标签之后可以吗？4. 导入 JS 的 script 标签放在哪？ JS script 标签的位置在我们编写代码的时候，会在页面内使用 <script> 标签来写 JS，虽然理论上 <script> 标
转载
2024-06-24 10:28:52
90阅读
node模块化@(node)一、前言Node应用是由模块组成的，Node遵循了CommonJS的模块规范，来隔离每个模块的作用域，使每个模块在它自身的命名空间中执行。CommonJS规范的主要内容：模块必须通过 module.exports 导出对外的变量或接口，通过 require() 来导入其他模块的输出到当前模块作用域中。CommonJS模块的特点：（1）所有代码运行在当前模块作用域中，不会
转载
2024-09-10 17:14:38
160阅读
一、安装 VS code官方网址：Visual Studio Code - Code Editing. Redefinedhttps://code.visualstudio.com/ 直接官方下载，安装即可。 二、nodejs：1.安装 官方地址：Node.js 中文网 (nodejs.cn)http://nodejs.cn/在官方下载可维护版本，然后进行正常安装即可
转载
2024-11-01 16:10:40
84阅读
为什么 npm 要为每个项目单独安装一遍 node_modules？其实也不用每次都安装node_modules，直接使用软连接即可：windows 使用mklink /j node_modules %APPDATA%\Roaming\npm\node_moduleslinux使用ls -s node_modules %APPDATA%\Roaming\npm\node_modulesnodejs
转载
2024-06-17 13:58:31
193阅读
yarn 安装进行时，显现错误 node_modules\gifsicle: Command failed.
错误详情如下解决办法：在 package.json 文件中 配置忽略该错误"resolutions": {
"//": "Used to install imagemin dependencies, because imagemi
转载
2023-05-23 16:00:03
357阅读
前言有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用办法有两个：下载别人代码到本地，放在src目录，修改后手动引入。fork别人的代码到自己仓库，修改后，从自己仓库安装这
转载
2024-03-17 14:29:14
213阅读
1.1 项目目录介绍目录/文件说明详解build项目构建(webpack)相关代码详解config配置目录，包括端口号等详解node_modulesnpm 加载的项目依赖模块详解src这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： ♞ assets：放置一些图片，如 logo ♞ components：放置一些组件 ♞ views：页面(视图)组件 ♞ rou
转载
2024-07-22 09:55:38
238阅读
目录模块化概念模块的分类加载模块模块作用域向外共享模块作用域成员module对象module.exports对象exports对象共享总结模块规范化模块npm与包查看npm版本和node版本npm安装第三方模块使用第三方模块moment包的版本包管理配置文件包的分类项目包全局包规范的包结构模块的加载机制内置模块加载机制自定义模块加载机制第三方模块加载机制目录作为模块 模块化概念自顶向下把系统划分
转载
2024-04-08 13:25:40
172阅读
Windows下的Nodejs npm路径是appdata，很不爽，想改回来，但是在cmd下执行以下命令也无效npm config set cache "E:\软件安装\nodejs\node_cache"npm config set prefix "E:\软件安装\nodejs\node_global"最后在nodejs的安装目录中找到node_modules\npm\.npmrc文件修改如下即
转载
2024-05-11 20:07:04
833阅读
模块以及模块加载机制
在Node.js中，以模块为单位划分功能，通过一个完整的模块加载机制使得开发人员可以将应用程序划分为多个不同的部分。模块的使用可以提高代码重用率，提高应用程序的开发效率，而且开发人员可以根据具体的需求引入第三方模块或者自定义模块到应用程序中
先计算模块路径
如果模块在缓存里面，取出缓存
是否为内置模块,如果是返回内置模块
加载模块
输出模块的exports属性即可
//
转载
2024-05-16 00:01:31
3769阅读
本周 2020-05-26，Nodejs v12.17.0 LTS 版发布，去掉 --experimental-modules 标志。虽然已在最新的 LTS v12.17.0 中支持，但是目前仍处于 Stability: 1 - Experimental 实验阶段，如果是在生产环境使用该功能，还应保持谨慎，如果在测试环境可以安装 n install v12.17.0 
转载
2024-06-19 05:43:25
72阅读
项目运行环境配置：Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。项目技术：Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发环境：Vscode或HbuilderX都
修改了 node_modules 中的依赖，如何共享： patch-package
start今天学习到一个新知识，解决了一个困扰我很久的问题。真叫人拍案叫绝，赶紧写一篇文章记录一下。问题场景通常一些前端项目，都会引入第三方库，但是有时候第三方库有 bug 或者不够完美的情况 。对于我们这种走在最前沿的人来说，在能力允许的情况下，就会想自己手动更改node_modules 中的依赖，来达到快速修复
NodeGit：强大的JavaScript Git库 nodegit Native Node bindings to Git. 项目地址: https://gitcode.com/gh_mirrors/no/nodegit NodeGit 是一个Node.js绑定到高效C库 libgit2 的项目。它提供了一个全面的API，使开发者能够直接在JavaScript环境中与Git仓库进行交互，无需
Nodejs压缩版安装与配置一、下载nodejs二、解压上面下载的压缩包三、修改配置环境变量四、修改npm镜像为taobao 镜像五、安装vue-cli 脚手架六、搭建前端框架七、运行项目 一、下载nodejs中文官网：http://nodejs.cn/download/ 如下图，选择windows版本，LTS是长期支持版本，选择下载对应的64位压缩版；二、解压上面下载的压缩包然后在安装目录下新
转载
2024-10-12 12:59:39
185阅读
环境操作系统：centos7 nodejs: v6.10.0 elasticsearch：5.2.2步骤首先已经安装好了elasticsearch。由于现在elasticsearch不建议使用plugins即插件的方式来安装。而是把其作为一个独立的应用程序。所以以前的插件安装方式在版本5里不建议使用啦。步骤一、根据官网： https://github.com/mobz/elasticsearc
# 使用yarn删除node_modules
作为一名经验丰富的开发者，你可能会经常遇到需要删除项目中的`node_modules`文件夹的情况。`node_modules`是存放项目依赖包的文件夹，有时候它会变得非常庞大，占用了大量的磁盘空间。如果你正在使用yarn作为包管理工具，那么本文将教会你如何使用yarn删除`node_modules`。
## 删除`node_modules`的流程
原创
2024-01-27 07:23:28
380阅读
