从React官方网站看测试概览。提到了两个比较重要的工具，一个是Jest、一个是React测试库。 Jest是一个JavaScript测试运行器。它允许你使用jsdom操作DOM。尽管jsdom只是对浏览器工作表现的一个近似模拟，对测试React组件来说它通常也已经够用了。 R…

前两篇关于vue权限路由文章的填坑，说了一堆理论，是时候操作一波了。 选择d2-admin是因为element-ui的相关开源项目里，d2-admin的结构和代码是让我感到最舒服的,而且基于d2-admin实现RBAC权限管理也很方便，对d2-admin没有大的侵入性的改动。 …

本博客为连载代码博客同步更新博客，随着项目往后开发可能会遇到前面写的不合适的地方会再回头修改。如有不妥~欢迎兄弟们不啬赐教。谢谢！ 因为将来我们会以标签来作为路由，展示不同标签页下的文章列表，所以当没有匹配到url没有匹配到对应标签的时候，我们显示404页面。 首页部分主要包括…

有没有人跟我一样，每次面试必会被问到如何实现一个上传组件。在实际工作中，有很多成熟的UI组件库供我们选择，很少会自己去开发。今天咱必须从零到一实现一个。以下这个Upload组件具备基础的上传功能，支持

核心点: React context 链接 表现形式一组互斥的 Radio 且可以自定义布局，如下图所示 组件使用方式 组件具体实现 antd源码 入口文件 Group.tsx Radio 具体实现

其实早在初学前端时，就有大致了解过 typescript ,但后面工作中基本 vue2 开发为主，所以真正能够接触到 typescript 的机会其实并不多。 尽管在某些间歇性踌躇满志的时刻，我

webpack的模块化实现和node的commonJs有些类似。 webpack打包完的bundle.js， 是一个自执行函数，参数是一个module对象。module对象里是我们在项目里的import或者require的文件，key是文件相对于根路径的path, value是…

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

这篇文章分享了从遇到前端业务性能问题，到分析、解决并且梳理出通用的Vue 2.x 组件级懒加载解决方案（Vue Lazy Component ）的过程。 问题起源于我们的一个页面，下面是这个页面的截图和初次请求的瀑布图。 初始加载的资源过多导致在 domInteractive …