上班发不了财_

随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， build 配置文件，dist 静态资源文件的代码量为 137521 行，后台管理系统下各个子应用代码，除去依赖等文件的总行数也达到 100万 多一点。 本文会在主要描述以 Vue 技术栈为技术…

学会看package.json文件，就像你在使用MVVM去关注它的render一样。 既然$ npm run dev命令可以重新编译出vue.js文件，那么我们就从scripts中的dev开始看吧。 注意上面指令中的两个关键词scripts/config.js和web-full…

最近重构项目的设计里大量用到需要多行输入的组件（支持复制粘贴）。例如输入需要排除的IP列表，需要排除的关键词列表等。在原先的实现里直接采用了textarea，但是这次产品提出了要在每行前面自动带上序号的要求。 不用textarea，使用多个input框来模拟。在每次按下ente…

最近几个项目都有流程式的表单输入。产品提出，在上一步的表单提交完毕之后，不能够修改但是依然要展示给用户（用户在填写下一步的表单时可能需要参照上一步表单中的内容）。 最初因为项目工期紧张，直接采用了对表单容器添加pointer-events: none;的作法。这样导致了很多问题…

最近项目上线之后，产品对首页的列表提出了列宽自适应内容的需求，即列的宽度由当前列中内容最宽的一个单元格决定（单元格内容不换行）。项目中的表格使用的是element-ui的table组件，非常强大，满足了各种各样的需求，例如固定列，固定表头，展开行等等。但是面对这样的需求，貌似并…

根据效果图，首先需要把省市区的数据按列展示在左侧区域，点击父级节点联动展示子级数据，每次点击展开节点的下一级所在的列。 勾选父级节点，子级节点全选，反之全选子级节点，父节点变为勾选状态。每次进行勾选之后，右侧面板展示勾选结果。 这里有一个细节，就是右侧面板展示的选择结果不是简单…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…

... nginx现在几乎是众多大型网站的必用技术，大多数情况下，我们不需要亲自去配置它，但是了解它在应用程序中所担任的角色，以及如何解决这些问题是非常必要的。 下面我将从nginx在企业中的真实应用来解释nginx在应用程序中起到的作用。 不管是正向代理还是反向代理，实现的都…

我想很多和我一样的朋友小时候都看过《天龙八部》，里面的女主角王语嫣是个武学博才，但自己却毫无实战。比如段誉和慕容复交手时，她连连口述指导："段郎，二龙爪手，抢珠三式，当心你的腰肋，注意你的气户穴。潘月偷心，扶手相望......"，虽然看着感觉都是一些最基本的拳脚功夫，但有解说在…