欢迎来到 AJ 前端库!

这是一个平淡无奇的前端库,如果要说有什么特色,就是它定位于原生、干净、简练、克制而不复杂~~也可能有那么一点随意了。 不谦虚地说,作者是个老前端了……看惯了云起云落,这个库来那个框架去,潮去潮退……包括自己写框架都 N 遍迭代了,原生的/vue/typescript 都有,但都没用(只是玩玩,终究比不上流行的框架)。 现如今这里的都是剩下的代码,感觉好用顺手的,不想再写或问 AI 的,这些也是不离不弃的代码。

刻下与你幸会,亦是有缘,无它献上,唯这破代码尔,没工程化,纯 HTML/CSS/JS。源码在哪?请查看 html 源代码,里面的 css/js 即是。

115 8-19

文章标准样式

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


什么是Lorem Ipsum?

Lorem Ipsum,也称乱数假文或者哑元文本, 是印刷及排版领域所常用的虚拟文字。由于曾经一台匿名的打印机刻意打乱了一盒印刷字体从而造出一本字体样品书,Lorem Ipsum从西元15世纪起就被作为此领域的标准文本使用。它不仅延续了五个世纪,还通过了电子排版的挑战,其雏形却依然保存至今。在1960年代,”Leatraset”公司发布了印刷着Lorem Ipsum段落的纸张,从而广泛普及了它的使用。最近,计算机桌面出版软件”Aldus PageMaker”也通过同样的方式使Lorem Ipsum落入大众的视野。 我们为何用它?

无可否认,当读者在浏览一个页面的排版时,难免会被可阅读的内容所分散注意力。Lorem Ipsum的目的就是为了保持字母多多少少标准及平均的分配,而不是“此处有文本,此处有文本”,从而让内容更像可读的英语。如今,很多桌面排版软件以及网页编辑用Lorem Ipsum作为默认的示范文本,搜一搜“Lorem Ipsum”就能找到这些网站的雏形。这些年来Lorem Ipsum演变出了各式各样的版本,有些出于偶然,有些则是故意的(刻意的幽默之类的)。

故天将降大任于是人也必先苦其心智劳其筋骨饿其体肤空乏其身行弗乱其所为所以动心忍性曾益其所不能

Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

写一个表单,支持复杂布局兼表单验证

昵称 真实姓名
性别 生日
电话 Email
地区
租户 组织
  

两种表格的样式

序号 姓名 性别 年龄 部门 职位 组织
1 张三 18 部门1 职位1 组织1
1 张三 18 部门1 职位1 组织1
1 张三 18 部门1 职位1 组织1
序号 姓名 性别 年龄 部门 职位 组织
1 张三 18 部门1 职位1 组织1
1 张三 18 部门1 职位1 组织1
1 张三 18 部门1 职位1 组织1



遮罩层、对话框



故天将降大任于是人也必先苦其心智劳其筋骨饿其体肤空乏其身行弗乱其所为所以动心忍性曾益其所不能