这段时间在开发一个腾讯文档全品类通用的 HTML 动态服务，为了方便各品类接入的生成与部署，也顺应上云的趋势，考虑使用 Docker 的方式来固定服务内容，统一进行制品版本的管理。

刚好最近遇到这个小需求，记得很早之前都是用JS处理，毕竟那时候年少无知。切换类的操作可以用Checked伪类实现，成本会比较低一点，那么先来列一下功能要点： 疑问点：text-overflow: ellipsis不支持多行截断。按钮文字切换，CSS该如何切换文本? 按钮的出现条…

1. 匹配ing结尾单词 2. 匹配11位数的中国手机号： [-\w.+] 区间，表示 匹配符号 -，或字母、数字、下划线，或符号 . ，或符号 + * 表示出现，匹配前面的子表达式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo" 1. 匹配9位数的QQ邮箱： 2. …

在上两篇文章中，我们学到了VSCode是怎么使用快捷键让我们编写代码时更灵活便捷，甚至是可以基本脱离鼠标。还介绍了很多常用的插件让我们如虎添翼，就像VSCode穿上了传奇级别的装配一样。 还没有阅读以上说到的两篇文章《VSCode常用快捷键大全》，《VSCode插件大全》，可以…

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

我们在日常开发中经常遇到布局问题，下面罗列几种常用的css布局方案 话不多说，上代码！ 以下所有demo的源码 链接: http://pan.baidu.com/s/1cHBH3g 密码:obkb 以下居中布局均以不定宽为前提，定宽情况包含其中 tips：此方案兼容性较好，可…

现在面试文章已很多，更不觉得新鲜，本文可能有点不同，正因为“多”也就才有了本文的输出。 相信很多前端小伙伴也包括我在内，面试前都要做一些准备，而做做面试题是最平常不过的事儿了，然而每次面试前都要现找面试题，而且答案也不是现成的，其实这样重复的事情在不知不觉中浪费你很多时间。 也…

呆呆最近挺感慨的，因为从四月中旬开始准备面试，到面各个中小公司，大厂，距离今天已经将近2个月了。期间经历过不少事情，也带来了些许的成长。 那么这篇文章主要是说明一下这段时间自己在面不同规模的公司时的一些感悟，以及这个期间的学习和复习方法。我也会站在一个第三者的角度，将自身的优势…

公司业务中有个场景，需要在用户点击标签的时候，把标签内容进行处理成类似微博话题的形式，插入到 textarea 中。textarea 和标签是页面的两个组件，正常情况我可以点击标签后向外抛出事件，页面去监听，然后再把数据传给 textarea ，但这样的处理麻烦，所以就想仿照 …