使用Vue Styleguidist编写组件代码化文档

在日常 Vue 项目开发中,我们难免需要写一些基础公共组件,在大型项目中,我们难免会遇到下面的痛点:

  • 组件 API,对于 Vue 组件,有 props、event、slot 等接口,在团队内需要一定的沟通成本
  • 对于 UI 组件,还需要提供预览,方便团队内快速选择合适的组件

如果使用 Markdown 撰写,虽然能写 API 文档,但是无法提供组件预览,并且手动写文档的成本也很大

好在有一个这样的库,可以提供自动化文档的生成,并提供组件预览,这个库叫做 Vue Styleguidist

阅读更多

使用Webpack优化你的第三方库

在webpack项目中使用了第三方库?使用这些方法可以缩小bundle!

阅读更多

基于GitLab的工作流程设计

GitLab 是一个基于 git 的仓库管理程序,也是一个方便软件开发的强大完整应用。

GitLab 拥有一个“用户新人友好”的界面,通过图形界面和命令行界面,使你的工作更加具有效率。GitLab 不仅仅对开发者是一个有用的工具,它甚至可以被集成到你的整个团队中,使得每一个人获得一个独自唯一的平台。

GitLab 工作流逻辑符合使用者思维,使得整个平台变得更加易用。相信我,使用一次,你就离不开它了!

阅读更多

表格边框你知多少

table之间的边框存在共用问题,自然而然就存在冲突。既然存在冲突,那么就势必涉及到最后渲染哪一个样式的问题。本文就主要研究当冲突产生时,如何让浏览器按照自己意愿渲染冲突边框。在这篇文章中都有介绍,以及对表格的边框渲染原理进行了深度的剖析

阅读更多

了解 Fetch API

阅读更多

天猫APP首页 史上最大改版的设计揭秘来啦

前言

尼尔森中国区总经理韦邵曾在在尼尔森消费者研究报告中说到:随着消费者收入递增,他们越来越希望买到另他们感到愉悦的有品质的商品

消费升级是今年各大电商平台都在热议的的话题,在这个大背景下,作为电商领头军的天猫,一直不断挖掘与迎合消费者的诉求优化产品形态,来更好的契合优质用户对更好生活追求的意愿。

天猫APP的本次升级就是符合这个大背景下的产品体验改造的一个开端

阅读更多

CSS分层

随着CSS的发展,使用CSS有语义化的命名约定和CSS层的分离,将有助于它的可扩展性,性能的提高和代码的组织管理。

在我前面的文章中讨论很多关于CSS的问题都可以通过使用一个适当的CSS策略来避免。在这篇文章里,我将着重于讨论使用一种方法或者一个命名规则所带来的好处。

这里有很多可供使用的前端方法和命名规则,每个都有自己的优缺点。在几乎所有的案例中CSS被分割成更易于管理的代码“块”。CSS的这种分割方式定义了每一种方法。

阅读更多

深挖data URI性能瓶颈

Data URI是一个富有争议的特性。即使在最有经验的前端开发者眼中,也会形成对 data URI 截然不同的看法:有人认为它是性能优化神器,有人认为它已经落后于时代。为什么会这样?本文带你进行深入的剖析。

阅读更多

探究WebP一些事儿

阅读更多

101%还原

100%还原设计稿,还原误差不超1像素 是重构工程师入行的最基本要求,而在实际工作中,这100%是远远不够的。

阅读更多

分类目录