hemy

最近遇到一个需求--“在页面实时展示后台服务器及网络设备的运行状态”。整个项目是基于**Vue**的，图表的话我选用Echarts这个库，再加上websocket

从实战中提炼的Vue3开发经验与规范要点全解析，愿你我一同进步，一同提升，前进的路上，你我可以成为纯粹的技术爱好者！

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足需求，因此引入了工程化的概念

Tailwind CSS 的基础使用：从宽度高度开始逐步展现 Tailwind CSS 基本的使用规则，包括边距、边框、文本、颜色等常用的样式属性。

本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板。本项目使用的是node18.18.0

React + TS + Eslint + Stylelint + Prettier + lint-staged + Husky项目模板，项目用了vite快速创建，换做其他脚手架也可。

本期看点：释放浏览器潜力：Web Scheduler 背后的系统性能提升，深入了解Performance API：优化网页性能的利器，云音乐Android Cronet接入实践

由于工作需要学习react框架；最开始看文档的时候感觉还挺难的。但当我看了半天文档以后才发现，原来react这样学才是最快的；前提是同学们会vue一类的框架哈。 该方法适用于会vue的同学们食用

需求 实现歌词滚动效果，类似网易云音乐播放界面。 实现 1.准备数据 后台一般会返回这样一个歌词数据，每个时间都对应当前这个歌词。 因为是字符串不方便直接使用，我们把他转化为对象格式。封装一个util