xhr1234567891011// 定义xhr对象let xhr = new XMLHttpRequest();// 当响应返回时，会触发onload事件xhr.onload = () => { // 2. 接收响应 console.log(xhr.response)}// 1.发送请求xhr.open('GET','http://localhost:8080/api');xhr.responseType = 'json'xhr.send(); xhr的Promise改造 可以发送异步请求 123456789101112131415161718192021222324252627// resolve,reject是方法// 正确响应结果赋值给resptry{ const resp =awiat get('http://localhost:8080/api'); log(resp)})}catch(e){ / ...

选择器（Selectors） 标签选择器 使用 HTML 标签名称作为选择器，可以选择页面上所有具有该标签名称的元素。 123p { color: blue;} 类选择器 类选择器通过类名选择元素，类名前面加上点号（.）表示。 123.highlight { font-weight: bold;} ID 选择器 ID 选择器通过元素的唯一ID属性进行选择，ID名前面加上井号（#）表示。 123#header { background-color: #f2f2f2;} 后代选择器 后代选择器通过指定元素的后代关系来选择元素，用空格隔开。 123.container p { margin-bottom: 10px;} 层次选择器 后代选择器：在某个元素的后面 123body p { backgroud: red;} 子选择器， 一代 123body > p { backgroud: red;} 相邻兄弟选择器 同辈 123 ...

在昨天的学习中，我们已经导入了大量数据到elasticsearch中，实现了商品数据的存储。不过查询商品数据时依然采用的是根据id查询，而非模糊搜索。 所以今天，我们来研究下elasticsearch的数据搜索功能。Elasticsearch提供了基于JSON的DSL（Domain Specific Language）语句来定义查询条件，其JavaAPI就是在组织DSL条件。 因此，我们先学习DSL的查询语法，然后再基于DSL来对照学习JavaAPI，就会事半功倍。 DSL查询 Elasticsearch的查询可以分为两大类： 叶子查询（Leaf query clauses）：一般是在特定的字段里查询特定值，属于简单查询，很少单独使用。 复合查询（Compound query clauses）：以逻辑方式组合多个叶子查询或者更改叶子查询的行为方式。 快速入门 我们依然在Kibana的DevTools中学习查询的DSL语法。首先来看查询的语法结构： 12345678GET /{索引库名}/_search{"query": &#1 ...

Electron官网地址 Electron简介Electron是一个使用HTML、css和JavaScript构建跨平台桌面应用程序的框架 前端技术 Electron嵌入了Chromium和Node.js,使web开发人员能够创建桌面应用程序。 跨平台 Electron应用程序与macOS，Windows和Linux兼容，可在所有支持的架构的三个平台上运行。 开源 Electron是一个开源项目，由OpenJS基金会和一个活跃的贡献者社区维护。 开发环境 Node.js nvm 查看本机已安装版本列表： nvm list 查看当前可用版本列表： nvm list available 安装指定版本： nvm install <版本号> 切换指定版本： nvm use <版本> 卸载指定版本： nvm uninstall <版本号> 更多详情:point_right: 构建Electron工程方法一：Quick Start 官网推荐 将项目克隆到本地 安装依赖：npm i 启动程序：npm run start 方法二：Electron ...