lodash lodash-es webpack es
nodejs你应该知道的13个库 | Sequelize CORS Nodemailer Async Lodash Axios
1. Sequelize Sequelize 是一种基于 promise 的 Node.js 对象关系映射器 （ORM） 使用，它使开发人员更容易使用关系数据库。 2. CORS CORS 是一个 Node.js 包，它使用 Connect/Express 提供跨域资源共享 （CORS） 作为中间件 ......
Webpack.devServer 配置项如何使用？附devServer完整示例
前言: 我们在平常本地开发时，可能经常需要与后端进行联调，或者调用一些api，但是由于浏览器跨域的限制、开发与生产环境的差异、http与https等问题经常让联调的过程不够顺畅。所以本文介绍一下webpack的devServer中的proxy配置项。接下来让我们先看一下这个配置项的基本使用： 基本使 ......
Django笔记四十一之Django中使用es
本文首发于公众号：Hunter后端 原文链接：Django笔记四十一之Django中使用es 前面在 Python 连接 es 的操作中，有过介绍如何使用 Python 代码连接 es 以及对 es 数据进行增删改查。 这一篇笔记介绍一下如何为 es 的 索引 index 定义一个 model，像 ......
org.elasticsearch.client.transport.NoNodeAvailableException: None of the configured nodes are available es端口号及集群名称
org.elasticsearch.client.transport.NoNodeAvailableException: None of the configured nodes are available elasticsearch有两个端口：http_port和transport.tcp.por ......
webpack的分包split-chunks 配置及策略
splitChunks 是 webpack 中用于分包的配置选项之一，它主要用于控制如何拆分代码块，以优化资源加载和减小文件体积。splitChunks 配置可以在 webpack 4.x 版本及更高版本中使用。 以下是一些常见的 splitChunks 配置示例和说明： 上述配置中的参数及其含义如 ......
es笔记七之聚合操作之桶聚合和矩阵聚合
本文首发于公众号：Hunter后端 原文链接：es笔记七之聚合操作之桶聚合和矩阵聚合 桶(bucket)聚合并不像指标(metric)聚合一样在字段上计算，而是会创建数据的桶，我们可以理解为分组，根据某个字段进行分组，将符合条件的数据分到同一个组里。 桶聚合可以有子聚合，意思就是在分组之后，可以在每 ......
webpack5 新特性
webpack5 已经发布，将主要涉及的新特性及这些特性的使用方法总结了一下。 英文文档地址：webpack 中文文档地址：webpack.docschina github 地址：github 1、内置静态资源构建能力 —— Asset Modules 在 webpack 5 之前，通常使用： ra ......
利用 Webpack CodeSplitting 完成复杂应用拆包
All in One 的弊端 通过 Webpack 实现前端项目整体模块化的优势固然明显，但是它也会存在一些弊端：它最终会将所有的代码打包到一起。试想一下，如果应用非常复杂，模块非常多，那么这种 All in One 的方式就会导致打包的结果过大，甚至超过 4 ～ 5M。 在绝大多数的情况下，应用刚 ......
webpack 处理图片
1、建立css、images文件 2、安装依赖 npm install -D url-loader （url-loader 含 fail-loader）、配置依赖 作用：处理图片，设置打包文件输出地址、输出地址后静态文件识别地址、输出图片转 base64和输出图片的名称 执行命令： 打包代码 npm ......
webpack搭建基本项目
（webpack中文地址：https://www.webpackjs.com/loaders/） 1、第一步：新建一个空文件夹 （此处以 webpacktwotest文件夹、vscode编辑器为例） 2、第二步：安装 1）在编辑器中打开文件夹（webpacktwotest 打开命令行快捷键Ctrl+ ......
webpack4.0使用 css
（注：示例中的 app 文件夹是书写代码文件夹，public 文件夹是书写代码编译后的文件夹） 1、使用 css 1> 创建 index.css 样式文件 2> 入口 JS 文件中引入 index.css 3> 安装 css-loader 、 style-loader 依赖 （安装完成后，再配置相关 ......
ES5-ES8
2、ES6特性 1）箭头函数 。简化函数的写法 1）const foo = function foo(arr,num) { console.log('foo：常规函数') } 2）const foo = (arr,num) => { console.log('foo:箭头函数') } 3）const ......
webpack 多个文件打包成多个文件
1、多个 js 文件打包成 多个 js 文件 不用安装任何依赖，只需使用 fs 模块和 readdirSync 方法（node.js中读取文件） 1）建立多个文件 2）在 webpack.config.js文件中使用 readdirSync 方法，如下： 3）编译代码 npm run build，结 ......
webpack配置优化
Webpack 是一个非常强大的模块打包器，用于处理和打包前端资产。随着项目的复杂性增加，配置文件和优化 Webpack 的性能就变得非常重要。以下是一些关于如何优化 Webpack 配置的策略： 使用最新版本的 Webpack：每个新版本的 Webpack 都可能包含性能改进和修复。确保你的项目使 ......
调试webpack配置文件
调试webpack配置文件，可细致查看配置选项变量，可方便判断配置失效的问题 具体步骤 1. vscode在调试菜单创建launch.json文件 2. 在launch.json文件添加配置 3. 选择nodejs通过npm启动 4. 修改npm启动命令为待调试的命令 5. 通过launch via ......
js逆向webpack基础
1.webpack是什么？ Webpack是一个用于构建现代 Web 应用程序的静态模块打包工具。它是一个高度可配置的工具，通过将应用程序的所有资源（例如JavaScript、CSS、图片等）视为模块，并使用依赖关系来管理它们之间的引用，将它们打包成一个或多个最终的静态资源文件 2.webpack逆 ......
ES6的箭头函数，箭头函数不会创造块作用域，无法生成一个独立的环境，this指向上层的this
var color = 'green'; var test4399 = { color: 'blue', getColor: function(){ var color = "red"; alert(this.color); } } var getColor = test4399.getColor; ......
ES安装报错
1.配置了日志启动失败 由于权限问题导致启动失败，原因是我在elasticsearch/conf/elasticsearch.yml中设置了path.data和path.logs,ES启动建议使用普通用户启动，root权限过大，初期未给path.data和path.logs设置普通用户属组，导致启动 ......
lodash防抖的使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.js"></scr ......
使用ES6生成器（Generators）和redux-saga与使用ES2017的async/await和redux-thunk相比的优缺点。
内容来自 DOC https://q.houxu6.top/?s=使用ES6生成器（Generators）和redux-saga与使用ES2017的async/await和redux-thunk相比的优缺点。 目前关于redux的最新讨论焦点是redux-saga/redux-saga。它使用生成器 ......
ES安装
1.安装 https://www.elastic.co/cn/downloads 先安装 elasticsearch 在安装 kibana 再在github上 elasticsearch-head git clone git://github.com/mobz/elasticsearch-head. ......
es 开启重新分配和修改水位线
出现如下图磁盘水平线报警问题会导致副本unassigned 定位问题：有两个 data node磁盘容量为90% 以上。 解决问题：将磁盘容量将低到80% 以下后，自动平衡完成。 开启重分配命令： 复制 curl -XPUT 'localhost:9200/_cluster/settings'-d' ......
ES数据查询
要查询 Elasticsearch 的集群设置中的 cluster.routing.allocation.enable 和 cluster.routing.allocation.disk.watermark 参数，你可以使用 Elasticsearch 的 REST API 发起一个 GET 请求来 ......
4 种 MySQL 同步 ES 方案
本文会先讲述数据同步的 4 种方案，并给出常用数据迁移工具 1.前言 在实际项目开发中，我们经常将 MySQL 作为业务数据库，ES 作为查询数据库，用来实现读写分离，缓解 MySQL 数据库的查询压力，应对海量数据的复杂查询。这其中有一个很重要的问题，就是如何实现 MySQL 数据库和 ES 的数 ......
webpack文档打包html,css,js文件
先用npm init -y，快速生成package.json文件，package-lock.json文件是用来固化依赖包的版本的，导入包后会自行生成，提交给他人项目时，只需要给这两个配置文件，然后输入npm i，即可自动下载依赖。 新建一个webpack.config.js配置文件，以下是配置文件的 ......
webpack配置局域网访问项目
要配置webpack允许局域网访问项目，你需要做以下几个步骤： 1. 在webpack配置文件中，找到devServer选项，并设置其属性`host`为`0.0.0.0`。这将允许其他设备通过局域网IP访问你的项目。 module.exports = { // ... devServer: { ho ......
es笔记六之聚合操作之指标聚合
本文首发于公众号：Hunter后端 原文链接：es笔记六之聚合操作之指标聚合 聚合操作，在 es 中的聚合可以分为大概四种聚合： bucketing(桶聚合) mertic(指标聚合) matrix(矩阵聚合) pipeline(管道聚合) bucket 类似于分类分组，按照某个 key 将符合条件 ......
ES7-ES12
ES6是JavaScript的一次重大升级，但随后的版本也带来了许多新特性和改进。下面是ES6之后的几个版本的重要特性： ES2016 (ES7): 指数运算符 (**): 引入了指数运算符，用于计算乘方。 Array.prototype.includes(): 提供了一种更简洁的方法来判断数组中是 ......
es笔记五之term-level的查询操作
本文首发于公众号：Hunter后端 原文链接：es笔记五之term-level的查询操作 官方文档上写的是 term-level queries，表义为基于准确值的对文档的查询，可以理解为对 keyword 类型或者 text 类型分词为 keyword 的字段进行 term 形式的精确查找。 以下 ......