工作中，刚好接手到一个需求，类似抖音出品的飞书软件中，组织架构选人的组件实现。看着似乎有些难度，但是仔细分析后，发现并不是很难，而且还跟我的另外一篇Vue: 如何实现树状收展及勾选联动功能，同样的原理

之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知道为什么要用 debugge

大家好，我叫小杜杜，作为一名小前端，只需要好好写代码，至于部署相关的操作，我们通常接触不到，正所谓专业的人干专业的事，我们在工作中并不需要去配置，但这并不代表不需要了解，相信大家都听过nginx

分享10个我经常使用、能够提高工作效率、图片美化、绘制流程图、可视化正则表达式的小网站，你一定也用得上...

2020年，又是一轮庚子年，春节因为肺炎也不能愉快的过下去了，在家可干的事不多，闲着无聊，就把以前写的一个可编辑表格组件整理了一下，其实思路简单，就是span标签和input标签的切换，但是在有select标签情况下，select下拉的name和value切换可能会需要额外处理…

特别说明： 为保证项目的一致性，文章使用@vue/cli@4.4.6版本，VS code和全局/项目安装了Eslint。该配置参考了 1. vs code扩展程序中安装Vetur 2. 勾选配置 3. 修改package.json 4. Prettier/eslint-conf…

精通任何技能都是需要时间的，但是往往工作中是不会给你这个时间的，尤其是开发工作。新技术层出不穷，每个项目都可能技术栈不一样。 无法改变环境，那么就只能改变我们自身。如果让公司等你精通再开发，那你只能被淘汰。但如果毫无准备进入开发，项目质量又无从谈起，而且项目也可能失控。而微精通…

并不是所有场景下的移动端页面都适合采用vw或rem的方案，这类方案的本质是布局等比例的缩放，让页面在不同尺寸的屏幕下有类似于矢量图片缩放的效果，即保证页面各元素之间位置尺寸的比例关系，并让元素可以清晰地展现。这样的方案更适合于视觉组件种类较多，视觉设计对元素位置的相对关系依赖较…

rem 这个单位对于前端来说并不陌生了,在移动端适配方面,我们经常会用到它,通常我们会采用类似淘宝flexible.js 的方案, 写px,然后通过插件转化成rem,然后得出一堆小数值的rem单位.淘宝这个方案已经用了很多年,兼容性很好,然而现在已经2018年了,许多兼容性问题…