Star History

在线预览

https://blog.wangwangyz.site

本地运行

安装开发环境

npm install

启动开发环境

npm run dev

打包生产环境

npm run build

开发记录

日志

2022年11月9日19点07分

1. 设置一个文字气泡效果遇到的问题：

   创建子节点并删除该节点

   解决：原实现效果采用JQuery的animate方法，原生的animate不支持回调函数。最后使用setTimeOut函数在特定时间删除相应节点。

   原生animate的使用：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/animate

   各种有趣文字效果：https://www.creativosonline.org/zh-TW/CSS%E6%96%87%E5%AD%97%E6%95%88%E6%9E%9C.html

2. 原生DOM（不知道是不是叫虚拟DOM）的子节点创建和删除

   创建（自带模板）：https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement

   删除：https://developer.mozilla.org/zh-CN/docs/Web/API/Node/removeChild

   两者操作的对象都是Node（既HTML元素）

3. npm引入字体

   https://github.com/chawyehsu/lxgw-wenkai-webfont

   遇到问题：需要在特定组件中以JS/TS导入，并在作用域css中import

2022年11月10日10点31分

1. CSS中animation 中的函数

   steps函数: VenenoFSD/Blog#36

2022年11月20日22点35分

1. 添加TsParticle粒子背景
2. 首页使用CoverFlow展示分类卡片

2022年11月20日22点58分

1. 研究Git中两个分支 test1 和 main 的合并

   目前：test1中有 3 commits 先于 main；main中有 1 commit 先于 test1；

   欲：test1的改变合并到main

   23点27分已成功~

   1. 切换到test1分支 git checkout test1 （如果已经在master分支则不需要）
   2. git pull （拉取代码）
   3. git checkout main （切换到main分支）
   4. 代码如有冲突则解决冲突，没有则忽略此步
   5. git merge test1 （合并代码）
   6. git push （推到main）

2022年11月22日22点18分

1. 看到Varlet组件库的水纹效果，自己也试着添加 跟着：https://codepen.io/finnhvman/pen/jLXKJw学习效仿了，效果一般，日后改进
2. 对 display和float属性有点不了解，行内元素和内联元素都有哪些？