学院官网项目总结

最新推荐文章于 2019-06-28 10:14:21 发布

sheep！

最新推荐文章于 2019-06-28 10:14:21 发布

阅读量314

点赞数 2

分类专栏：总结文章标签：总结前端 vue tinymce

本文链接：https://blog.csdn.net/weixin_41777971/article/details/86304039

版权

本文总结了一次学院官网项目的开发经验，涉及Vue、Tinymce及前端常见问题。包括图片缓存问题的解决、箭头函数与普通函数的差异、避免Ajax请求冲突、处理空值执行、URL命名规范、Vue路由传值策略以及Tinymce配置和自定义插件的实践。

摘要由CSDN通过智能技术生成

最近做了一个带后台的官网，学习实践了很多新的东西。想做一个记录来记录一下这几个踩过的坑，以便后面复习，或者是遇到相同问题时能找得到。

我们做的是一个官网需要一个后台来支撑，前后端分离，我是负责后台前端部分，使用了Vue，ajax，jq，bootstrap和一个tinymce的富文本框。

遇到的问题有？

1.图片缓存问题

由于图片地址是指向服务器的本地文件夹的，所以每次刷新路径并不会发生变化。所以他并不是每一次都会重新去服务器请求获取图片，而是去浏览器的缓存中读取。所以在后台每次更新之后的刷新总是看不见直接的更改效果，用户体验比较差。
解决：利用vue的过滤器在地址后面添加一个data参数，每次都new一个新的时间戳作为请求图片的参数，这样每次加载得路径都不相同，所以都会去服务器里获取到图片。

           var reg = RegExp(/jpg/);
                if( reg.exec(value)){
                    var  s1='<img  src=../'+ value+'?time='+new Date().getTime()+ ' width="40px">';
                }