铁皮饭盒

🚀 这五个轮子其实是5个纯js实现的插件, 都非常优秀, 下面一一给大家揭秘. 默认集成了url和email验证, 支持异步验证. element-ui和iview的表单组件都是用他实现的验证功能. 补充: 看了作者的github, 作者应该是阿里的员工, 而且也是ant d…

虽然vue/react帮我们实现了操作数据映射到dom操作, 但是还是有很多不得不用DOM API的场景, 下面我就给大家列出一些UI库中经常出现的DOM API(写业务代码也可事半功倍). 注: 本文是系列文章会持续更新, 大家可收藏保持关注. 也可关注我github上的笔记…

现在哪个公司招聘上不写着有github开源经历的 加分, 如果你还不能自己独立完成一个开源项目, 但是还想凑个热闹慢慢学习, 你可以从帮助别人找代码或者文档的bug开始. 如果你发现了一个项目的bug, 你该如何改正并提交给作者呢? pr就是这样一个功能. fork就是在自己仓…

🚀 由于现在手机都是"高密度屏幕", 我们写的1px到了手机上会用2/3个物理像素点去显示, 这样1px边框看起来就会比较粗, 所以如果你也觉得自己的1px边框比较粗, 那么请往下看. 其实如果你百度"1px边框"会有很多文章, 大部分都会说有7种方法, 不过其实经过我的测试…

现在的APP界面基本都是大同小异, 宫格布局现在基本成了每个APP必然的存在. padding的值如果是百分比, 那么他是相对"父"元素宽度计算的, 也就是说如果"父"元素宽度是100px, "子"元素设置padding-top:100%,"子"元素的padding-top实际…

看js代码能发现, 在js中命名空间其实就是一个全局对象. 如果你开发的程序想要暴露一个全局变量就可以用namespace; 现在在yyy.ts中我们就可以直接使用xxx.ts中的Food类型了, 而不需要使用import. 如果你的tsconfig中设置了"module": …

早上看群里有人问如何让"商城分类页"在数据不多的情况下充满屏幕高度. 但是人家说头高度是padding撑起的没有具体高度, 好吧看来只能用flex-flow:column了. 没啥复杂的代码, 就是感觉比较常见, 可能对新手有帮助, 分享出来抛砖引玉, 因为我只是测试了微信浏览…

经过测试, 类似的还有 ::last-of-type(n), :nth-last-child(n), :nth-last-of-type(n), :first-of-type 也都好使. 经过测试, 类似的还有 :[attribute=value], [attribute~=v…

本文一个尝鲜的体验分享, 并没有太复杂的技巧, 做了一个最少代码的例子展示, 让每个人都可以把action用起来, 如果路过的大牛有高级技巧请留言分享, 我会补充. 下面正文开始. 是一个免费的操作系统容器(Linux/Windows/macOS), 我们可以让他预装开发环境(…