lodash lodash-es webpack es
ES定期清理日志
定期清理日志脚本 [root@ELK ~]# cat /root/jws/indexclean.sh #!/bin/bash #清理的主机地址 dst_ip=1.1.1.1 # 需要清理几天以前的索引日志 CLEAN_DAY=90 # 获取N天以前的年月日 YEAR=$(date -d "$(dat ......
api&es6知识点汇总,持续更新中
Api 1. 获取dom元素 const x = document.querySelector('选择器') querySelectorAll返回的是伪数组 2. 操作元素内容 对象.innerText 对象.innerHTML 会解析标签 3. 操作元素样式属性 1. style <script> ......
webpack配置mockjs,开发阶段对接口进行mock
1、先准备项目 运行 npx create-app-react projectName创建一个 react 项目,为了不暴露 webpack 的配置,我们不运行 npm run eject命令暴露配置,因此我们还需要安装 react-app-rewired 和 customize-cra 来进行对项 ......
Python 操作ES
1.安装pip 参考地址:https://blog.51cto.com/wangshiyu/5267092 要指定版本,否则运行代码回报错。 pip install elasticsearch==7.13.0 -i http://pypi.doubanio.com/simple/ --trusted ......
webpack-安装html-webpack-plugin
# 安装html-webpack-plugin 运行如下的命令,即可在项目中安装此插件: npm install html-webpack-plugin -D # 配置html-webpack-plugin ```js // 导入html插件,得到一个构造函数 const HtmlPlugin = ......
webpack-安装和配置webpack-dev-server这个插件
# webpack插件的作用 通过安装和配置第三方的插件,可以`拓展webpack的能力`,从而让webpack`用起来更方便`。最常用的webpack插件有如下两个: 1. `webpack-dev-server` - 类似于node.js阶段用到的nodemon工具 - 每当修改了源代码,web ......
webpack-指定webpack的entry和output
# webpack中的默认约定 在webpack4.x和5.x的版本中,有如下的默认约定: 1. 默认的打包入口文件为`src`->`index.js` 1. 默认的输出文件路径为`dist`->`main.js` 注意:可以在webpack.config.js中修改打包的默认约定 # 自定义打包的 ......
es笔记四之中文分词插件安装与使用
> 本文首发于公众号:Hunter后端 > 原文链接:[es笔记四之中文分词插件安装与使用](https://mp.weixin.qq.com/s/aQuwrUzLZDKLv_K8dKeVzw) 前面我们介绍的操作及演示都是基于英语单词的分词,但我们大部分使用的肯定都是中文,所以如果需要使用分词的操 ......
配置SSL、TLS以及HTTPS来确保es、kibana、beats、logstash的安全
ssl分步骤 1、准备工作 为每台机器配置hosts 192.168.1.234 node01192.168.1.233 node02192.168.1.240 node03192.168.1.241 logstash01192.168.1.242 logstash02192.168.1.243 f ......
webpack-了解mode可选值的应用场景
# mode的可选值 `mode节点`的可选值有两个,分别是: 1. development - `开发环境` - `不会`对打包生成的文件进行`代码压缩`和`性能优化` - 打包`速度快`,适合在`开发阶段`使用 1. production - `生产环境` - `会`对打包生成的文件进行`代码压 ......
webpack-安装和配置webpack
# 在项目中安装webpack 在终端运行如下的命令,安装webpack相关的两个包: npm install webpack@5.42.1 webpack-cli@4.7.2 -D # 在项目中配置webpack 1. 在项目根目录中,创建名为`webpack.config.js`的webpack ......
es笔记三之term,match,match_phrase 等查询方法介绍
> 本文首发于公众号:Hunter后端 > 原文链接:[es笔记三之term,match,match_phrase 等查询方法介绍](https://mp.weixin.qq.com/s/3tzD8dEr592WNJFH_1bKRw) 首先介绍一下在 es 里有两种存储字符串的字段类型,一个是 ke ......
es 笔记二之基础查询
> 本文首发于公众号:Hunter后端 > 原文链接:[es笔记二之基础查询](https://mp.weixin.qq.com/s/VW0QCuW-ONEH-TRB2WF4GQ) 这一篇笔记介绍 es 的基础查询。 基础查询包括很多,比如排序,类似数据库 limit 的操作,like 操作,与或非 ......
JavaScript全解析——ES6函数中参数的默认值和解构赋值
**本文为千锋资深前端教学老师带来的【JavaScript全解析】系列,文章内含丰富的代码案例及配图,从0到1讲解JavaScript相关知识点,致力于教会每一个人学会JS!** **文末有本文重点总结,可以收藏慢慢看\~ 更多技术类内容,主页关注一波!** # ES6函数中参数的默认值 给函数的形 ......
webpack基础配置代码-react
1.webpack.config.js // nodejs中的核心模块,用来处理路径 const path = require("path"); // eslint 检查js文件规范 const ESLintWebpackPlugin = require("eslint-webpack-plugin ......
webpack基础-初始化隔行变色的案例
创建列表隔行变色项目 创建项目空白目录,并运行npm init -y命令,初始化包管理配置文件package.json 新建src源代码目录 新建src->index.html首页和src->index.js脚本文件 初始化首页基本的结构 运行npm install jquery -S命令,安装jQ ......
webpack的概念
什么是webpack 概念:webpack是前端项目工程化的具体解决方案。 主要功能:它提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端JavaScrpit的兼容性、性能优化等强大的功能。 好处:让程序员把工作的重心放到具体功能的实现上,提高了前端开发效率和项目的可维护性。 注意:目前 ......
《JavaScript权威指南第七版》13.3.4实现细节,关于“ES2017解释器可以把函数体分割成一系列独立的子函数,每个子函数都被传给位于他前面以await标记的那个期约的then方法”的疑惑
读到“ES2017解释器可以把函数体分割成一系列独立的子函数,每个子函数都被传给位于他前面以await标记的那个期约的then方法”这一部分是比较困惑,也没有代码示例,很抽象,不易理解。 自己写了个例子来复述一下这段话: function getPosts() { return new Promis ......
ES6字符串API
ES6 字符串API 以下均为字符串的实例(原型)方法 includes 判断字符串中是否包含指定的子字符串 startsWith 判断字符串中是否以指定的字符串开始 endsWith 判断字符串中是否以指定的字符串结尾 repeat 将字符串重复指定的次数,然后返回一个新字符串。 const te ......
webpack项目怎么引入swiper轮播图插件使用的方案
问题: 由于webpack项目中需要使用到swiper轮播图插件 直接let swiper = require('swiper')使用是不行的 解决方案: 采用ES6的方式来引入 例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据 APP 中接收数据代码: // 引入轮播图插件; Pa ......
linux下安装es+kibana
1、下载安装包 ##下载es安装包## wget https://repo.huaweicloud.com/elasticsearch/7.9.3/elasticsearch-7.9.3-linux-x86_64.tar.gz ##下载kibana安装包## wget https://artifac ......
webpack的学习与使用(安装时以管理员身份运行)
1、安装webpack 2、测试是否安装成功 3、写入相应代码之后,进行webpack打包 自动新增一个文件夹: 4、将bundle.js文件写入html页面 打开浏览器查看结果: ......
【问题排查篇】一次业务问题对 ES 的 cardinality 原理探究
小编工作中负责业务的一个服务端系统,使用了 Elasticsearch 服务做数据存储,业务运营人员反馈,用户在使用该产品时发现,用户后台统计的订单笔数和导出的订单笔数不一致!对此进行排查并进行总结 ......
JavaScript操作数组常用的方法(包含es6)
1. forEach() forEach() 方法可以遍历数组中的每个元素,并对其进行操作,例如: const arr = [1, 2, 3]; arr.forEach(num => console.log(num)); // 输出:1 2 3 2. map() map() 方法可以根据数组中的每个 ......
filebeat+kafka_logstash+es进行日志分析
filebeat+kafka_logstash+es进行日志分析 目录 一. 将安装包上传至目标服务器(即日志所在的服务器) 二. 解压安装 三. 配置filebeat 1. 配置采集日志到logstash,这种配置适用于日志量较小的场景,Filebeat > logstash,logstash直接 ......
easy es 避坑指南
为了让每位用户(尤其是小白)尽量避免踩坑,节省更多时间,特此总结一篇避坑指南,在正式使用EE之前,不妨花三五分钟学习一下,可以帮各位在使用中避免踩坑,从而节省大量时间. 遇到问题尽量先从使用角度是否规范,版本是否兼容去下手,我们已提供的API都是有测试用例覆盖,单测覆盖率高达95%+,并有社区大量用 ......
Webpack 面试题
一、Webpack如何解决跨域问题?(三种方式)来源 1. 使用代理:服务端是别人的,使用这个方式 devServer:{ proxy:{ // 重写的方式,把请求代理到express服务器上 '/api':{ target:'http://localhost:3000', pathRewrite: ......
es基本操作
增 post http://192.168.133.131:9200/shopping/_doc { "title":"小米手机", "category":"小米", "images":"http://www.gulixueyuan.com/xm.jpg", "price":4999 } put h ......
Canal1.1.5同步mysql5.7到ES7.10
一、开启mysql的二进制日志 vim /etc/my.cnf log_bin=mysql-bin binlog-format=ROW server_id=1 二、创建索引 要求Mapping中定义的字段名称和类型与待同步数据保持一致 PUT es_test?include_type_name=tr ......