父元素设置overflow:scroll时vuedraggable组件出现奇怪效果的解决方案
最近使用 vuedraggable 做拖拽效果。不过因为要用到滚动条而使用了 overflow: scroll，导致了两个奇怪的效果，虽然折腾了一段时间，不过最后我还是将这些奇怪的 bug 解决了。
js事件委托（事件代理）
js中事件冒泡我们知道，子元素身上的事件会冒泡到父元素身上，事件代理就是本来加载子元素身上的事件，加在其父元素身上，其问起产生了，那么多的子元素怎么区分事件本应该是哪个子元素的。 答案就是event对象记录的事件源
Node中异常：exit code与 dockerfile
最近观察项目 CI 跑的情况如何时，会偶尔发现一两个镜像虽然构建成功但是容器跑不起来的情况。究其原因，是因为一个 exit code 的问题
margin和padding的区别和用法
marigin：就是外边距。padding：就是内边距。怎么就容易记住两者呢？马蓉大家都知道吧，给王宝强带帽子的那位，假如你认识了马蓉是不是想离他远点呢？而马蓉的拼音是marong，是不是和margin特别像呢？
20中常用的JavaScript字符串方法
charAt(x)返回字符串中x位置的字符，下标从 0 开始。concat() 方法用于连接两个或多个字符串，此方法不改变现有的字符串，返回拼接后的新的字符串。fromCharcode(c1,c2)转换一组Unicode值转换为字符。
div元素宽度不定的情况下如何居中显示
方法一：兼容IE67，但是当元素宽度大于50%时，会出现滚动条。外层使用text-align为center是为了让里面的内联元素居中，很显然在外层设置text-align:center后
微服务的三种通信方法
在微服务架构的世界中，我们通过一系列服务构建应用。集合中的每项服务都符合以下标准：松散耦合、可维护和可测试、可以独立部署，微服务架构中的每个服务都解决了应用中的业务问题
Js代码中的span拼接
今天遇到一个小需求，用bootstrap的table只有两个字段，占用太宽，页面不美观，组长要求用拼接，一行几列的形式展现出来。我在form表单中拼接了span，遇到以下问题：
css中flex-basis 和 width 到底有啥区别？
flex容器 + flex项目 ==> flex布局。justify-content 设置主轴上的对齐方式，默认flex-start，也就是左对齐。align-items 设置交叉轴上的对齐方式，默认stretch，也就是拉伸。