06 2018 档案

使用net socket,crypto,async的问题笔记
摘要：1.使用crypto加密后的字符串在socket客户端传输以后，服务器接收的时候取到的数据成了object类型。 2.crypto的aes加密中，key和iv都必须是16byte。加密的数据需要是字符串类型。 3.async中的await关键词后面是promise对象，promise对象resolv 阅读全文
posted @ 2018-06-30 11:43 申小贺 阅读(222) 评论(0) 推荐(0)
HTML5新特性之WebRTC
摘要：1、概述 WebRTC是“网络实时通信”（Web Real Time Communication）的缩写，它主要用来让浏览器实时获取和交换视频、音频和数据。 WebRTC共分三个API。 MediaStream（又称getUserMedia） RTCPeerConnection RTCDataCha 阅读全文
posted @ 2018-06-28 14:28 申小贺 阅读(272) 评论(0) 推荐(0)
前端使用ajax上传表单文件的方式
摘要：通过传统的form表单提交的方式上传文件： <form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data"> 阅读全文
posted @ 2018-06-28 14:27 申小贺 阅读(1767) 评论(0) 推荐(0)
使用 ffmpeg 进行视频转换 nodejs
摘要：nodejs的出现让前端人员可以使用js打造后台,也许哪天就真的摆脱了对java或者php的依赖了. 今天跟大家分享一个利用nodejs接受前端post请求,并实现视频转码的这样一个例子.视频转码用到的是ffmpeg,nodejs取到表单的参数采用的是目录multiparty;具体实现如下: 1.项 阅读全文
posted @ 2018-06-27 10:50 申小贺 阅读(1687) 评论(1) 推荐(0)
使用 multiparty 模块进行文件上传
摘要：1.var form = new multiparty.Form({uploadDir: './upload/picture/'}); 需要注意一下，这里的文件路径并不会自动创建，需要用户在开发过程中自己在项目的根目录中创建该路径，否则就会报文件路径不存在的错误。 2.var inputFile = 阅读全文
posted @ 2018-06-27 10:49 申小贺 阅读(1063) 评论(0) 推荐(0)
为 RESTful API 配置 CORS 实现跨域请求
摘要：利用 Ruby on Rails 可以很方便地实现 RESTful API，但如果我们需要通过 AJAX 跨域调用的话，怎么办？ 说到 AJAX 跨域，很多人最先想到的是 JSONP。的确，JSONP 我们已经十分熟悉，也使用了多年，从本质上讲，JSONP 的原理是给页面注入一个 <script>， 阅读全文
posted @ 2018-06-22 09:27 申小贺 阅读(1745) 评论(0) 推荐(0)
js FileReader 读取文件
摘要：前言：FileReader是一种异步文件读取机制，结合input:file可以很方便的读取本地文件。 input:file 在介绍FileReader之前，先简单介绍input的file类型。 input的file类型会渲染为一个按钮和一段文字。点击按钮可打开文件选择窗口，文字表示对文件的描述（大部 阅读全文
posted @ 2018-06-22 08:47 申小贺 阅读(3703) 评论(0) 推荐(0)
js读取文件fileReader
摘要：有个缺点，在设置后浏览器打开选择文件窗口时会自动筛选的文件夹下所有符合设定类型的文件，造成文件窗口延迟一定时间。 优化的方法是列出你需要的详细类型，比如： 这样打开的速度就快很多了 阅读全文
posted @ 2018-06-21 14:16 申小贺 阅读(13878) 评论(0) 推荐(0)
制作svg动态图形效果
摘要：原文链接：http://www.webhek.com/post/how-svg-line-animation-works.html 相信大家都见到过这样神奇的技术：一副线条构成的画能自动画出自己。非常的酷。Jake Archibald是这种SVG技术的首创者，并且写了一篇非常好的文章来描述它是如何实 阅读全文
posted @ 2018-06-15 16:12 申小贺 阅读(5543) 评论(0) 推荐(0)
H5与Native交互之JSBridge技术
摘要：做过混合开发的很多人都知道Ionic和PhoneGap之类的框架，这些框架在web基础上包了一层Native，然后通过Bridge技术使得js可以调用视频、位置、音频等功能。本文就是介绍这层Bridge的交互原理，通过阅读本文你可以了解到js与ios及android底层的通讯原理及JSBridge的 阅读全文
posted @ 2018-06-14 09:27 申小贺 阅读(1998) 评论(0) 推荐(0)
位（bit）、字节（byte）、字符、编码之间的关系
摘要：原文：https://blog.csdn.net/prdslf001001/article/details/78615823 1、位： 数据存储的最小单位。每个二进制数字0或者1就是1个位； 2、字节： 8个位构成一个字节；即：1 byte (字节)= 8 bit(位)； 1 KB = 1024 B 阅读全文
posted @ 2018-06-14 09:24 申小贺 阅读(742) 评论(0) 推荐(0)
node.js的net模块实现socket通信
摘要：本文实例讲述了通过node.js的net模块实现nodejs socket服务端和客户端简单通信功能，可以用作客户端对服务端的端口监听以及事件回执。 server端代码 client端代码 阅读全文
posted @ 2018-06-14 09:22 申小贺 阅读(5844) 评论(0) 推荐(0)
Flexbox如何将页面底部固定在屏幕最下方
摘要：原文：Quick Tip: The Best Way To Make Sticky Footers 当你在布局网页时，有可能会遇到类似下面的这种情况 导致这一问题的原因是页面内容太少，无法将内容区域撑开，从而在 footer 下面留下一大块空白。 本文将介绍一种现代化的方法，确保 footer 始终 阅读全文
posted @ 2018-06-14 09:20 申小贺 阅读(1072) 评论(1) 推荐(1)
取消手机端页面长按图片出现保存或者图片被打开的方法
摘要：在移动端，长按移动端页面图片会出现收藏或保存图片提醒，还有微信手机端页面会 出现打开图片的情况，下面说一下如何取消这种情况。 可以使用background-image代替img标签，但是这样适应性不好。还可以给img标签添加pointer-events:none属性来阻止这种弹出框。 1.使用 po 阅读全文
posted @ 2018-06-07 09:19 申小贺 阅读(2544) 评论(0) 推荐(0)