web~Song

2020年12月22日

摘要：不多说，上代码。首先是你自己协商列表代码，在页面中引入vuedraggable import draggable from "vuedraggable"; <draggable v-model="kindList" :options="{ animation: 380 }" @end="end" 阅读全文

posted @ 2020-12-22 15:07 web~Song 阅读(1006) 评论(0) 推荐(0) 编辑

aliplayer的使用

摘要：近期项目是做一个课程购买播放的功能。其中使用了aliplayer完成了播放视频功能，先给大家看一下效果图：因为是vue项目，首先是在index.html中引入两个文件 <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer 阅读全文

posted @ 2020-12-22 14:50 web~Song 阅读(4604) 评论(0) 推荐(0) 编辑

2020年11月19日

自制时间轴组件封装

摘要：最新项目的一个时间轴选中样式，磨了我很久，刚开始想的是找网上的插件，但是发现没有，先给大家看一下我要完成的样式（使用该组件我指定的年限范围是一年，大家可以根据自己的需求，稍作更改）就是图片下方的时间轴，要根据上面时间的选择范围变化，发现网上没有，于是自己和同事一起手写了一个。先上代码 <tem 阅读全文

posted @ 2020-11-19 14:12 web~Song 阅读(274) 评论(0) 推荐(0) 编辑

2020年11月5日

使用vue-quill-editor插件，完成富文本编辑功能

摘要：最近在忙着上线项目没有更新。现在我把自己在项目中用到的几个插件整理一下。有不对的地方希望大家指出。谢谢在做后台管理系统的时候有要求完成一个简单的富文本框功能。其中我使用了网上比较多的vue-quill-editor插件安装方法我就不详说了，相信大家都懂废话不多说，先上代码。 import 阅读全文

posted @ 2020-11-05 16:00 web~Song 阅读(1036) 评论(0) 推荐(0) 编辑

2020年10月13日

解决适配问题链接

摘要： https://juejin.im/post/6844904029898670088 阅读全文

posted @ 2020-10-13 10:58 web~Song 阅读(60) 评论(0) 推荐(0) 编辑

2020年9月30日

Promise学习（五）

摘要： Promise.prototype.finally(): finally方法返回一个Promise。在promise结束时，无论结果是fulfilled或者是rejected，都会执行指定的回调函数。这为在Promise是否成功完成后都需要执行的代码提供了一种方式。这避免了同样的语句需要在then 阅读全文

posted @ 2020-09-30 11:17 web~Song 阅读(130) 评论(0) 推荐(0) 编辑

2020年9月29日

Websorket学习

摘要：首先讲解一下websorket里面的四个事件： 1.onopen 当建立websocket连接时触发，只触发一次。2.onerror 当连接出现错误时触发-因为当触发了onerror之后连接就会触发关闭事件。3.onmessage 当服务端发送数据时触发，可多次触发，页面数据展示处理模块-实现轮询。阅读全文

posted @ 2020-09-29 16:25 web~Song 阅读(542) 评论(0) 推荐(0) 编辑

在pc端中实现分享功能

摘要：直接上代码：首先定义一个点击事件，在点击事件中添加方法，我是要做分享到微博和qq空间的。方法如下： share(type) { let info = { title: "我发现了一个非常棒的课程~~~", url: window.location.href, picurl: "" }; let 阅读全文

posted @ 2020-09-29 13:55 web~Song 阅读(1276) 评论(0) 推荐(1) 编辑

Promise学习（四）

摘要： 1.Promise.any(一个可迭代的对象, 例如Array。) Promise.any()接收一个Promise可迭代对象，只要其中的一个Promise成功，就返回那个已经成功的 Promise。如果可迭代对象中没有一个 Promise成功（即所有的 Promise都失败/拒绝），就返回一个失阅读全文

posted @ 2020-09-29 10:44 web~Song 阅读(106) 评论(0) 推荐(0) 编辑

Promise学习（三）

摘要： 1.Promise.allSettled(一个可迭代的对象，例如Arry，其中每个成员都是Promise。): 该Promise.allSettled方法返回一个在所有给定的promise都已经fulfilled或rejected后的promise，并带有一个对象数组，每个对象表示对应的promis 阅读全文

posted @ 2020-09-29 10:18 web~Song 阅读(91) 评论(0) 推荐(0) 编辑

公告