存梨-CSDN博客

原创问题记录：使用 @svgr/webpack 配置 svg 文件引入

之前项目是使用的 Babel 来配置 svg 的引入，升级后希望体验 nextjs 的 swc编译速度。先来声明项目架构，基于 next.js 和 react 搭建的项目，均采用最新的版本。由于 nextjs 对于 svg 的引入方式有自己的一套规则，在配置文件中需要找到这些规则并覆盖。这个字段在官方文档中藏的还蛮深的，在 options 里翻了一遍没有找到，去使用实例中才看出来端倪。还支持另一个值 ‘named‘，这个参数值则能获得期望的行为，导出的 svg 文件如下。那么需要修改配置，及类型声明。

2024-03-05 19:27:44 1472

原创问题记录：解析 notebook 数学公式失败

由于 markdown 语法转换成 html 后多出来了 em 标签，那么反过来我把这段 htmlstring 中的 em 标签手动替换回 _ 是不是就可以？且发现这个转换会把 - 转换为 ul li 的列表，这下换成两个标签的嵌套，显然上面的替换方法是行不通的。在线展示 .ipynb 文件的内容，在 markdown 的 cell 中出现部分数学公式未正确解析成功。已知 katex 在解析过程中进行了规则配置，通过引入 katex 中的。通过对比接口的数据发现，源数据中并未包含 em 元素，源数据。

2023-10-20 19:50:22 253

原创【总结】storybook 6.4.22 升级到 7.x 都经历了什么

在 6.x 中使用的是 csf2 的写法，升级到 7.x 需要使用 csf 3.0 的写法。如果项目使用了 babel，在.storybook 中必须包含 babel 的配置文件，否则项目的 babel 配置在 storybook 运行时不会生效。在发布到测试环境时，我使用的是 vercel 来构建，就需要去 vercel 的 settings 中去修改 node 的版本，如下图所示。无法自动迁移的 story 需要手动修改，这个过程是比较痛苦的，重复性的机械劳动。同时，官方文档给出的解决方案是添加。

2023-07-07 15:35:33 382

原创 Base64 的中文解码

Base64 编码带中文的内容，在解析的过程中，出现乱码。Base64 是一组相似的二进制到文本（binary-to-text）的编码规则，使得二进制数据在解释成 radix-64 的表现形式后能够用 ASCII 字符串的格式表示出来。Base64 这个词出自一种 MIME 数据传输编码。Base64 编码普遍应用于需要通过被设计为处理文本数据的媒介上储存和传输二进制数据而需要编码该二进制数据的场景。这样是为了保证数据的完整并且不用在传输过程中修改这些数据。

2023-01-30 22:00:01 2361 1

原创 JupyterLab 插件开发：常见问题汇总

JupyterLab Extension （插件开发）开发环境篇1. 安装 Miniconda2. 搭建虚拟环境3. 项目运行指令4. 代码实时更新运行报错篇1. Windows 编码问题2.项目依赖无法下载近期接手了开发 Jupyterlab Extension的任务，将开发过程中遇到的常见的问题进行记录，以便于后续的的复习及总结。开发环境篇1. 安装 Miniconda期望有一个工具能够帮助我运行 Jupyterlab。在此推荐使用 Miniconda。官网下载：Miniconda根据自己的

2020-12-13 16:16:49 3347 2

原创 git 轻松上手（五）github 加个 GPG 签名验证

当我们增加了签名验证后，给自己的 commit 进行加密传输。每次 commit 后的代码会弹出输入 purhase 的弹框。为了保证我们的账户以及数据的安全性，GitHub 提供了签名验证的功能，来确认每次的提交来自可信的来源。我们需要做的就是提供一个加密签名，供 github 进行验证。在多人协作的项目中，仓库管理员可以根据需要，设置是否阻止未签名和验证的所有提交。之后的提交都需要输入安全密码，虽然提交流程多了一步，但是提升了项目的安全性。在我们日常开发中，未进行签名验证，提交的代码状态如下所示。

2020-11-17 21:54:01 1052 1

原创 Vue3 造轮子之 Typescript 配置 highlight

项目基础是实现一个简单的 UI 组件库。在编写组件介绍文档时，需要提供一些代码示例，这时候用到了来实现代码的高亮。

2020-08-16 00:32:19 1804 3

原创 Vue3 造轮子之打包构建配置二级目录

项目代码打包初试vue3的项目是基于vite启动的，执行打包的时候，默认生成的index.html是加载根目录下的资源，如下图所示打包生成的文件，放在根目录下，是正常加载的。但是当我们的项目需要配置在二级目录下时，资源的指向是有问题的。此时会报js和css等文件找不到的错误。配置项目二级目录那么如何修改，让我们打包后的文件，带上二级目录的名字呢？查询尤大的vite库，看到关于公共文件的路径配置的一段话这里的意思是我们在执行build的脚本时，在后面加一个配置指令即可我根据这段提示，在packa

2020-08-02 23:33:37 4280 3

