先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？ 可能大部分同

需要学会的技术栈：hightcharts，echarts，可视化项目，微信小程序 一，本地数据缓存预加载方案：用户在进入页面的时候先展示之前看到的数据，等到接口请求到数据的时候会将之前的缓存的数据替换

关于首屏优化，我做了哪些 前段时间领导突然找到我，说新项目的访问怎么变得这么慢，我立马访问对应页面，果然，首页加载8、9s，这近10s的等待时间，对于用户来说，无疑是痛苦的。于是乎领导就把这个首页加载

在页面中以 symbol 引用的方式使用 SVG，已经成为目前最完美的图标解决方案。除了使用一些无版权图标网站如 Iconfont 提供的引入方式外，我们还可以在项目中使用 Webpack 来引入自己的 SVG，这就要用到 svg-sprite-loader。 安装完成以后需要…

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家

Javascript获取系统主题，通过监听实时获取主题，进而动态设置主题样式 Css根据媒体查询（preferred-color-scheme）设置主题样式

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情。 前言 前一段时间由于项目需要实现水印功能，于是去了解了相关的内容后，基于 Vue 的实现了一个 v-wa

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

本文旨在介绍如何在项目中配置和方便的使用svg图标。 本文以vue项目为例，当然在react中的使用原理基本相似。 svg图标可以直接通过img标签来使用，也可当做icon来使用。 本文是参考了鑫旭大佬的文章：SVG Sprite技术介绍。 代码已上传github：github…