sendudu的博客

部署端口6666出现的问题部署项目到6666端口，然后用chrome访问发现报了如下错误页面显示： 网址为http://xx.xx.xx.xx:6666的网页可能暂时无法连接，或者它已永久性地移动到了新网址，ERR_UNSAFE_PORT控制台显示：crbug/1173575, non-JS module files deprecated经过一番搜索，发现原来chrome自己做了不安全端口的限制，6665-6669以及6000、4045等都是不安全端口。部署的时候要避免！！日常踩坑...

密码学中应用最为广泛的的三类算法：1、对称算法（分组密码算法）代表分组密码算法(DES和SM4)；2、非对称算法（公钥密码算法）代表公钥密码算法(RSA和SM2)；3、杂凑算法（摘要算法）代表摘要算法(HAS-256系列和SM3)；而国密算法是由国家密码局发布，包含SM1、SM2、 SM3、 SM4、 SSF33等算法SM1SM1 算法是分组密码算法，分组长度为128位，密钥长度都为 128 比特，算法安全保密强度及相关软硬件实现性能与 AES 相当，算法不公开，仅以IP核的形式存在于芯片中。

描述发布包过程可能会遇到很多问题，比较无语的是403 Forbidden如下npm ERR! 403 403 Forbidden - PUT http://registry.npmjs.org/hello_test_npm - You do not have permission to publish "hello_test_npm". Are you logged in as the correct user?npm ERR! 403 In most cases, you or one of you

UUID(Universally Unique IDentifier)是一个128位数字的唯一标识。RFC 4122描述了具体的规范实现。本文尝试从它的结构一步步分析为什么它能做到唯一性？及各个版本的使用场景。FormatUUID使用16进制表示，共有36个字符(32个字母数字+4个连接符"-")，格式为8-4-4-4-12，如：6d25a684-9558-11e9-aa94-efccd7a0659bxxxxxxxx-xxxx-Mxxx-Nxxx-xxxxxxxxxxxxM中使用4位来表

重大变化：开发支持Module Federation模块联邦（联合） ????????Module Federation 使 JavaScript 应用得以从另一个 JavaScript 应用中动态地加载代码 —— 同时共享依赖。如果某应用所消费的 federated module联邦模块 没有 federated code联合代码 中所需的依赖，Webpack 将会从 联合构建源中下载缺少的依赖项。动机Module Federation的动机是与多个团队一起开发一个或多个应用程序。

Webpack 5升级内容版本发布时间webpack 4于2018年2月发布Webpack 5.0.0于2020年10月10日发布此版本关注此版本重点关注以下内容：通过持久化缓存提高构建性能。使用更好的算法和默认值来改善长期缓存。通过更好的Tree Shaking和代码生成来改善bundle大小。清理处于怪异状态的内部结构，同时在v4中实现功能而不引入任何重大更改。Clean up internal structures that were left in a wei

一、babel缓存1. 引入问题为什么对Babel进行缓存，因为项目里js代码一般最多，而babel是对js代码进行编译处理成浏览器能识别的语法 100个js模块中只有1个变化，另外99个不需要再重新编译2. 解决方案开启Babel 缓存 第二次构建时才会读取缓存，速度会更快一些3. 具体配置{ test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader', options: { pr...

之前，js不能引入三方模块，所有的代码必须写到一个文件中，导致单个文件代码量大、业务功能模块不清晰、难于维护。而编写模块化代码，有助于使您的代码变得松散耦合，这对于构建可维护的表示工程代码大有帮助。基于此，越来越多的模块规范出现，如commonjs、amd、umd、esm.amdamd（Asynchronous Module Definitions）规范因RequireJS而出名，其适用于浏览器端，commonjs常被用于node中，当然其也可通过Browserify用于浏览器中。其用法如下：//

浏览器缓存机制什么是缓存？缓存能够减少浏览器请求资源的次数，当第一个请求资源完成后，根据相应的缓存机制，将一些静态资源存储在本地磁盘当中，这样下次请求资源的时候，浏览器直接从本地缓存中读取文件，不需要再次发送请求。这样可以减少了网络延迟，加快了页面响应速度，增强了用户体验；减少了网络带宽消耗；减轻了服务器的压力。浏览器缓存有哪些标识?我们如何知道，每一次资源请求是从本地获取还是服务器？以Chrome为例，打开开发者工具，点击network tab，选择all，这里会显示我们请求的所有静态资源的加载

setup没有this我们知道vue3的setup函数中是没有this的，就算传了context参数，打印出来也没有相关属性useStore这里我们可以直接从vuex 4.X中解构出useStore方法，就可以在setup中使用vuex的相关函数了，例子如下<template> <div> <h2>{{ $store.state.count }}</h2> <button @click="plusCount">点击&lt

getBoundingClientRect和scrollTo…的使用场景不同

背景ECMA TC39临时提案正在努力为JavaScript语言编写更好的日期和时间API。 它目前处于TC39流程的第二阶段。Temporal将成为一个新的全局对象，它的形式是顶级名称空间（如Math）。 它公开了许多不同类型的对象，包括Temporal.Absolute，Temporal.DateTime，Temporal.Date，Temporal.Time，Temporal.TimeZone等。 Temporal Cookbook展示了许多“食谱”，并举例说明了如何在不同的场景中使用这些对象。

process.envprocess对象用于处理与当前进程相关的事情，它是一个全局对象，可以在任何地方直接访问到它而无需引入额外模块。 它是 EventEmitter 的一个实例。process.env 获取当前系统环境信息的对象，常规可以用来进一步获取环境变量、用户名等系统信息：console.log(process.env);console.log('username: ' + process.env.USERNAME);console.log('PATH: ' + process.e

一、composition API1. vue2.x如何组织代码（1）option API（2）面临问题小项目时，这种组织方法还可以 但当功能越来越复杂，同一个功能被拆分到不同的部分会难以阅读，不方便后期维护2. composition API（1）解决上面问题Composition API是以功能来划分代码 把同一个功能的不同代码放在一起（比如放在一个函数中）（2）为什么使用composition API（3）composi...