# 个人博客前端项目,使用Vue3+Vite开发, 兼容移动端(响应式)
### 具有轻量美观流畅等特点
### 代码中封装了很多组件和动画
### 目前还未完全开发完毕,正在努力迭代更新中
## 所使用的依赖包介绍
+ 打包工具: `vite`
+ md文档解析: `@kangc/v-md-editor`
+ 代码语法高亮: `prismjs`
+ 瀑布流:`wc-waterfall`
+ css预处理: `sass`
+ 触摸手势: `hammerjs`
+ 日期:`dayjs`
+ icon: `bootstrap-icons`
+ 懒加载:`vue-lazyload`
+ 加/解密:`crypto-js`
+ 混淆:`md5`
## 封装的功能
+ 元素平滑上升: `utils/vSlidIn.js`
+ 页面滚动动画: `utils/scrollAnimation.js`
+ localStorage封装: `utils/storage.js`
+ 回到顶部组件:`components/BackToTop`
+ markdown解析组件:`components/MarkdownRenderer`
+ 雪花飘动组件:`components/MoveSpecialEffect`
+ 雪花飘动组件(canvas版):`components/TwinklingStars`
+ 页面加载动画: `index.html`
+ 文章图片预览功能: `components/ImagePreview`
....
### 安装依赖
```
yarn
```
### 开发运行
```
yarn run dev
```
### 打包生产
```
yarn run build
```
没有合适的资源?快使用搜索试试~ 我知道了~
个人博客前端项目,使用Vue3+Vite开发, 兼容移动端(响应式).rar
共141个文件
vue:54个
js:23个
jpg:21个
需积分: 5 0 下载量 144 浏览量
2024-04-29
15:44:43
上传
评论
收藏 19.63MB RAR 举报
温馨提示
# 个人博客前端项目,使用Vue3+Vite开发, 兼容移动端(响应式) ### 具有轻量美观流畅等特点 ### 代码中封装了很多组件和动画 ### 目前还未完全开发完毕,正在努力迭代更新中 ## 所使用的依赖包介绍 + 打包工具: `vite` + md文档解析: `@kangc/v-md-editor` + 代码语法高亮: `prismjs` + 瀑布流:`wc-waterfall` + css预处理: `sass` + 触摸手势: `hammerjs` + 日期:`dayjs` + icon: `bootstrap-icons` + 懒加载:`vue-lazyload` + 加/解密:`crypto-js` + 混淆:`md5` ## 封装的功能 + 元素平滑上升: `utils/vSlidIn.js` + 页面滚动动画: `utils/scrollAnimation.js` + localStorage封装: `utils/storage.js` + 回到顶部组件:`components/BackToTop` + markdown解析组件:`components/Markd
资源推荐
资源详情
资源评论
收起资源包目录
个人博客前端项目,使用Vue3+Vite开发, 兼容移动端(响应式).rar (141个子文件)
iconfont.css 2KB
iconfont.css 1KB
iconfont.css 916B
index.html 6KB
s.html 782B
logo-icon.ico 264KB
logo-icon.ico 264KB
feijihangban.ico 9KB
fentoufanv.jpeg 211KB
mingren.jpeg 177KB
nuoaier.jpeg 157KB
1705852033628.jpg 2.88MB
1705851852657.jpg 2.88MB
1705852234945.jpg 2.34MB
1705852155419.jpg 1.97MB
1705852088265.jpg 1.66MB
1705851962454.jpg 1.57MB
fengjing7.jpg 745KB
fengjing3.jpg 587KB
fengjing9.jpg 426KB
leidianjiangjun.jpg 266KB
fengjing1.jpg 231KB
fentoufanv.jpg 211KB
fengjing4.jpg 210KB
dipingxian.jpg 187KB
qianxun2.jpg 174KB
qianyuqianxun.jpg 168KB
fengjing2.jpg 147KB
shenzi.jpg 138KB
gufengnv.jpg 70KB
levi2.jpg 47KB
my-wx.jpg 47KB
iconfont.js 102KB
iconfont.js 59KB
iconfont.js 43KB
unitsTools.js 27KB
emojis.js 10KB
routes.js 6KB
vite.config.js 3KB
request.js 3KB
utils.js 3KB
kaomojis.js 2KB
tagMap.js 2KB
main.js 2KB
vSlidIn.js 2KB
storage.js 1KB
scrollAnimation.js 1KB
permission.js 1KB
articles.js 757B
resetMessage.js 553B
tools.js 482B
webdev.js 438B
index.js 396B
judgmentEnv.js 240B
messages.js 186B
package.json 994B
yarn.lock 236KB
README.md 1KB
beianshu.pdf 150KB
xiaomao.png 238KB
404.png 96KB
dongmannv4.png 84KB
arrow.png 6KB
404_cloud.png 5KB
style.scss 3KB
base.scss 3KB
md.scss 2KB
element.scss 856B
huojian.svg 3KB
location.svg 2KB
Source-Github-d021d6.svg 2KB
web2.svg 2KB
message.svg 2KB
defualt-image.svg 1KB
html5.svg 740B
auto-imports.d.ts 3KB
components.d.ts 2KB
Index.vue 13KB
PasswordGenerator.vue 12KB
Index.vue 10KB
Index.vue 9KB
UnitConversion.vue 9KB
TopicDetail.vue 9KB
Base64Password.vue 8KB
Technology.vue 8KB
Index.vue 7KB
IPAddress.vue 7KB
TripleDESPassword.vue 6KB
Daily.vue 6KB
Index.vue 6KB
Index.vue 6KB
Notes.vue 6KB
CutePet.vue 6KB
AESPassword.vue 6KB
Work.vue 6KB
Index.vue 5KB
RC4Password.vue 5KB
Index.vue 5KB
DESPassword.vue 5KB
Figure.vue 5KB
共 141 条
- 1
- 2
资源评论
嘻嘻爱编码
- 粉丝: 913
- 资源: 158
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于图像的三维模型重建C++源代码+文档说明(高分课程设计)
- 基于聚焦法的工件立体测量方案,根据数据进行三维重建 使用HALCON处理图像,MATLAB拟合数据+源代码+数据集+效果图
- 锄战三国村 修改:货币使用不减 v1.10(2) 原创 (中文).apk
- 基于python实现的单目双目视觉三维重建+源代码+图像图片(高分课程设计)
- 基于C+++OPENCV的全景图像拼接源码(课程设计)
- 基于Python+OpenCV对多张图片进行全景图像拼接,消除鬼影,消除裂缝+源代码+文档说明+界面截图(高分课程设计)
- 基于C++实现的全景图像拼接源码(课程设计)
- 基于SIFT特征点提取和RASIC算法实现全景图像拼接python源码+文档说明+界面截图+详细注释(95分以上课程大作业)
- 基于matlab实现眼部判别的疲劳检测系统+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab的异常姿势识别系统+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功