2024 已经到来，在 Web 前端这个岗位已经工作 6 年，这里将 2023 的学习内容做一些总结，并规划 2024 的学习计划。同时，子弈祝大家新的一年，身体健康、工作顺利、学有所成、生活美满。

项目有文本滚动展示的需求，一开始使用marquee标签来实现，但是MDN已不再推荐使用该标签，那就自己封装一个类似的组件来用，记录下组件的实现过程。

码云地址(demo实例):https://gitee.com/big-sun/animation-horse-race-lamp目标vue组件样式父组件自定义留出自定义的样式的空间要能支持跳转当鼠标进

出于节省用户流量，许多移动端浏览器都不支持H5自动播放视频，必须在用户主动交互，本文总结解决移动端H5无法自动播放的问题

以下是布局： 首先，container是需要有高度的一个容器，具体怎么设置需要结合布局实际需求，大多数情况可以使用flex:1去设置。 同样的，给container设置display:flex，.ta

通过 whistle 代理工具，使得生产环境或真机环境的调试跟本地开发环境的调试那样如丝般顺滑、畅通无阻

微信内置浏览器音频自动播放的相关解决方案，Web Audio 与 <audio> 两种实现方式的尝试与对比。

不可逆 单向散列函数：MD5、SHA等 根据消息内容计算出散列值，散列值的长度和消息的长度无关，无论消息是1bit、10M、100G，单向散列函数都会计算出固定长度的散列值如下图所示 常见的单向散列函