原创 Vue3 造轮子之-项目 TypeScript 配置

本项目基于vite构建的vue3.0项目一、初始化项目创建项目有两种方式官方文档中写的是npm init vite-app <项目名>或者yarn create vite-app <项目名>而我创建项目使用的是以下的方法首先，通过命令行全局安装create-vite-appnpm i -g create-vite-app@1.18.0或yarn global add create-vite-app@1.18.0安装完成后，可以使用create-vite-a

2020-07-29 21:59:27 744 1

原创 Webpack 打包（二）多入口配置及动态切割代码踩坑

本文介绍了项目代码打包构建的时候切割代码，减少引入文件的体积的方法。分享给大家踩坑的经历，也给自己留个记录，方便回顾。项目基础：多个页面入口文件必须引入的有THREE.JS，ECharts.JS项目需求：多入口的相关文件配置js与css文件分离，引入的文件不能过大必须引入的文件如THREE.JS，提取到公共资源中（一）HtmlWebpackPlugin配置多入口页面采用的...

2020-03-25 23:56:35 1029 1

原创 Webpack 打包构建时遇到的坑（一）Babel 版本

文章目录Babel版本问题1.发现问题：项目不支持Promise方法2.尝试解决：引入语法转换插件，增加配置文件3.再次尝试：升版本号，修改配置名称4.记录总结（1）Babel 插件库 6.x版本的配置（2）Babel 插件库 7.x版本的配置复盘本周使用webpack打包时遇到的几个坑点，记录下来扩展知识点。Babel版本问题1.发现问题：项目不支持Promise方法项目中使用到了ES6...

2020-03-22 18:52:33 3956 1

原创 Three.JS模块化引入轨道控制器OrbitControls.JS（ES6语法）

模块中引入OrbitControlsthree.js模块化开发亲测可用的引入方式报错:Unable to preventDefault inside passive event listener查询博客得知解决办法three.js模块化开发项目中用到Three.js来构建场景，现在想用ES6语法将代码重构一遍，投入模块化开发的怀抱。同时也将这个过程中的经验记录下来，当作知识点备用。环境是vu...

2019-12-10 23:47:38 7727

原创 git 轻松上手（四）git stash 的妙用

上一节说到git的分支管理，虽然每次提交代码变动都commit，有利于存储代码版本，但是在git log是会显示出这些临时提交的日志，无法准确定位到需要的版本。此时我们需要用到git stash来处理1.定义Stash the changes in a dirty working directory away将更改存储在脏的工作目录中git stash 适用于你想保存当前的更改，还...

2019-11-27 22:59:16 546 1

原创 git 轻松上手（三）创建、合并分支与远程分支

项目开发过程中，会遇到多人合作开发的情况，如果人人都把未开发完的代码推到master上，会对整体的开发有影响，容易造成代码的混乱。那不能推送到master，此时应该怎么办呢？此时 git 的就派上用场了。我们在本地创建属于自己的开发分支，当一个需求开发完成之后，与主分支合并，这样推送到主分支上的代码就是成熟的代码啦~~

2019-11-26 22:08:17 411 1

原创 git 轻松上手（二）代码提交到远程仓库中

仅监控已被add的文件（ tracked file ），他会将被修改的文件提交到暂存区。会监控工作区的状态树，把工作区的所有变化提交到暂存区，包括文件内容修改以及新的文件，但是不包括被删除的文件。假设我们这次需要上传的代码，是一个新鲜出炉的代码项目，从未创建过仓库，未与 git 关联过。操作，这样自己的改动已经提交到暂存区，pull 下来的代码只需要选择合并，不会报一堆错误。首先，跟踪改动过的文件，将工作区发生变化的文件提交到暂存区。如果代码不是提交到主分支，可以选取需要提交的分支名来代替。

2019-07-17 23:19:48 210 1

原创 VSCode 的 Markdown 插件使用笔记

Markdown All in One的使用介绍准备工作开始使用快捷键：准备工作在vscode的扩展程序中搜索Markdown All in One并下载安装，如图开始使用快捷键：简介快捷键加粗字体Ctrl + B斜体Ctrl + I切换标题Ctrl + Shift + ]切换标题（反向）Ctrl + Shift + [切换至math...

2019-07-15 15:47:00 2328 1

原创 git 轻松上手（一）ssh私钥配置

首先我们需要一个 github 账号（这个自行注册一哈），账号会用在创建 ssh 中，然后我们在 github 上建立一个远程仓库,如图所示。到此，我们的本地电脑与 github 的 ssh 传输连接就已经添加好了。github 与本地的 git 仓库是通过 ssh 加密传输的，所以需要先建立电脑与 github 之间的 ssh 连接。创建远程仓库可以选择时公有还是私有库，公有库可以指定人与你一起开发，私有库可以作为自己的代码托管。执行该命令，在此过程中一直敲回车就可以，防止自己设置密码后却忘记密码。

2019-02-28 23:46:20 573 1

Demi1024w的博客