编程技术 前端拖拽组件实践 这几年做的可视化项目越来越多，这需要前端的 drag 和 drop 元素能力（下文简称 dnd），dnd 能力极大提高前端交互能力。然而在开发项目期间很少去了解其运行原理，这段时间趁着空余时间算是系统学习下前端 dnd 事件能力吧。
奇技淫巧 前端捕获人脸识别实践 公司有个项目涉及人脸识别，需要前端能力支持，需要用户进入摄像头后识别人脸进行截图，然后上传后端进行数据交换。不过目前主流摄像头支持调用，开源社区有个 trackingjs 类库问题解决计算机视觉解决方案。
奇技淫巧 Vue 高德地图最佳实践 之前做不过不少关于地图交互的产品系统，目前国内主流的地图应用 SDK 只有几家：高德、百度和腾讯。所以个人觉得在 PC 应用上高德地图开发相对好一些，至少体验起来没有很明显的坑。这篇文章算是总结下开发地图应用总结吧。
奇技淫巧 Webpack5 上手 之前很多项目都用到 Webpack 这个工具，毕竟目前前端领域上它所占的地位相当高，使用它可以减少大量的前端工作提高工作效率。正好最近需要用到它所以尝试下新版本的脚手架工具。
编程技术 ES6 中的 Proxy 的一些奇淫技巧 老早之前就使用它处理一些业务，不过后来很少接触复杂的业务，几乎忘了它的存在，正好进来因为 Vue3 特性让我想起来这个对象，花点时间深入了解这个对象使用和一些方法的技巧。
编程技术 对 JavaScript Object 的一些思考 前几天在做项目的时候遇到一个关于数组的问题，在项目给后端提交一条数据，这个数据是数组类型，但需要改变数组里面的字段又不能改变原来的数组结构，所有我直接赋值新的变量再Map遍历修改的时候发现原来的数组结构已经发生改变了。
奇技淫巧 Webview Vue 网页调试 最近公司有个小项目类似这样，不过 App 这一块是利用 .Net 的 Xamarin 技术构建的 App，所以这就造成无法从浏览器调试数据。其次我利用 VueCli 生成静态页面，比编写原生的 HTML 页面高效多了，但同样无法抓取到页面动态数据的抓取。
奇技淫巧 ES6箭头函数的this理解 箭头函数表达式的语法比函数表达式更短，并且没有自己的this，arguments，super或 new.target。这些函数表达式更适用于那些本来需要匿名函数的地方，并且它们不能用作构造函数。
