AntDesign 这样的UI组件库，除了自身功能完善，良好的文档支持，也是开发者乐于使用的一大原因。如何使用 dumi 写出类似 Antd 官网一样的组件文档，我们来尝试下~

flex布局目前已经非常流行了，它基本上可以完成大部分的布局需求。早一些的float布局、表格布局等等便没有那么受欢迎了。但是任何事物都不是完美的，flex布局也一样，它也有瑕疵

在网页展示图片是一个很常见的需求，大多数情况下，展示区域的大小是固定的，原图片的大小也是固定的 如果展示区域的宽高和原图片的宽高不等比例，那么在默认情况下很可能会压缩或拉伸图片以适应区域大小

docsify 是什么？ docsify 可以快速帮你生成文档网站。将你写的markdown文件直接在浏览器中转换为html。如果你想要开始使用它，只需要创建一个 index.html 就可以开始编写

布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…

通常我们处理xss攻击会使用一个xss的npm包来过滤xss攻击代码。所以我们要做的就是给指令的value包上一层xss函数。有同学可能会问，我们在业务代码里使用xss函数处理也行。是的可以，但是我们不能保证团队每一个成员都会使用xss函数处理。作为前端的架构师，我们需要从项目…

随着互联网的高速发展，信息安全问题已经成为行业最为关注的焦点之一。这篇文章会介绍一些常见的安全问题及如何防范的内容，在当下其实安全问题越来越重要，已经逐渐成为前端开发必备的技能了。

你是否曾经从事过布局设计，并想如果我知道一些生成器可以为我们创建一些临时样本？这可以归因于任何东西 - 示例文本、图像、品牌徽标、个人资料图片、JSON 数据等等。 在本文中，整理了一个有用的占位符生

第一步直接封装成一个基础组件，代码如下直接用即可:第二步在需要使用的文件中注册并使用，举例在home.vue中使用的步骤需要注意的是，高度必须要大于判断条件的高度才能显示和隐藏，代码中设置的500px