基于 prefetch 的 H5 离线包方案 Web前端

基于 prefetch 的 H5 离线包方案

对于电商APP来讲,使用H5技术开发的页面占比很高。由于H5加载速度非常依赖网络环境,所以为了提高用户体验,针对H5加载速度的优化非常重要。离线包是最常用的优化技术,通过提前下载H...
阅读全文
Vue自定义指令-让你的业务开发更简单 Web前端

Vue自定义指令-让你的业务开发更简单

在日常开发中,我们会将重复代码抽象为一个函数或者组件,然后在需要时调用或者引入。但是,对于某些功能,这种方法可能不够优雅或者不够灵活。例如,我们可能需要在DOM元素上添加一些自定义...
阅读全文
Vue自定义指令-让你的业务开发更简单 Web前端

Vue自定义指令-让你的业务开发更简单

在日常开发中,我们会将重复代码抽象为一个函数或者组件,然后在需要时调用或者引入。但是,对于某些功能,这种方法可能不够优雅或者不够灵活。例如,我们可能需要在DOM元素上添加一些自定义...
阅读全文
帮你梳理了一份前端知识架构图 Web前端

帮你梳理了一份前端知识架构图

在上一篇文章中,我们简要地总结了前端的学习路径与方法,我们提到的第一个学习方法就是:建立知识框架。那么,今天我们就一起来列一份前端的知识框架图。
阅读全文
如何制作 Storybook Day 网页上的 3D 效果? Web前端

如何制作 Storybook Day 网页上的 3D 效果?

Storybook 刚刚达到了一个重要的里程牌:7.0 版本!为了庆祝,该团队举办了他们的第一次用户大会 - Storybook Day。为了更特别,在活动页面中添加了一个视觉上令...
阅读全文
记录--手把手教你Vue+ECharts+高德地图API实现天气预报数据可视化 Web前端

记录–手把手教你Vue+ECharts+高德地图API实现天气预报数据可视化

所谓数据可视化,我们可以理解为从宏观角度来看一眼就能看出来整个数据的占比,走向。对于数据可视化,很多互联网公司是很看重这一块的,包括大厂;就比如阿里的淘宝,双十一的时候往往就需要将...
阅读全文
从0搭建Vue3组件库(十三):引入Husky规范git提交 Web前端

从0搭建Vue3组件库(十三):引入Husky规范git提交

虽然我们项目中引入了prettier和eslint对代码格式进行了校验,但是多人开发的时候难免依然会有人提交不符合规范的代码到仓库中,如果我们拉取到这种代码还得慢慢对其进行修改,这...
阅读全文