技术资料查询
一起进步

Vuejs

uniapp 动态修改 css 样式

shanhubei阅读(1115)赞(0)

css 使用 var 注入变量, 达到设置动态样式的需求 声明 css 变量时, 变量名前面要加两根连词线(–); 变量使用 kebab-case 命名方式,即 –header-color 而不是 –he...

六、文件上传系列-断点续传和跨端续传-珊瑚贝

六、文件上传系列-断点续传和跨端续传

shanhubei阅读(3886)赞(2)

我们要上传一个1G+的大文件,前端采用分片上传,但是由于某种原因比如要下班了,断电了或是网线被拔掉了,上传被迫中断。那么别急,我们有断点续传功能,你可以将大文件带回家慢慢从中断处继续上传,而不需要重新上传整个文件。 断点续传原理及流程 文章...

五、文件上传系列-秒传文件-珊瑚贝

五、文件上传系列-秒传文件

shanhubei阅读(3661)赞(3)

我们在使用云盘上传文件时会发现秒传文件,速度极快,这是怎么回事呢?秒传文件其实是因为我们要上传的文件前,服务端已经查询到该文件已经存在,没必须再传一份一模一样的文件,直接告诉前端文件已经传好了,让用户有了飞快的感觉。 为什么会秒传 前面说了...

四、文件上传系列-计算文件MD5值-珊瑚贝

四、文件上传系列-计算文件MD5值

shanhubei阅读(7844)赞(2)

根据业务需要,在上传文件前我们要读取文件的md5值,将md5值传给后端用作秒传和断点续传文件的唯一标识。那么前端就需要使用js获取文件的md5值,对于普通小文件可以很轻松的读取文件md5值,而超大文件的md5值是如何快速的获取到的呢? 超大...

三、文件上传系列-后端合成文件

shanhubei阅读(3749)赞(2)

在上一节文章中,我们介绍了前端文件分片上传,了解vue-simple-uploader组件自带分片上传功能,大文件一片片依次上传到后端服务器后,后端程序要将分片合成一个完整的文件,那么PHP是如何处理合成分片的呢?请看本节讲解。 前端什么时...

二、文件上传系统-文件分片-珊瑚贝

二、文件上传系统-文件分片

shanhubei阅读(3914)赞(3)

我们需要上传一个大文件,比如上G的视频文件,通常我们后端会对上传文件进行限制,一般不宜过大,5MB左右为好。如果文件过大,超出http服务端请求大小限制,请求时间超时,传输中断导致上传失败,那么我们可以将文件进行分片上传。 分片上传的原理就...

一、文件上传系列-vue-simple-uploader

shanhubei阅读(12705)赞(4)

此部分源码; https://gitee.com/shanhubei/vue-file-uploader 使用vue-simple-uploader上传文件和文件夹 文件上传在项目中应用广泛,尤其类似网盘上传文件的应用,需要批量上传文件、文...

HTML5点播m3u8(hls)格式视频

shanhubei阅读(5379)赞(0)

效果案例显示 这两年来我们发现越来越多的视频应用使用了m3u8格式的视频,因为可以兼容PC、移动端。相比mp4等视频源,m3u8可以减轻服务器压力(按需加载)。HLS是由苹果公司率先提出的一种协议标准,可用于直播。 m3u8是一种基于HLS...

Vue移动端右滑屏幕返回上一页

shanhubei阅读(3725)赞(0)

有些时候我们玩手机更喜欢使用手势滑动带来的用户操作体验。Vue touch directive是一个用于移动设备操作指令的轻量级的VUE组件。使用它可以轻松实现屏幕触控、滑动触发事件,提高用户体验。本文结合实例讲解如何实现Vue移动端右滑屏...

Vue.js项目开发技术解析-珊瑚贝

Vue.js项目开发技术解析

shanhubei阅读(3607)赞(0)

Vue.js项目开发技术解析 一、Vue.js实例 在一个Vue.js工程中,用于显示内容最基层的实例称之为根实例。通过该实例可以进行页面或组件的更新和显示。对于项目本身而言,无论是什么样的页面,都要基于该根实例进行显示。 1.1、何为构造...