Navigator.sendBeacon-页面关闭也能发送请求
背景
最近在需求中有一个这样的场景：需要在页面关闭的时候，用户不需要操作，主动关闭当前订单
当时考虑的方案：在页面关闭的时候，向后端发送一个请求，将这个资源释放掉；
定下方案时，觉得也不是什么难事，觉得谷歌浏览器应该会提供页面关闭的 API 供开发者使用。
经过查找，找到了这么两个 API ：beforeunload 和 unload
beforeunload
当浏览器窗口关闭或者刷新时，会触
前端
JavaScript JSON
前言
JSON 英文全称 JavaScript Object Notation，JSON 是一种轻量级的数据交换格式。JSON是独立的语言 ，易于理解。
JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。
作用
JSON 是用于存储和传输数据的格式。
JSON 通常用于服务端向网页传递数据 。
JSON语法规则
数据为 键/值 对
数据由逗号分隔，最后一个不加逗号
Vue模板里有哪些语法
在这里，我们说模板就是特指表示HTML结构的字符串，英文来说就是 template
一、展示内容
1、表达式
{{ object.a }} // 表达式
{{ n+1 }} // 可以写任何运算
{{ fn(n) }} // 可以调用函数 （一般在methods里面找到函数且调用）
如果值为 undefined 或 null 就不显示，这是经过Vue处理的
另一种写法为
<div v-
哪些标签存在伪元素，伪类和伪元素的区别
存在伪元素的标签：
1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素
2、大部分单标签都没有伪元素,但是img有伪元素
伪元素简介：
1、伪元素既然带一个“元素”，说明它和 p ，a ，h1 等一样，可以包裹住页面的一部分内容并对其中的内容施加一定的影响。我们可以通过样式表给其书写样式
2、伪元素既然还带一个“伪”，说明它其实在 DOM 树中并不存在，只是逻辑上存在所以我们抽象
3种前端文件下载的方式
前端下载有两类，一类是直接让浏览器接管的（点击a链接触发），另一类是先在内存里下载好（blob），然后调用浏览器的保存。
1.window.open
我最初使用的方法就是这个，只要提供了文件的服务器地址，使用window.open也就是在新窗口打开，这时浏览器会自动执行下载。
2.a标签
其实window.open和a标签是一样的，只是a标签是要用户点击触发，而window.open可以主动触发
link和@import 的区别
从从属的关系来说:link是 html 标签,不仅可以加载 css 文件,还可以定义 RSS,rel链接属性,而@import 是 css 的语法,只有导入样式表的作用
2.加载顺序:页面被加载时,link 会和 html 标签同时加载;@import 引入的 css 将在页面加载完毕之后被加载
3 兼容性:@import 是 css2.1的语法,link 是标签不存在兼容性的问题
4 DOM:
小程序页面之间（传值）传递数据的方法
1、给html元素添加data-*属性来传递值，然后通过e.currentTarget.dataset或onload的param参数获取（data- 名称不能有大写字母，不可以存放对象）
2、设置id 的方法标识来传值，通过e.currentTarget.id获取设置的id值，然后通过设置全局对象的方式来传递数据
3、在navigator中添加参数数值
4、使用全局遍历实现数据传递
5、页面跳转或
Neo4j的图可视化
有三种类型
可直连接的库
无直连接的库
面向非开发者的独立产品
可直连接的库
包括 Neovis.js(Neo4j Lab 官方出品), Popoto.js(基于 D3.js).
它们都能够直接连接 Neo4j 数据库, 无需其它后端支持。
无直连接的库
不能直接操作 Neo4j 数据库，需要通过 API 做数据转换。
常见的库有 D3.js, Vis.js, Sigma.js, Vivag
