每天更新一个知识点，完善知识体系，开发自己的产品，建立气氛友好的技术圈子，不趁热度、不趁流量，保持自己的节奏，坚持做自己热爱感兴趣的东西，养成一个用最少语言说清楚事情的习惯，知识层面不限于前端知识。

我们将使用纯CSS打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签，一个checkbox，并在提交表单后获取checkbox值，以查看用户是否已经选中或取消选中该ch…

关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖…

Vue.js 很棒。但是，当你开始构建大型 JavaScript 应用时，你将开始触及 Vue.js 的边界。实际上这些边界并不是框架的限制；相反，这些边界是 Vue.js 团队不断进步地重要设计决策。 与 React 或 Angular 不同，Vue.js 迎合不同级别的开发…

但是FlexBox布局虽然枪弹但并不能完全呈现以上布局，于是我们需要结合FlexBox作下小的改动即可实现。 其实很简单，我们只要在后面加入一些等宽但是占高为0等隐藏元素即可轻松实现。

总结了一些平时常用且好用的 VS Code 的插件和编辑技巧分享出来。 文章详情可查阅我的博客：https://lishaoy.net ，欢迎大家访问。 特别注意的是 "editor.lineHeight": 24, 和 "editor.fontFamily": "FiraCo…

white-space、word-break、word-wrap（overflow-wrap）估计是css里最基本却又容易让人迷惑的三个属性了，估计很多人都有把它们搞混或用错的经历。必须系统整理一下，今天我们就把这三个属性彻底搞清楚！ 可以看到，nbsp;和</br>可以正常发…

具体介绍可参考我之前的文章：“了解HTML/HTML5中的download属性”。 但显然，如果纯粹利用HTML属性来实现文件的下载（而不是浏览器打开或浏览），对于动态内容，就无能为力。 例如，我们对页面进行分享的时候，希望分享图片是页面内容的实时截图，此时，这个图片就是动态的…

git clone到本地安装依赖后，执行npm run serve进行本地组件库开发，npm run docs:dev进行组件库官网开发。一般在src/demo.vue进行单个组件测试通过后，再引入到.vuepress/components中放入组件库官网。 $children…