又到招聘季了(其实秋招已经过了…)。今年我们组照例没有意外的分到了0个秋招的实习生(其实分到了一个，结果第一天分给我，第二天这位同学就说不来了)。没办法，只能自己散招了。 根据往年经验，Boss直聘上面的简历质量和数量相对要靠谱一些，因此我掏钱投放了一个前端可视化方向的职位。但是每天推荐过来的人员比较多，绝大部分都是不符合我需求的，要是我一个个手动点击看过去，太花时间了。因此我自己写了一段JS，

方案特性cookie长度有限(不超过4KB)，且每次请求都会携带上，一般只用于存储和用户状态、登录信息相关的数据。 localStorage永久存储，API简洁明了。 不过存储容量有上限，各个浏览器容量不一致。 并且这个是不能跨域的。 这个读写是同步的，有可能会阻塞你的程序。 目前我们在大屏项目中使用得比较多，用于存储用户的非认证的数据(比如自选股列表)，以及作为异常情况下的备份数据(比如请求失败

可以思考下：5 年后的前端会是什么样的？ 这有助于我们将眼光放得长远一些。 团队关于人员晋升，建议可以由一个 T4 带着几个 T3，然后将某件事情做成(比如下面的某个方向)，然后这个 T4 和他带的 T3 一起升级。不然如果 T3 自己认领一个事情，事情小了，没有形成足够影响力，不好评估贡献度，事情大了搞不定，都不利于其晋级。 晋升的关键，要看你的产出(yield)和影响力(impact)。

随着数据的暴增以及数据搜集技术的发展，目前各个公司都积累了很多的数据。从这些数据中挖掘信息，进而发展出产品，或者分析用户信息，对用户进行画像，类似这样的需求越来越多。 而这些数据最终的呈现，都会以可视化的形式来作为载体。关系图应运而生。 注意：我们做关系图的时候，一定要在初期明确： 这个图我们是准备让用户当成工具来用，还是只是随便看一看而已？ 因为如果是想将其作为一个工具，那么我们就需要加上各

我们需要实现一个体现人物关联关系的可交互的图形，类似这样： 要求： 1、每个节点都是可以拖动的，且拖动的时候，与该节点关联的线条、箭头，都要随之同步移动； 2、页面要支持缩放和平移； 3、点击节点和线条上的文字，可以在页面底部显示其他相关的信息。 虽然目前有一些开源组件可以实现大致的效果(比如vis.js)，但是我们考虑到后续需求可能存在一些比较特殊的个性化内容，为了增加我们的自定义能力，准备考

需求是画公司与人员的关系，用圆圈表示公司或者人员，然后在圆圈内容通过文本写上公司和人员的名称。然后鼠标拖拽圆圈的时候，圆圈要和文本一起同步移动。 不同的元素怎么移动？圆圈Circle可以通过修改其cx、cy属性移动，也可以通过transform进行移动。 文本Text可以通过修改其x、y属性移动，也可以通过transform进行移动。 如何理解相对定位与绝对定位？这是移动SVG元素的关键。 要把其

Hi, I’m Leo Zhou. I have a gentle wife and a lovely son. Actually, life has been good to me, but I’m an ordinary man with a touch of madness. I’ve experienced quite a few detours in the last few year

组件识别插件安装 https://www.wappalyzer.com/ 扩展，先大致识别出页面使用了哪些技术。 这个扩展有时候不一定准确(比如Vue识别不出来)，需要你再手动人工验证下。 这个插件是最赞的页面技术解析工具，因此放在最前面。 查看页面源码通过源码，观察引入了哪些组件。 查看network加载的资源有的JS文件，是通过JS异步加载进来的，单从页面源码看不出来被引用了。 因此要关注下n

This afternoon, I joined a meeting of a component requirement. I have been a long time since I joined a requirement meeting last time. I found that I had forgotten how to identify requirements. When t

拆解思路： 1、先通过 package.json 了解用到的技术 2、启动程序 3、【关键】通过 vue-devtools 查看页面组件结构 4、通过组件名称，跟踪页面代码 用到的技术Vue：前端框架 Vuex：状态管理(页面不同区域的数据状态联动) elementui：页面样式 html2canvas：导出图片 vue-draggable-resizable-gorkys：拖拽、粘合 xlsx：