StarBlog博客开发笔记：前端相关
markdown编辑器 v-md-editor，http://ckang1229.gitee.io/vue-markdown-editor/zh/ 在我的项目里最大化有问题，后面我自己搭配vuex实现了 优点是界面比较好，TOC可以放在左边 其他尝试 vue-element-admin整合的markdown编辑器：https://panjiachen.github.io/vue-element-a
目录7 个章节
markdown编辑器
v-md-editor，http://ckang1229.gitee.io/vue-markdown-editor/zh/
在我的项目里最大化有问题，后面我自己搭配vuex实现了
优点是界面比较好，TOC可以放在左边
其他尝试
- vue-element-admin整合的markdown编辑器：https://panjiachen.github.io/vue-element-admin-site/zh/feature/component/markdown-editor.html#props
- mavonEditor，也不错 不过TOC没法放左边：https://github.com/hinesboy/mavonEditor
博客前台markdown渲染
Editor.md，https://github.com/pandao/editor.md
渲染效果可以接受
就是搭配bootwatch的主题切换时有问题
element的NavMenu导航菜单正确用法
配置好后只要路由改变了，对应的菜单项也会激活
参考：https://blog.csdn.net/weixin_42565137/article/details/91909055
上传文件
- element-ui上传文件，且只能上传单个文件，并覆盖上传：https://blog.csdn.net/weixin_45799605/article/details/103139975
一些问题解决
- 解决vue-router报NavigationDuplicated: Avoided redundant navigation to current location 的问题：https://blog.csdn.net/luer_LJS/article/details/108362563
学习/参考 资料
- Vue官方文档 组件基础：https://cn.vuejs.org/v2/guide/components.html
- Vue官方文档 事件处理：https://cn.vuejs.org/v2/guide/events.html
- Vue3 对比 Vue2.x 差异性、注意点、整体梳理，与React hook比又如何：https://juejin.cn/post/6892295955844956167#heading-21
- Bootstrap官方图标库：https://icons.getbootstrap.com/
- Font Awesome 4.7.0：http://www.fontawesome.com.cn/get-started/
- 微软官方文档 - 建议用于 C# 文档注释的 XML 标记：https://docs.microsoft.com/zh-cn/dotnet/csharp/language-reference/xmldoc/recommended-tags
- 微软官方文档 - Overview of ASP.NET Core authentication：https://docs.microsoft.com/en-us/aspnet/core/security/authentication/?view=aspnetcore-6.0
- .NET Core API文档管理组件 Swagger 使用：https://meowv.com/post/2020-09-06-swagger
- C# DateTime日期格式化：https://www.cnblogs.com/polk6/p/5465088.html
- C#高级语法之泛型、泛型约束，类型安全、逆变和协变：https://www.shuzhiduo.com/A/MAzAPn8qd9/
- 如何在 ASP.NET Core 3 使用 Token-based 身分驗證與授權 (JWT)：https://blog.miniasp.com/post/2019/12/16/How-to-use-JWT-token-based-auth-in-aspnet-core-31
_EOF_
StarBlog博客开发笔记：前端相关
- 本文作者：
- 程序设计实验室
- 版权声明：
- 本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
相关文章
StarBlog博客开发笔记：前端开发之导航守卫
路由对象router给我们提供了beforeEach方法，可以在每次路由之前进行一些相关处理，也叫导航守卫，我们这里就通过导航守卫实现一些类似身份认证的辅助功能。 修改router/index.js文件，添加导航守卫，在每次路由时判断用户会话是否过期。如果登录有效且跳转的是登录界面，就直接路由到主页；如果是非登录页面且会话过期，就跳到登录页面要求登录。 代码如下 router.beforeEach
2023-07-14 · StarBlog前端开发-Vue · 约 1 分钟
StarBlog博客开发笔记：前端开发(8)之vuex与状态管理
状态管理 在很多应用场景下，我们需要在组件之间共享状态，比如我们的左侧导航栏需要收缩和展开的功能，收缩状态时宽度很小，只显示菜单图标，因为导航菜单栏收缩之后宽度变了，所以右侧的主内容区域要占用导航栏收缩的空间，主内容区域宽度也要根据导航栏的收缩状态做变更，而导航栏和主内容区域是两个不同的组件，而非父子组件之间不支持状态传递，所以组件之间的状态共享问题发生了。 之前我写flutter的时候，响应式设
2023-07-14 · StarBlog前端开发-Vue · 约 1 分钟
StarBlog博客开发笔记：前端开发(4)之FontAwesome图标
在现代前端开发中，图标已成为构建用户友好界面的重要元素。Font Awesome 是全球最流行的图标库之一，提供了大量的矢量图标，支持多种平台和框架。无论是网站、应用程序，还是管理面板，Font Awesome 都能帮助开发者轻松地为界面增添直观且易于识别的视觉元素。
2025-02-13 · StarBlog前端开发-Vue · 约 1 分钟
StarBlog博客开发笔记：前端开发之瀑布流图片列表
用到的组件：vue-waterfall 项目地址：https://github.com/MopTym/vue-waterfall 参考资料 Vue<瀑布流加载效果>：https://www.jianshu.com/p/97b89597ab5c
2023-07-14 · StarBlog前端开发-Vue · 约 1 分钟
讨论
共 0 条加载评论中…