个人技术分享

在实际的开发中,随着项目的功能越来越多、项目越来越复杂,文件目录也变的很繁琐,为了方便进行项目的开发,开发人员通常会对目录结构进行调整优化,例如:将小程序源码放到 miniprogram 目录下这时候需要开发者在 project.config.json 中 指定的位置 和目标 miniprogram_npm的位置配置 project.config.json 的 miniprogramRoot 指定小程序源码的目录。

基于 node.js和vue 的影院售票系统拥有两种角色，分别为管理员和用户。用户：热映、即将上映、电影和影院全局搜索、评论、选座、购票、点赞、收藏、订单等一系列购票功能。管理员：用户管理，电影管理，影院管理，影厅管理，电影排片，评论管理，订单管理

3、在pacakge.json中定义当前开发依赖包的name和version，如不需要添加命名空间name直接为包名即可。1、修改完代码后，我们需要修改 package.json 的version版本。2、在文件夹内 进入终端（cmd）运行 npm init 初始化项目。1、开发过程中可以在其他本地项目中使用调试，以查看实时效果。1、新建一个空文件夹（文件夹名字默认为npm包名）规则：对于"version":"x.y.z"2.增加了新特性，但仍能向后兼容，增加y。3.有很大的改动，无法向后兼容,增加x。

网上搜了下发现原因不止一种，这里仅记录本人遇到的原因和解决办法，仅供参考。再次提示，这是本人遇到的，可能和大家有所不同，勿杠。

当使用npm时，为了提高下载速度和稳定性，特别是针对国内的开发者，经常需要配置国内的镜像源，如淘宝npm镜像。

因为在webpack看来，项目中的所有资源皆为模块，通过分析模块间的依赖关系，在其内部构建出一个依赖图，最终编绎输出模块为 HTML、JavaScript、CSS 以及各种静态文件（图片、字体等），让我们的开发过程更加高效。4、编译模块：调用相应的loader对不同的文件做转换处理，在找出该模块依赖的模块，递归本操作，直到项目中依赖的所有模块都经过了本操作的编译处理。5、完成编译并输出：根据入口和模块之间的依赖关系，生成一个个chunk，根据output输出所有的chunk到相应的文件目录。

https://registry.npm.taobao.org（该域名已经过期了）1.进入cmd命令行窗口，输入node -v查看nodejs版本。设置全局模块的安装路径到 “node_global” 文件夹，1.将npm默认的registry修改为国内registry。如果是按照我的压缩包安装的，直接删除安装的文件夹即可。1.解压后，在该文件夹中创建2个新的空文件夹。3.3 执行命令查看cnpm是否安装成功。如下图所示，即代表cnpm配置成功。安装Vue参考这篇文章就好了。三、验证是否安装成功。

https://registry.npm.taobao.org（该域名已经过期了）1.进入cmd命令行窗口，输入node -v查看nodejs版本。设置全局模块的安装路径到 “node_global” 文件夹，1.将npm默认的registry修改为国内registry。如果是按照我的压缩包安装的，直接删除安装的文件夹即可。1.解压后，在该文件夹中创建2个新的空文件夹。3.3 执行命令查看cnpm是否安装成功。如下图所示，即代表cnpm配置成功。安装Vue参考这篇文章就好了。三、验证是否安装成功。

下载并安装适合你操作系统的版本。这两个命令分别显示Node.js和npm的当前版本。首先，确保你的系统中已安装了Node.js，因为npm随Node.js一同分发。字段允许你定义自定义脚本命令，这对于自动化构建、测试、启动服务器等任务非常有用。这个文件是项目的配置文件，记录了项目的名称、版本、依赖关系等重要信息。运行上述命令后，npm会引导你完成一系列问题的回答，最终生成。当你开始一个新的Node.js项目时，通常第一步是使用。如果你不想逐个回答，可以使用。文件夹，存放所有依赖包，并在。

刚好最近学习了Vue和Webpack,回顾一下学习并对Vue的学习过程中对笔记总结进行记录,同时进行思考过程中的理解加入其中,方便自己进行后续的学习和回顾,当然因为这两个内容都和我之前在进行渗透测试中碰到的一种漏洞类型相关,其中很容易碰到资产是关于使用wepack进行打包的,并且存在js.map泄露,在源码泄露中,常见的前端是通过vue进行编写的,顺便加深一下之前渗透过程的印象.webpack是一个JavaScript应用程序的静态资源打包器。

