如何将用Node搭建的服务，在没有外网的情况下简单部署？通过查找自己和实践，找到了适合的技术——pkg，能将服务打包成一个exe文件，方便部署，既能保证代码的安全性，又能让使用者一键操作。一、通过查找资料，接触到的技术有： 1、pm2：一个进程管理，简单易学，但这个不满足我想要的结果  
在项目中会遇到开发环境和正式环境访问效果不一样，例如开发环境可以正常访问但是打包之后放到服务器上，图片居然访问不到了等等。。。。对于以上问题提供两种解决方案：第一：对于背景图片访问不到的情况，如下这种写法在打包正式环境下是无法访问的，.login {
width: 100%;
height: 100%;
background: url("../ass
vite 官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上hash值，但是直接通过 :src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题.
这里我们先看看vite官方文档的解释：https://vitejs.bootcss.com/guide/assets.html我们看到实际上我们不希望资源文件被wbpack编译可以把图片
转载
2024-09-27 16:55:12
287阅读
接续上篇ES6+转ES5，本篇将使用webpack和babel将多个不同目录下指定的多个ES6+语法的js文件编译为ES5，并将编译后的文件配置注入对应的html文件。 所需环境node、npm、设置淘宝镜像请参考上篇进行安装，地址： 一、新建项目，目录如下二、执行命令初始化项目 cnpm init -y 执行成功后会生成文件：package.json 三、执行命令安装
node 交互式编程在命令提示符下、输入 node 即可进入交互式, 交互式环境下、可以执行 JS 代码 退出交互式 CTRL + C / CTRL + D在终端下输入： set-ExecutionPolicy RemoteSigned 终端下输入 Set-ExecutionPolicy -Scope CurrentUser 输入：RemoteSigned 重启 HBuilderX 即可npm 包
转载
2024-09-30 07:10:03
22阅读
最近的一个项目使用的是React+React-router+Redux框架，刚开始编写代码的时候，客户的需求不明确，没有明确要求兼容IE8,当第一个版本出来之后，用户发现不能在IE8下使用，才提出兼容IE8的事情。但当时整体的代码框架和主要功能都已经实现，如果更换框架来实现，相当于放弃前面几个月的React代码重写。这带来的工作量是难以估计的。 查找网上的R
概述map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。语法
array.map(callback[, thisArg])参数
callback原数组中的元素经过该方法后返回一个新的元素。
currentValuecallback 的第一个参数，数组中当前被传递的元素。indexcallback 的第二个参数，数组中当前被传递
转载
2024-05-17 16:53:03
135阅读
初识 Vite What is ViteWhy use ViteHow to solve it依赖预构建webpack VS Vite服务器启动时间热更新速度生态How to use 随着 Vue3 的热潮，Vite 也因“快”而红。Vite 最初是针对 Vue3 的一个打包编译工具，目前已经升级到可以支持大部分前端框架的打包编译。在 2021
官网：Vite中文网 理解前端构建工具的作用 作用：将APP.tsc-->tsc-->app.jsx-->react-complier-->js文件需要有一个东西将上面的流程全部集成到一起，只要代码发生变化--有人自动帮助走上面的流程这就是构建工具（我们无须关注代码在浏览器如何运行，只需要关心我们的代码怎么写）打包：将我们写的浏览器不认识的代码，用构建工
创建对象我们开始可以用Object构造函数或者对象字面量来快速创建对象，但使用这种方式创建多个对象时会产生大量重复代码，所以我们有了以下几种创建对象的方式。（1）工厂模式function createPerson(name, age,sex){ //传入的参数可以类比成送入工厂的原材料
var o = new Object();
o.name = name;
转载
2024-03-21 14:21:34
60阅读
动态导入是JavaScript ES2019中新增的语法特性，它可以通过将代码按需导入，从而实现更加高效的加载方式。动态导入允许用户在运行时动态地加载模块，这是ES6中静态导入所无法实现的。在实际运用当中，我们可以通过导入语法结合WebPack等打包工具，来构建出一个按需加载的前端工程，实现对运行时依赖的处理。通过动态导入，我们可以在代码运行时才加载需要的模块，而不是将所有的模块一次性加载，这样一
转载
2024-04-20 20:14:02
357阅读
1995年，JavaScript作为网景浏览器的一部分首次发布，起初并不叫JavaScript，而是叫LiveScript，但是因为当时Java正火，也算是为了搭上java的顺风车，于是改成了JavaScript，然而二者一点关系也没有。 1996年的时候，网景将JavaScript提交给了
转载
2024-04-22 05:54:46
38阅读
this的指向在 ES5 中，其实 this 的指向，始终坚持一个原理：this 永远指向最后调用它的那个对象下面我们来看一个最简单的例子：（例子均来自参考资料中的经典例子）例 1：var name = "windowsName";
function a() {
var name = "Cherry";
console.log(this.name); // win
1、正常使用Promisevar p = new Promise(function(resolve, reject){
console.log('执行')
setTimeout(function(){
resolve(2)
}, 1000)
})
p.then(function(res){
console.log('suc',res)
},funct
转载
2024-03-28 11:30:31
105阅读
模拟两个成功的请求（不考虑reject）function request1() {
return new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve("数据1")
},1000)
})
}
function
转载
2024-10-30 23:30:16
16阅读
安装Elasticsearch在es 5.0以后的版本需要java版本为1.8以上。否则启动时就会报错。学习ES第一步就是安装运行它！JAVA安装地址：www.java.comES下载地址：https://www.elastic.co/downloads/elasticsearchtar xf elasticsearch-*.zip ;cd elasticsearch-*执行以下命令可在前台启动：
转载
2024-09-25 15:31:29
49阅读
es5实现let和const一、letlet的特性首先我们来看看let的特性，let用来声明一个变量：在块级作用域内有效不能重复声明不能预处理，不存在变量提升，即未声明之前的代码不能调用如何实现我们可以通过匿名函数和闭包的形式来模拟let(function(){
var c =3
console.log(c) //1
})()
console.log(c) //c is not defi
转载
2024-04-03 11:20:52
80阅读
Promise对象概述（什么是Promise）Promise 是异步编程的一种解决方案，比传统的异步解决方案——回调函数和事件——更合理和更强大所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理有了Prom
转载
2024-03-21 11:50:16
42阅读
在ES6还未出现时，我们使用如下方法通过javascript使用类。在下图中函数Person为构造函数，因为要通过它，new出实例，所以一般要首字母大写。第一种方法：构造函数法// 1.构造函数法
function Person(name, age, sex) {
this.name = name;
this.age = age;
this.sex = sex;
转载
2024-03-27 05:41:21
48阅读
文章目录详解ES5类的实现和继承的实现1. 前言2. ES5 中类的实现3. ES5 中类继承的实现3.1 原型链继承3.2 盗用构造函数实现继承3.3 组合继承（原型链 + 盗用构造函数）4. 总结 详解ES5类的实现和继承的实现1. 前言ES5 中类的实现以及类的继承是 JS 中一个不得不跨越和征服的高点。不论是在学习的过程中为了更好的理解 ES 6 class 的实现方法以及学习原型链和构
转载
2024-04-01 17:33:51
65阅读
