女王控的博客

预研

21 篇文章

博客 Gatsby 插件改造

需求背景 针对本博客现有的 Gatsby 框架实现代码复制、代码实时查看编辑的功能 技术选型 以下都是采用最后一种方案,由于插件功能不满足,所以对其源码做出改动 代码复制 技术选型 语法 优点 缺点 项目代码自实现 未实现 定制化程度高 实现难度大; 拓展较差 gatsby-remark-code-buttons 不需特定语法,只要是代码块默认具有复制功能 已具有代码复制功能 有多复制一行的 bug; UI 不符合博客主题 代码实时查看编辑 技术选型 语法 优点 缺点 样例页面 iframe… »

甘特图组件源码优化

需求背景 由于 PMS 项目需要开发如下图所示的甘特图,需要选择合适的组件来实现此功能 技术选型 选型 优点 缺点 gantt-schedule-timeline-calendar 功能丰富 与 UI 相差较大,定制化代码较多 react-timeline-gantt 功能丰富 与 UI 相差较大,定制化代码较多 gantt 与 UI 相差不大 在 react 使用需要封装;缺失左侧文字描述功能 gantt-for-react 与 UI 相差不大,可直接在 react… »

代码生成脚手架搭建

需求背景 由于 C 端营销线新建项目需要模板化,需要代码模板的生成功能,以便统一技术栈 一期 一期代码生成需要在 lerna 工程下去做改造,除了带有代码模板的功能,还封装了执行脚本的入口 参考链接: react-boilerplate 这里的代码模板包含项目级别的代码模板、页面级别的代码模板,目前只完成了项目的代码模板生成 目录结构 脚本主入口 package.json 模板代码生成 模板代码执行主入口 internals/generators/index.js 检测 packages… »

基于arcgis地图组件的搭建部署

需求背景 基于公司的要求,需要对地图组件做出选型,以支持在地图上展示线路轨迹 技术选型 选型 优点 缺点 百度地图 大厂支持、UI 比较美观、API 文档较为清楚 内网搭建访问较为困难 高德地图 大厂支持、UI 比较美观、API 文档较为清楚 内网搭建访问较为困难 echarts 地图 UI 美观、API 文档较为清楚 内网搭建访问较为困难、功能较弱 天地图 支持离线访问、是专用地图 UI 不够美观、文档不够清楚 arcgis 支持离线访问、UI… »

基于nodemon实现监听文件链接变化

项目架构 公司项目分为以下几种架构: 主项目-扩展项目:扩展项目前端独立,是以 npm 包的形式安装到主项目,后端可以独立编译,但不能独立运行,即后端与主项目共用一套,主项目需要对扩展项目编译出的后端代码进行监听来实现增量编译 主项目-子项目:微前端架构,子项目前、后端独立可运行 需求背景 需要解决主项目-扩展项目架构下主项目的后端不能增量编译的问题 技术选型 选型 优点 缺点 直接在 node_modules 目录下开发 主项目已实现对 node_modules 下扩展项目的监听 每次 npm… »

0%