所以，在前面的博客中，我们初始化了一个空的项目，当执行webpack打包时，需要先手动在src目录下创建一个index.js文件，这样在执行npm run build后，在dist的目录下生成了一个main.js文件，这个也验证了上面零配置打包规则的第1点和第2点。上述配置，指定了入口文件，同时指定了dist文件夹下输出的文件名为bundle.js，执行npm run build，会看到在dist文件下多了一个bundle.js文件。

hash：一种算法，具体有很多分类，特点是将一个任意长度的字符串转换为一个固定长度的字符串，而且可以保证原始内容不变，产生的hash字符串就不变。此步骤非常简单，webpack将利用node中的fs模块（文件处理模块），根据编译产生的总的assets，生成相应的文件。chunk hash是根据所有chunk assets的内容生成的一个hash字符串。每个chunk都有一个模块记录,一个模块编译完了之后,会对依赖的模块继续进行编译(将多个chunk的assets合并到一起，并产生一个总的hash。

gulp 构建Node.js 应用

hash：一种算法，具体有很多分类，特点是将一个任意长度的字符串转换为一个固定长度的字符串，而且可以保证原始内容不变，产生的hash字符串就不变。此步骤非常简单，webpack将利用node中的fs模块（文件处理模块），根据编译产生的总的assets，生成相应的文件。chunk hash是根据所有chunk assets的内容生成的一个hash字符串。每个chunk都有一个模块记录,一个模块编译完了之后,会对依赖的模块继续进行编译(将多个chunk的assets合并到一起，并产生一个总的hash。

只要服务器接收到了客户端的请求，就会调用通过 server.on() 为服务器绑定的 request 事件处理函数。

首先读取配置文件，如果不存在则创建文件并写入配置参数。如果配置文件存在则读取数据，并使用读到的配置信息去连接mqtt服务器以及订阅和发布消息。在这里我使用了固定串口，如果有需要调整串口也可以放到配置文件中。整个程序的功能是连接mqtt服务器并订阅一个主题，如果从该主题收到数据则从串口发出，如果串口收到数据则从另一个主题发布出去。接下来就是源码，我们的配置文件名为config.json,里面包含了连接mqtt服务器相关的信息，订阅及发布的主题等。因为要用到mqtt和串口，所以需要安装对应的模块。

它是一种快速、磁盘空间高效的包管理器，比npm等其他包管理器快约2倍。PNPM使用称为“内容寻址存储”的机制来存储npm包，这意味着即使多个项目使用相同的包，该包在磁盘上也只存储一次。此外，PNPM还使用一种称为“虚拟化节点模块”的技术来管理依赖项，从而解决了传统包管理工具在安装和升级依赖时的一些常见问题，如占用大量磁盘空间、重复下载依赖项等。PNPM非常适合monorepos，并且有一个严格的规则，即一个包只能访问它的package.json中指定的依赖项。

比如jQuery库，等项目上线以后依然是要继续使用的，我们就要安装在生产环境中，如果没有把需要的依赖安装到生产环境中，项目上线运行时就有可能会报错。首先在一个空的文件夹下使用 npm init 初始化生成一个 package.json 文件，打开对里面的内容进行添加，如：下载 jQuery 和 bootstrap 的包文件。使用的一些构建工具例如glup、webpack这些只是在开发中使用的包，上线以后就和他们没关系了，所以将它写入devDependencies。或 npm install -g npm。

但 scope hoisting 的启用是有前提的，如果遇到某些模块多次被其他模块引用，或者使用了动态导入的模块，或者是非 ESM 的模块，都不会有 scope hoisting。在未开启 scope hoisting 时，webpack 会将每个模块的代码放置在一个独立的函数环境中，这样是为了保证模块的作用域互不干扰。scope hoisting 是 webpack 的内置优化，它是针对模块的优化，在生产环境打包时会自动开启。这样做的好处是减少了函数调用，对运行效率有一定提升，同时也降低了打包体积。

下面演示的是，将代码中的var处理成const。