1024程序员节推荐:WeUI与Basscss助力小程序开发,提升前端效率

2024-12-22
来源:网络整理

今天是1024,所有单身程序员都在庆祝节日。姐姐还在公司加班,赶紧写了一篇技术文章来平复自己的恐慌。

最近一直在开发小程序,老板基本上每周都会有新的小程序开发需求。但每一个的完成都只能算是app的原型阶段。面对这种不合理的市场需求,我只能用前端时代的工具库来写代码。

事实上,大部分前端代码都可以直接在小程序中使用。比如很多CSS库直接修改后缀就可以使用。

第一个推荐的当然是官方的weui

地址:

推荐理由: weui 丑陋但有用

组件丰富,无js依赖,所有页面均基于小程序内置组件定义的css创建。有了weui,你基本上不需要考虑其他UI库了。如果需要其他组件,自己编写即可!第二个建议是

地址:

推荐理由:为了不再写内联css

写css有两个极端,要么为每个标签定义一个类,要么为每个标签写内联css

我已经尝试过其中一种,但我都不喜欢其中一种。

秘诀是首先摆脱设计器,这样就只能使用低级类来定义接口。

例如:

i'm f1 nidaye modal

这样,就不需要编写类来定义字体大小或边距。毕竟,命名是编程中最困难的事情。

最后一个是

地址:

推荐理由:将颜色定义集中在一处

绿色有数千种色调,为了确保您不会陷入设计绿色,最好只在一处定义它。其实就是一个补充

源码很简单

.bg-blue { background-color: #0074D9; } .blue {color: #0074D9;} .border-blue { border-color: #0074D9; }

CSS中有3种常用的颜色定义,每种定义了17种颜色。一共定义了51个类,需要的时候使用即可。

有几个有用的 js 库使用了上面的 css 库。花了半天时间,开发了一个相册小程序。赶快扫码体验吧!

js姐妹篇将于近期发布,敬请期待。

分享