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博客开发笔记:前端开发之文件上传
参考资料 前端通过axios和FormData实现文件上传功能遇到的坑:https://segmentfault.com/a/1190000016927601 Element el-upload上传组件详解:https://segmentfault.com/a/1190000013796215
2023-07-14 · StarBlog前端开发-Vue · 约 1 分钟
StarBlog博客开发笔记:前端开发(2)之页面路由
前言 Vue.js使用虚拟DOM处理单页面,然后使用Webpack打包。通过第5章的示例,读者也许已经发现,无论语法和写法如何不同,Vue.js程序打包后都是一个单一的HTML文件,同时会引入一个标准的JavaScript文件。 Vue.js中编写的所有代码都被Webpack自动打包成可以被浏览器解析的HTML和JavaScript代码,并且项目本身就只有一个页面。这意味着所有的用户对服务器发出进
2024-12-11 · StarBlog前端开发-Vue · 约 1 分钟
StarBlog博客开发笔记:前端开发(3)之SASS与SCSS
前言 本项目需要使用SCSS来编写页面样式。 这里的SASS,是指名为SASS的css预处理器 然后SCSS是一种 CSS-like 语法 对于初学者,SCSS 是完全和 CSS 兼容的,这意味着几乎为零的学习曲线。SCSS语法即是:它只是加了一些功能的 CSS。当你和没经验的开发者一起工作时这很重要:他们可以很快开始编码而不需要首先去学习Sass。 此外,SCSS 还是 易于阅读 的,因为它是有
2024-12-13 · StarBlog前端开发-Vue · 约 1 分钟
StarBlog博客开发笔记:前端开发(7)之主页面
界面设计 按照ElementUI提供的布局来 左边是导航栏,右边上方是标签页,然后是主内容区 如图 二级类目 开始写代码 主页面的内容已经比较复杂了,全部写在一个文件内不现实 我们来分解一下 根据这个布局,页面可以分为头部、主体、左侧导航栏三部分 所以我来新建三个vue页面 HeaderBar.vue Navbar.vue MainContent.vue 完成之后目录结构如下 views ├──
2023-07-14 · StarBlog前端开发-Vue · 约 1 分钟
讨论
共 0 条加载评论中…