yft-design
发表于|更新于
|浏览量:
与所爱的人长期相处的秘诀是：放弃改变对方的念头。——萨尔丹
分享一个项目yft-design
体验Demo：https://yft.design
体验Demo：https://more-strive.github.io/design/
相关推荐
2026-03-12
register
今天应做的事没有做，明天再早也是耽误了。——裴斯泰洛齐 is-a.dev is-a.dev is a service that allows developers to get a sweet-looking .is-a.dev subdomain for their personal websites. 让你的个人站点，穿上一件“甜甜的”马甲：is-a.dev 的自我介绍如果域名会说话，那 is-a.dev 一定是那种一开口就让人觉得“哇，你好会取名”的角色。 它不想当一个高高在上的顶级域名，也不想当一个冷冰冰的 DNS 工具人——它更像一位热情的领路人，站在开发者的路口挥手： “嘿，开发者！来拿一个 sweet-looking 的 .is-a.dev 子域名吧，给你的个人网站一个更体面的门牌号。” 而这句自我介绍，正是它在仓库的 description 里写下的承诺： Grab your own sweet-looking ‘.is-a.dev’ subdomain. 它说到做到，而且把整个流程摊开在 GitH...
2022-12-31
unocss
忍把浮名，换了浅斟低唱。——柳永《鹤冲天》 分享一个css框架unocss 可以通过class规则，生成对应样式，例如通过m-1生成margin: 0.25rem 而且规则可以通过 https://uno.antfu.me/ 进行查询 除了预制规则，还可以自定义规则： 123rules: [ ['m-1', { margin: '0.25rem' }],] 即可生成 1.m-1 { margin: 0.25rem; } 还可以通过正则的方式 1234rules: [ [/^m-(\d+)$/, ([, d]) => ({ margin: `${d / 4}rem` })], [/^p-(\d+)$/, match => ({ padding: `${match[1] / 4}rem` })],] 使用起来 123456<div class="m-100"> &...
2021-08-06
代码方式引入iconfont图标
只有永远躺在泥坑里的人，才不会再掉进坑里。——黑格尔 前端开发中，经常会遇到需要引用图标的情况 我们可以在iconfont寻找我们需要的图标 https://www.iconfont.cn/ 比如这两个图标，我非常喜欢，我可以使用直接下载的方式引入图标 但这种方式，如果我们需要它改变颜色的话，就需要再次下载，非常麻烦 我们还可以使用代码方式引入，我们首先点击添加进购物车 然后到我们的购物车结算 点击添加至项目 登录账号 然后再次点击添加至项目后会弹出加入项目，我们可以新建一个项目 确定后，我们就可以在这里点击生成代码 然后复制代码 粘贴到项目css中 然后定义使用iconfont的样式 123456.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -m...
2024-11-04
typescript-exercises（九）
如果你要宽容别人的过错，就要把眼光放到自己身上。——佚名 题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170/*Intro: PowerUsers idea was bad. Once those users got ...
2020-10-01
关于alert
笨蛋自以为聪明，聪明人才知道自己是笨蛋 ——莎士比亚 JavaScript 弹窗 可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。 警告框警告框经常用于确保用户可以得到某些信息。 当警告框出现后，用户需要点击确定按钮才能继续进行操作。 语法window.alert(“sometext“); window.alert() 方法可以不带上window对象，直接使用**alert()**方法。 确认框确认框通常用于验证是否接受用户操作。 当确认卡弹出时，用户可以点击 “确认” 或者 “取消” 来确定用户操作。 当你点击 “确认”, 确认框返回 true， 如果点击 “取消”, 确认框返回 false。 语法window.confirm(“sometext“); window.confirm() 方法可以不带上window对象，直接使用**confirm()**方法。 提示框提示框经常用于提示用户在进入页面前输入某个值。 当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。 如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返...
2021-06-03
js动态调用函数
兵无常势，水无常形，能因敌变化而取胜者，谓之神。——孙子 我们可以使用变量名['函数名']()去调用一个函数 12345678<script> var ruben = { run() { console.log("ruben中的run被调用啦！") } } ruben['run']()</script> 可以用于动态调用函数场景