async学习笔记

soul

2016年5月3日 •

Sign up for more like this.

Enter your email

Subscribe

几行代码基于SVG+CSS clip-path 快速实现星级评分

前言虽然星级评分的前端实现已经有很多种方案了，但是对于快速(1h内,从0-1)去了解实现此效果，那些案例涉及的知识点就比较多。于是只能在有限的时间内利用空间换时间，用额外的div来实现星级评分效果。太长不看版：codepen 效果要实现上述的效果需要先做基本的拆解星星有填充的也有空心的星星有填充一半的，也有填充10%的，此渲染应为动态了解clip-path MDN clip-path CSS 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。通俗来理解就是一个白色的长方形的div 通过设置clip-path可以变成星型的不规则的div 找个svg图标明白了clip-path属性后，下一步就找个svg图标。 https://icons.getbootstrap.com/ 这里有三个icon,我们选择Star fill 原因下面来讲懒得去翻页的可以直接看下述的SVG代码 <svg xmlns="http://www.w3.org/2000/

soul 2022年10月26日 • 6 min read

开发利器华硕灵耀x双屏pro 2022

前言用了那么多台笔记本很少会夸一个笔记本，这几天把macbook pro换成华硕灵耀x双屏pro 2022后给我的感觉完全不一样，某些方面是macbook比不上的。利益相关：node/前端工程师、macbook pro 2019款 16寸 i9cpu 16g 1t 5500m、华硕灵耀x双屏pro 2022 19-12900h,32g,1t ssd,3050ti on win 11 你想要的是什么？每次在换设备之前都会问自己，你想要的是什么，是一时冲动还是真有需求又或者只是想图一个新鲜感？选中这款设备时我横向参加了好几款设备 Apple MacBook Pro 14英寸 M1 Max 32g 幻16 2022 i7-12700H 16G LG gram 12代酷睿i7 32G 1TBSSD ThinkPad

soul 2022年8月28日 • 14 min read

mac迁移windows小记&为什么把WSL2降级WSL1

前言时隔两年还是换回了windows，本文可以算是上次文章的继承了，详情见：Windows 迁移至Mac Book 小记现已使用过的设备联想y410p(入门笔记本) macbookair 2016 AMD R5 1400, GTX 1060,8G,1T机械 XPS 15,4K, i7 7700HQ, 16G, GTX 1050, 512SSD E5-2620V3,32g ecc ddr4,8t,NAS 技嘉 AERO 15 4K,i7 9750H,16G,512SSD(+1T SSD) macbook pro 16, i9, 16G,

soul 2022年8月26日 • 14 min read

Data & privacy
Contact
Contribute →

Powered by Ghost