![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
新兴技术
文章平均质量分 94
Neil-
吾日三省吾身~
展开
-
WebAssembly入门
简介WebAssemblyWebAssembly is a new type of code that can be run in modern web browsers — it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++, C# and Rust with a原创 2020-11-30 18:10:27 · 1691 阅读 · 0 评论 -
JSbridge原理与实现简析
JSBridge定义定义:正如其命名一样,JSBridge就相当于js与native之间进行全双工通信的一座桥梁,其内部定义了一套用于js与native进行通信的规范(包括协议、方法、传参及回调等);用途:JSBridge可以桥连js与native的通信,从而使基于容器的web开发和优化成为可能,如比较火的hybrid app技术;能够提升页面性能,丰富页面功能等;JSBridge原理简析框架简析:JSBridge框架其实主要由两部分组成:第一部分是Native调用js,主要用于消息推送、原创 2020-08-26 15:12:14 · 6439 阅读 · 3 评论 -
ES6 Proxy
定义及用法ES6引入了Proxy可以为代理对象的基本操作设置一些自定义操作;基本用法:var p = new Proxy(target, handler);typeof p === 'object'; // truetarget:被代理对象,可以是任意类型的对象,包括数组、函数及proxy等;handler:一个对象,其每个属性为函数,用于定义代理的行为;可以用于数据合法性校验或数据预...原创 2019-11-29 21:33:06 · 99 阅读 · 0 评论 -
Service Worker简介
介绍Service Workder相当于浏览器与web应用程序之间的代理服务器,可以捕获请求事件并做相应处理;目前主要用于离线应用以及消息推送及后台同步等;特性无法直接访问和操作DOM在长时间不用时会被中止并在下次需要时重启;可以访问和操作indexedDB API推荐使用HTTPS内部实现基于Promise生命周期支持的事件使用注册可以通过serviceWork...原创 2019-10-31 23:30:35 · 423 阅读 · 0 评论 -
webRTC获取ip地址
代码(来自开源项目)//get the IP addresses associated with an accountfunction getIPs(callback){ var ip_dups = {}; //compatibility for firefox and chrome var RTCPeerConnection = window.RTCPeerConn...原创 2018-11-09 16:18:20 · 7437 阅读 · 0 评论 -
webpack HMR
HMR模式下,webpack与浏览器之间会建立一个websocket连接,使得浏览器可以和服务端进行通信;当应用程序的代码更新时,会要求HMR runtime检查更新,有更新时,在websoket连接中会返回原文件的hash以及更新后代码的hash,并在[oldhash].hot-update.json文件中返回如下结构:{ h: "fe94d54f9adaaa2831b2", // new ...原创 2019-03-11 15:09:31 · 818 阅读 · 0 评论 -
canvas用于绘制视频
canvas相关方法介绍1.ctx.getImageData(sx, sy, sw, sh):其中sx、sy分别是起点的横纵坐标,sw和sh分别为将要提取的数据对应的矩形图像的宽度和高度;其返回值是一个imageData对象,包含宽度、高度、data(Uint8ClampedArray类型的数组);2.ctx.putImageData(imagedata, dx, dy)或者ctx.putIm...原创 2019-05-14 01:00:56 · 6082 阅读 · 0 评论