Vue
文章平均质量分 86
记录前端Vue框架的使用遇到的问题和学习记录
小码哥Lvan
同济大学软件工程在读研究生,研究领域为WEB3D,希望在CSDN上能找到人一起学习,相互勉励
展开
-
Vue项目玩转Ueditor(百度富文本编辑器),解决图片需要上传服务器的问题,将图片转存base64字符串。
文章目录1. 场景描述2. 问题描述3.较为流行的几个富文本编辑器比较3.1、wangEditor3.2、百度的ueditor3.3、KindEditor3.4、bootstrap-wysiwyg3.5、QuillEditor4.Ueditor的集成 1. 场景描述 最近在做一个网站,里面有发布文章的功能。需要使用到富文本编辑器来发布文章。 实现思路: 富文本编辑排版=》转存html=》服务器存储为txt文件=》数据库存储访问地址=》 前端访问后台服务拿到访问地址=》请求url拿到文章内容=》渲染到页面。原创 2020-11-06 18:52:43 · 5709 阅读 · 6 评论 -
前端框架学习之Vue 4.路由Vue Router
1.路由的基本概念与原理 后端路由: 概念:根据不同的url请求返回不同的内容或是模板页 本质:URL请求地址与服务器资源之间的对应关系 SPA(Single Page Application) ·后端渲染(存在性能问题) ·Ajax前端渲染(ajax渲染提高性能,但是不支持浏览器前进后退操作) ·SPA(single page application) 单页面应用程序:整个网站只有一个页面,内容的变化` ·通过ajax局部更新实现,通知支持浏览器地址栏的前进和后退操作; ·SPA实现原理之一:基于URL地原创 2020-09-13 19:05:55 · 2306 阅读 · 0 评论 -
前端框架学习之Vue 3.前后端交互(promise,fetch,axios,async/await)
1.前后端交互模式 接口调用方式 ·原生ajax ·基于jQuery的ajax ·fetch ·axios 2.Promise用法 异步编程效果分析 定时任务 ajax 事件函数 多次异步调用的依赖分析 ·多次异步结果不确定性,不能依赖执行顺序 ·对异步结果有依赖的,需要用嵌套形式 promise是异步编程的一种解决方案,promise是一个对象,它可以获取异步操作的消息。 使用promise的好处 ·可以避免多次异步调用嵌套问题 ·promise对象提供了简洁的API,使得控制异步更加容易 pro原创 2020-09-13 16:02:16 · 7535 阅读 · 0 评论 -
前端框架学习之Vue 2.组件化开发
1. 组件化的思想 标准 分治 重用 组合 组件化规范:web components ·尽可能多的重用代码 ·自定义组件不容易(html css js) ·多次使用组件容易导致冲突 web components通过创建封装好功能的定制元素解决以上问题 但是还未被浏览器广泛接受 Vue实现了上述部分规范 2.组件注册 语法: Vue.component('组件名称',{ data:组件数据, template:组件模板内容 }) 例子 <!DOCTYPE html> <html&原创 2020-09-13 13:35:59 · 564 阅读 · 0 评论 -
前端框架学习之Vue 1.Vue的基本语法和基本属性
1.什么是vue Vue.js 官网有详细点的解释。 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版本测试。 2.hello vue实例 <!DOCTYPE html> <html> <head> <meta charset原创 2020-09-12 21:32:39 · 590 阅读 · 0 评论