Relsoul&Soul的随笔,技术,感悟,摄影博客
  • Home
  • Js
  • Author
  • 常用的nodejs
Subscribe
web全栈开发工程师笔记

web全栈开发工程师笔记-1

soul

2016年1月11日 •

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

开发利器 华硕灵耀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
Relsoul&Soul的随笔,技术,感悟,摄影博客 © 2023
  • Data & privacy
  • Contact
  • Contribute →
Powered by Ghost