可拖拽生成节点的组织结构图-vue+svg+betterscroll+原生js-drag
作者:admin 日期:2020-10-30
查看案例请点击此处：
需要源码可联系站长本人。微信18975141930。
使用的技术框架：
1、原生Svg用来画线
2、原生js拖动dragover、dragleave、drop行为
3、betterscroll实现画布拖动
4、整个底层由vue-cli3实现
功能点：
1、图形与数组双向互动。树节点有单击、右键单击、删除等行为，可通过console.log查看。
2、左侧方案节点可以直接拖到右侧蓝色节点上，添加树节点
3、树节点变化后，会自动调整画面宽、高，并重绘线条
4、线条的柄长度、连接点位置，包括宽度、颜色，都已经用变量实现。
这个案例主要是用来测试JS与SVG的结合、拖动行为的基础实现。到具体项目中，是将树结构打包为一个dtree.vue的组件，对外暴露行为。本例只是一个雏形雏形，有了这套理论，可以实现更复杂的东西。比如在页面上任何DOM对象之间都可以连线，画图形标记，是不是想想都有点小激动？
顺便提一下，这种连线可以跟动画相结合，参见我的另一个小例子：
http://blog.258754.cn/2016/svg/test_svg_2019.html
VUE+TWEENMAX+SVG动画，用来模拟流程控制
面试前端岗位的一次经历（长沙）
作者:admin 日期:2020-10-15我打算在含浦、洋湖、后湖这个3公里圈子里找份前端工作。上周通过BOSS直聘联系到后湖的一家公司，基本条件和待遇双方都符合，于是约定面谈。
那天我提前10分钟到了，公司在后湖的创业区，环境不错，就这一点来说，心理加分。但是他们公司并没有挂牌，公司也没人值守，我没找到是具体哪一间房。我在前台坐了一会儿，L经理一行三个人才到公司，说是刚下火车，刚从外地回来。
寒喧两句，一位黑色西装的W经理跟我交流技术细节。可能是我的工作年限比较长，简历上列的项目太多，W经理都没怎么问我技术细节。W经理直接跟我说了一个需求，让我描述下实现思路。我没听懂他要的是什么，另外我想，组件的功能实现，难道不是产品经理的活儿么？我可是面前端岗位呀。
W经理重复了两次，我还是没搞清他到底要实现什么。是要我做功能分析？还是UI设计？还是前端技术架构？要说这几门我倒是都会，就是真没听懂他的思路。
老鸟跟新人的区别，就是我碰到不会或是不理解的东西，会接受现实，并从容地应对。没听懂就是没听懂，可能是你表达不好，也可能是我没有这个经历，“只要你给我时间，我一定能搞懂。这世界上没有听不懂的需求。”
W经理最后放弃了描述，他有点不服气。向L经理示意可以直接谈待遇了。我说：“不考核下我的技术了？”W可能感觉有点被动（被应聘者反将），于是他说也行，那就考核几个点吧。问了几个问题，我记得的有：
VUE-CLI路由类型--我说分为hash和history，他又问我两者区别，我坦承不了解，工作中没用过，但我觉得百度一下就行了。
组件传数据的几种方式--我说了最典型的三种，他说还有更多的没有。我说我查过文档，应该还有更多，但工作中没用到就暂时没去了解。
es6跟组件功能有什么联系？（仿佛如此）----我说es6是一种技术手段，跟功能设计没啥联系。不过我补充了一下我使用es6与lodash库的一些经历。
最后W经理让我看了他们的后台界面，问我，如果只给一个功能描述，是否能实现从“功能设计-UI交互设计-前端编码”这一系列工作，我说我可以，但是我觉得这应该由团队来实现，而不是我一个人。
最终还是没有谈拢，原因如下：
团队感觉太小太新，人手不齐。从办公室的布置（只放了几张桌子和刚组装完的电脑）看得出来。虽然L经理说他们张家界还有几十人的团队，但长沙这边确实看不到人。
L经理说他们并不缺钱，但我觉得如果属实，公司应该布置得更正式一些。然后招人进度也不会象目前这样，如果引入一个有力的HR来专门做招聘工作，长沙各种类型的员工还是招得到的。如果连招人这一点都无法保障的话，我只能说这个团队还是缺乏执行力。
虽然承诺了他们招聘事宜上的顶薪，但是要9-8-6的工作制，晚上到8点，每周6天。如果有团队支持，我觉得还勉强可以，但是把几个岗位都堆给我，我觉得我可能承受不了这个工作量。
我还在等更好的机会出现。
