欢迎大家交流前端开发技术、经验及各种知识沉淀

理解熟悉Object.defineProperty和Proxy可以进一步理解VUE的数据响应机制，因为Object.defineProperty和Proxy分别是Vue2.0和Vue3.0的数据响应实现的核心点。这里重点探讨下对数组元素数据的响应试。重点理解Object.defineProperty 对数组和对象的操作是一致的，有助于进一步了解JavaScript语言的特性和更深一步运用Vue.

二维码（Quick Response Code, 快速响应码）本质上是密码算法。在做某个项目的时候，由于二维码内容页面链接，由于链接内容过长，导致上述错误，最后几经查询调试，

首先触发了鼠标按下事件，然后就是焦点到了input上面，然后鼠标抬起，触发click点击事件，失去焦点以后弹出了文件选择框，选中文件以后触发焦点，最后触发的change事件。

JavaScript中，分为普通对象和函数对象，Object、Function、Number、Boolean、String、Array、RegExp、Error是JS自带的8个函数对象。凡是通过new Funciton()创建的对象都是函数对象

页面初始化时，获取后端返回的数据（返回的数据是数组形式的），将数据等分成N份，用户每次上拉到底部时，渲染下一页的数据。即：用户上拉滑动时，会触动scroll事件，当【文档高度(scrollHight)小于滚动条高度(scrollTop)加页面可视高度(clientHeight)】时，触发滚动事件(scroll事件)，页面渲染下一页的数据。注意：scrollHight是整个页面文档的高度，scrollTop是文档内容顶部到可视窗口的高度，clientHeight是页面的视口大小，实际测试中需要scrollHi

整个地图实现阴影或者3D效果，需要echarts中配置项**geo和series中同时设置阴影效果**（或者series系列数组中设置2个元素），series浮在geo上面,二者中series的z的值要大于geo中z的值，并且geo相对series有阴影偏移距离，注意在series中的itemstyle中不设置shadowOffsetX和shadowOffsetY；地图中某一区域的阴影效果可以在data数据中具体的元素中对itemStyle进行设置

这种场景下，可以使用两个系列，一个系列是完整的图形，当做『背景』来表达总数值，另一个系列是使用 `symbolClip` 进行剪裁过的图形，表达当前数值。

JSON.sringify将JavaScript对象序列化成字符串，再将字符串通过JSON.parse解析成（反序列化）JavaScript对象，即：JSON.parse(JSON.sringify(obj))。

mint-ui或者element-ui中Picker选择器，支持多个slot联动，实际应用中例如：年、月、日的三级选择联动，省、市、县的三级选择联动等.picker日期组件切换到指定日期的前后，反复操作会报错或者格式上会错位.....................

根据应用场景，①定时器setInterval每30秒循环一次动态柱形图和折线图的生成；②定时器setInterval动态生成本次循环从0增长到当前值的动态柱形图和折线图的生成。

input输入框宽度大小自动调整有两种方式，一种是：先获取input的文本内容，然后创建预格式化的文本pre标签元素，将获取的文本内容放到pre元素里，再获取pre元素的宽度，根据获取的pre元素的宽度，进而改变input输入框的宽度，另一种是：input输入框的宽度也可以根据输入文本的字符串的长度乘以文本字体大小来实现自动调整......

echarts中饼图主要用于表现不同类目的数据在总和中的占比。每个弧度表示数据数量的比例。

前端页面将用户带有emoji表情符号的留言发送给后端保存后，前端页面从后端获取留言再次展现。但是到再次从后端获取留言展示时，emoji表情符号不能正确展示。估计是后端数据库字符集不能兼容emoji表情符号，保存失败。emoji表情符号绝大部分（只有几个特殊的表情占2个字节除外）占用4个字节存储..................

使用极坐标系的散点图来开发。控制极坐标的配置项有三个：polar（极坐标系）、radiusAxis(极坐标系的径向轴)、angleAxis（极坐标系的角度轴），配合series中type=scatter来最终实现设计图上的上半圆形图案。极坐标系中的散点图，会根据圆形上的刻度值及径向轴上的刻度值来展示不同位置的点（本例中为大头针）............

根据canvas画直线的方法（moveTo、lineTo、stroke等canvas方法），在画布上画连续的点线。实现波浪图的核心点位为：正弦函数和浏览器的定时器（setInterval），利用正弦函数（或者余弦函数）的值来动态增长点的Y轴上的坐标，实现波浪线的生成，再使用定时器定时改变波浪线上每个点线的位置（Y轴的坐标），进而实现动态前进的波浪线