![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
猿来是你_forgere
这个作者很懒,什么都没留下…
展开
-
用threejs创建流动的水管
捡起高中数学,用threejs做一个流动的水管。原创 2021-01-14 17:02:40 · 2449 阅读 · 2 评论 -
webRTC实现跨端语音助手功能组件(实时播放后端返回音频文件)
需求在浏览器端实现类似天猫精灵的功能,可以呼起助手,也可以静默开启实时对话。跨端,可自定义规则。本文记录下大概思路。流程浏览器使用webRTC api获取用户音频需要https由于浏览器安全限制,正式环境需要https协议,相应的,和后端通信的websocket也需要wss协议使用getUserMedia APInavigator.getUserMedia, 回调里面会返回一个音频流。由于里面是一个arrayBuffer,需要将其转化为base64 用于websocket传给后端原创 2020-12-31 21:28:10 · 650 阅读 · 0 评论 -
很少用到,但掏出来让人感到牛逼的Web API
前几天听到同事突然喊道:“还能这样?”我过去一看,原来是对canvas画布转成了File文件,用到了一些比如blobToFile方法。这也让我反思,平常我们沉浸于复杂的业务,用的却是丰富的web api中的一角。以至于当实现我们不熟悉的业务的同时,竟然不知道该如何去实现。今天就来说说那些不常见的web api,找回刷文档的快乐。1.getSelection()首先是getSelection() 方法,可以返回一个 Selection 对象,表示用户选择的文本范围或光标的当前位置。w原创 2020-09-19 09:21:15 · 207 阅读 · 0 评论 -
少侠做App吗,框(mì)架(jí)选好了吗?
当今app开发,选择之多可以用混乱来形容了。做了下面的表格,罗列了各大流行框架的各个维度对比,供大家参考。框架对比对比FlutterFlutter是其中当之无愧的明星产品。其生态还在不断扩大,只是国内不怎么火。他的开发体验也是极好。只是为啥是Dart?React Native依然是开发混合应用框架的中流砥柱,只是需要开发者掌握一部分原生的知识。同时有需要维护两套代码的弊端。ElectronElectron是最早进入人们视野的hybird框架之一。经久不衰,足见其有独.原创 2020-09-17 15:48:08 · 434 阅读 · 0 评论 -
为什么我从Flutter转投Electron的怀抱?
最近打算做一个应用来收集灵感和整理素材,帮助写文章。Flutter全平台,早如雷贯耳。想着可以一套代码运行在手机、平板、电脑,那就真的全方位收集素材,再简单打个服务器就可以爽歪歪了。结果flutter一上来就给我一顿打脸。由于想用拖动的方式收集素材,特别在iPad上可以多应用分屏,收集素材不需要再保存图片再导入图片到应用。另外复制文字可以直接通过拖动来获取。而现实是,Flutter sdk不支持外部应用拖动文件进来。其内部的Draggable和Dragtarget组件只能实现内部的拖动.原创 2020-09-17 10:42:22 · 3762 阅读 · 0 评论 -
momentjs太笨重,来试试这个库吧
moment.js开发时是大家处理日期对象的利器。大量的api,简便时区和国际化支持。而现在他的作者都觉得他太大了,不建议在新项目中使用它。让我们来看看为什么?1.太大了200多k的体积,即便在压缩之后还有60多k的大小。对于追求首屏加载的网页来说太慢了。2.处理速度太慢了,格式化时间用时长。由于moment为了兼容老版本的浏览器,比如IE8(我呸),未能使用最新的api,处理速度慢也是理所应当。3.可变的。多人共同开发的时候,极易出错。const one = new m.原创 2020-09-15 18:02:16 · 436 阅读 · 0 评论 -
初入前端,你一定要安装的VS Code插件
这几天看了一些刚学习前端#前端#的新人发来代码,总结几款易用的插件,可供规范代码和提升开发效率。VS Code (https://code.visualstudio.com/)首先2020年了,竟然真的还有同学竟然真的还有使用纯文本编辑器写代码。可能也和当年学习前端的我一样。看到有教程说,一定要注重基本功,在没用代码提示和代码错误提示的前提下,写出顺利运行的代码。这种类似苦行僧的学习方法,不讨论实际意义,对于新人其实是低效的,会把他们从有趣轻松的代码编辑带进记忆和报错的深渊。所以首先给.原创 2020-09-12 14:11:41 · 227 阅读 · 0 评论 -
JS动态添加css样式
JS动态添加css样式用到的特性是 CSSStyleSheet.添加style rulefunction click(){ const sheet = new CSSStyleSheet() sheet.insertRule(`body { font-size: 10px; }`); // 应用规则到document document.adoptedStyleSheets = [sheet];}替换规则sheet.replaceSync(`body { font-size:原创 2020-08-21 15:03:00 · 981 阅读 · 0 评论