为什么要用svg而没有用icon? 使用背景： SVG基础可参考：https://www.yuque.com/lufeilizhixiong/lo66or/evxl330xp5mxre80 Svg-i

想必大家对 svg 肯定不会陌生吧，像平时用到的 icon 图标就是最简单的 svg 图形，但怎么样能让 svg 动起来呢？那就从最基本的svg 构成开始开始说起吧！

CSS创建文本和图片无限滚动动画效果。标签和图片横向的水平滚动，元素会无缝衔接实现无限循环，首尾两端有渐变蒙层体现出现和消失的过渡效果。滚动时的淡出淡入视觉效果，丰富了网页增添加了动态和交互性。

Hello，大家好，我是 Sunday。 当各种框架以及复杂的 JS 知识开始充斥着我们的工作环境时。谁还能够记得，以 CSS 来构建更加良好的用户体验，也是前端的一个重要组成部分~~

回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是那些专注于服务端开发的工程师所难以企及的领域。

Pixi是一个非常快的2D sprite渲染引擎，帮助显示、动画和管理交互式图形，可以轻松地使用JavaScript和其他HTML5技术制作游戏和应用程序。

以下内容是2023年7月17~10月16日自己每周学习的记录，偶尔穿插一些个人的思考，希望可以和大家共同进步。

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …

这句话也是很抽象，暂且先不管它了。但是我们可以先看一个例子： 那最后文字是什么颜色呢？答案很简单：红色。这就涉及到了优先级问题，同一块内容，我们同时用了 ID选择器 和 类选择器,因为 ID选择器 优先级大于 类选择器 , 所以最终显示为红色。 但是，浏览器具体的优先级算法是怎…