摘要: 在之前的文章中提到过腾讯云储存上传大文件的各种不方便,比如不能转码(要转码得先把mp4文件从云存储上下载下来,然后通过服务器执行ffmpeg操作,最后再把切割的ts文件上传到腾讯云,过程复杂且容易出错),不能获取实时的上传进度等等,所以就发现腾讯云点播这项技术。相对来说通过云点播既能实现上传进度的获 阅读全文
posted @ 2016-11-23 17:26 前后维谷 阅读(15872) 评论(1) 推荐(0) 编辑
摘要: 由于最近的项目有两台机器一直处于负载均衡状态,所以上传的资源都不能直接传到服务器后台上,而是通过云平台进行交互,所以不免就涉及到很多上传,下载的接口,所以专门记录一下这一系列的过程。 首先要把腾讯云前端和后端的sdk加入到项目中,JS的sdk地址为https://github.com/tencent 阅读全文
posted @ 2016-11-09 16:11 前后维谷 阅读(7590) 评论(0) 推荐(0) 编辑
摘要: 由于项目在运行过程中经常用到邮件检测报警的功能,而在之前我都是用shell脚本发送邮件。shell脚本的优点是可以直接处理服务器指令,但是其缺点就是处理数据的能力效率太低,取数据库的许多数据要先把数据写入文件里,然后每行读文件并且分割来取出你想要的数据,相对来说麻烦太多。所以本人就准备直接利用Lar 阅读全文
posted @ 2016-11-04 20:26 前后维谷 阅读(9201) 评论(0) 推荐(0) 编辑
摘要: 之前有介绍过关于把input[type='file']的输入变为类似于一个button的上传,现在沿袭其思路同样的制作一个自定义图片的上传类型,并能够实时显示已经上传的图片。其原理简单为:采用绝对定位在顶层放一个<input type='file' />的标签并把其透明度设置为0,然后在同样的位置采 阅读全文
posted @ 2016-11-04 19:49 前后维谷 阅读(5896) 评论(0) 推荐(0) 编辑
摘要: 我们在做页面时有时候为了让上传这种类型的输入看起来更加美观,但是由于其自身往往是无法定义样式的,所以我们经常用按钮来 “替代” 它,接下来讲讲其原理和实践过程。原理:为了让input[type='file']看起来更像一个button,我们首先先采用绝对定位定义一个<a>标签,然后采用绝对定位在相同 阅读全文
posted @ 2016-11-02 18:35 前后维谷 阅读(18793) 评论(0) 推荐(0) 编辑
摘要: 在页面中我们有时候需要图文编辑来记录用户的多样化输入比如博客园的TinyMCE编辑器,由于项目用到的是ueditor所以记录一下其中的坑以及解决办法,详细的资料可以参考http://fex.baidu.com/ueditor/。 首先去官网http://ueditor.baidu.com/websi 阅读全文
posted @ 2016-10-12 15:20 前后维谷 阅读(23067) 评论(2) 推荐(1) 编辑
摘要: 之前有记录过类似美化alert(),confirm()和prompt功能的插件xcConfirm,其优点是比较轻量级,能够快速接入,对于简单的提示效果明显,但其缺点就是自定义起来不方便,所以就记录一款相对较重但是可以随意定义的插件Modal,下面记录一下该款插件的使用方法,详情可参考Modal的官方 阅读全文
posted @ 2016-10-12 10:57 前后维谷 阅读(2046) 评论(0) 推荐(0) 编辑
摘要: 为了让用户登录网站的门槛更低,微信扫一扫登录变得越来越广泛,所以最近加紧赶制的项目中有用到这个功能,此篇文字的出发点基于微信开放平台已经配置好域名(80端口)并且认证成功获得app_id和secret并有权限调用微信的接口。好了,就先谈一谈微信扫码登录的整个流程吧。 第一步,我们必须得把二维码放在页 阅读全文
posted @ 2016-10-11 14:54 前后维谷 阅读(57897) 评论(2) 推荐(4) 编辑
摘要: 由于最近的项目用到弹出浮层来显示信息或者获得用户输入,这样的好处是仅仅只用一个页面就可以实现多个页面的功能,不用多写或者多跳转几个页面,所以就简单研究了一下浮层实现的一种原理,并记录下以后就可以自己写自己应用了。 先介绍一下其实现的原理吧:在CSS里有一个属性叫做z-index,表示每个元素之间的堆 阅读全文
posted @ 2016-09-21 17:00 前后维谷 阅读(23346) 评论(0) 推荐(4) 编辑
摘要: 最近开发过程中需要用到一个能够复制文本内容的提示框,其实alert()方法的内容是可以复制的:把鼠标点击在alert框上并按下Ctrl+C就复制成功了,只是效果十分不明显,所以找了一款不错的插件,其能够美观地表达info,success,error,confirm,warning,input(pro 阅读全文
posted @ 2016-09-19 16:11 前后维谷 阅读(5494) 评论(0) 推荐(0) 编辑