首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    谈谈p5js编辑器

    小菜读者中有使用 p5js 进行学习和创作,私信我想了解下 p5js 除了 Processing 软件 p5js 模式,还有什么编辑器可以用。 这里小菜就单独开一篇文章来说下这事。...编辑器真的“没那么重要”。 不过如果使用 p5js 读者想获得好编辑体验,那还是可以说道说道。 小菜这里列举下 p5js 可以用到编辑器。...官方 Web 编辑器 https://editor.p5js.org 这个网站嘛,一言难尽,辑体验,也是一言难尽,竟然连代码提示都没有。...评分:★★★☆☆ Visual Studio Code + p5Canvas插件 + p5js Snippets Visual Studio Code 是微软公司出品一款编辑器,核心功能稳定,配合社区强大插件...修改 js 代码同时,右侧也会同时刷新。

    3.3K20

    使用flv.js直播

    为什么要在这个时候探索flv.js直播呢?原因在于各大浏览器厂商已经默认禁用Flash,之前常见Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能,这样用户体验很致命。...可以看出在浏览器里直播,使用HTTP-FLV协议是不错,性能优于RTMP+Flash,延迟可以做到和RTMP+Flash一样甚至更好。...flv.js兼容方案 由于目前flv.js兼容性还不是很好,要用在产品中必要要兼顾到不支持flv.js浏览器。...缩短这个收集时间(也就是减少GOP长度)可以优化延迟,但这样坏处是导致视频压缩率不高,传输效率低。 关闭音视频服务器I桢缓存可以优化延迟,坏处是用户看到直播首屏时间变大。...浏览器端开启flv.jsWorker,多进程运行flv.js提升解析速度可以优化延迟,这样flv.js配置代码是:{ enableWorker: true, enableStashBuffer

    13.1K105

    fabric.js开发图片编辑器细节实现

    之前写过一篇笔记,《使用fabric.js 快速开发一个图片编辑器》,简单介绍了如何用vue和fabric.js快速开发一款编辑器。...当时版本比较粗糙,只能说是一个基础版Demo,很多细节不够完善,参考了稿定设计和创客贴设计编辑器,优化了很多必要细节,也算是fabric.js进阶用法,整理成笔记分享出来。...fabric.jscanvas大小调整,这样有2个问题,一是没办法将画布大小保存到json文件中,另外一个问题是缩小放画布时,缩小后画布颜色和背景颜色一致,无法区分画布边界,效果较差。...参考稿定设计和创客贴编辑器,都有一个细节,就是当元素拖出画布区域后,看不到元素但可以展示控制条,由于画布是通过矩形模拟出来,通过clipPath可以便捷实现。...,为项目提供思路、代码、PR ,让项目从0涨到了600star,感谢大家帮助,希望能够继续迭代,打磨成像稿定设计和创客贴一样好用开源图形编辑器

    3.5K40

    学习js在线html(富文本)编辑器

    你要是所见即所得HTML编辑器,简单来说需要几个基本步骤: 1,需要一个可以编辑同时又可显效果编辑框。textarea不行,它只能用来输入纯文本,不能显示颜色、斜体之类文字样式,就像记事本。...JSselection.createRange()可以选中文本,返回一个对象,你可以通过访问该对象text属性得到被选中文本。...Paste") 取消操作--IE5.0以后可以无限取消 execCommand("Undo") 重复操作 execCommand("Redo") 把上面的每个用法用按钮来实现,你就已经完成了一个简单可视文本编辑器...LiveResize 迫使 MSHTML 编辑器在缩放或移动过程中持续更新元素外观,而不是只在移动或缩放完成后更新。...一个简单开源编辑器:http://www.jb51.net/article/22346.htm <!

    19.9K70

    理论 | 使用flv.js直播

    为什么要在这个时候探索flv.js直播呢?原因在于各大浏览器厂商已经默认禁用Flash,之前常见Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能,这样用户体验很致命。...可以看出在浏览器里直播,使用HTTP-FLV协议是不错,性能优于RTMP+Flash,延迟可以做到和RTMP+Flash一样甚至更好。...flv.js兼容方案 由于目前flv.js兼容性还不是很好,要用在产品中必要要兼顾到不支持flv.js浏览器。...缩短这个收集时间(也就是减少GOP长度)可以优化延迟,但这样坏处是导致视频压缩率不高,传输效率低。 关闭音视频服务器I桢缓存可以优化延迟,坏处是用户看到直播首屏时间变大。...浏览器端开启flv.jsWorker,多进程运行flv.js提升解析速度可以优化延迟,这样flv.js配置代码是: 这里是优化后完整代码 扫码下方二维码, 随时关注更多前端干货文章!

    3.7K10

    Node.js 使用 RSA 加密

    A 和 B 都提供一个公开公钥。A 把需要传递信息,先用自己私钥签名,再用 B 公钥加密。B 接收到这串密文后,用自己私钥解密,用 A 提供公钥验签。 为什么要先签名后加密?...如果你先加密后签名,非法用户通过获取公钥就可以破解签名,破解之后就可以替换签名。...详细原理可以参考以下文档: RSA算法原理(一) RSA算法原理(二) node-rsa 在 node.js 中使用 rsa 算法,我们使用是 node-rsa 这个包。...,所以我们需要把对象按一定顺序排列并序列化成字符串再进行签名加密操作 const serialize = (obj) => { const str = []; Object.keys(obj...,加上 Node 不适合做计算密集型操作。

    6.4K21

    网站-推荐3种CSS,JS合并方式

    下面网站小编就简单介绍一个方法,十分简单. 下面介绍以合并js文件为例 保留疑问 : JS 合并与 JS 压缩区别 ? 分别对页面有什么影响?...,十分简单,GT_bin.js 为合并之后文件名称 , /b是固定参数,文件合并之后,页面就只引用GT_bin.js就可以了,从而减少了js文件引用,到达了减少http请求次数,提高了网站性能....缺点: #页面可能会加载到本页面不使用代码。 不适用场景: #这种方式肯定不适用于大型Web应用,且不论单文件代码量,业务复杂性也不允许我们这样干(我没见过那个网站这样)。...往期热点文章: #网站-如何用DIV+CSS网页 #网站-3家国外VPS主机商对比 #网站-页面内锚点定位几种方法 #网站-如何将设计稿还原为网页 #网站-面向对象面向过程区别 #网站...-必备10款网站性能测试工具(推荐) #网站-前端工程师都用啥编辑器 #网站-虚拟主机与独立服务器区别 网站公众平台(zwangz888)每天为您分享原创Web开发资讯,开发经验,为您技能充电

    3.3K110

    vue.js 渲染函数_Vue.js不可渲染且可扩展RTF编辑器

    大家好,又见面了,我是你们朋友全栈君。 vue.js 渲染函数 轻按 (tiptap) A rich-text editor for Vue.js. Vue.js富文本编辑器。...您可以将数据另存为原始HTML字符串,也可以获取文档JSON序列化表示。 当然,您可以将这两种类型传递回编辑器。...属性 类型 默认 描述 editable Boolean true 设置为false ,编辑器为只读。 doc Object null Prosemirror使用编辑器状态对象。...属性 类型 描述 nodes Object 具有活动状态和命令可用节点列表。 marks Object 具有活动状态和命令可用标记列表。 focused Boolean 编辑器是否专注。...默认情况下,编辑器仅支持段落。 其他节点和标记可用作扩展 。 有一个名为tiptap-extensions程序包,其中包含最基本节点,标记和插件。

    2.8K20

    图形编辑器基于Paper.js教程03:认识Paper.js所有类

    Project Paper.js项目对象通常被称为文档:它是顶级对象,包含场景图中所有项目。...提供:视图缩放,获取视图边界数据,还有视图点与项目点转换,还有一些时间,交互动作接口。 Item 项目类型允许您访问和修改 Paper.js 项目中项目。...Paper.js中最重要基类,所有在画布上元素都可以看作成一个Item,如圆,矩形,导入svg,字体,路径,复合路径。...方法非常多,了解它你基本就能了解Paper.js一半功能 http://paperjs.org/reference/item/ Point 点对象表示 Paper.js 项目二维空间中一个点。...但图形,图像都逃不过这个变换矩阵。好好学。

    20010

    JS:用rem来响应式开发

    电脑版商城昨晚做完了,今天赶着做手机端,提到手机端网站第一个想到就是要 适应不同手机屏幕宽度,保证在不同手机上都能正常显示给用户,我之前这类网站都是无脑引进bootstrap。...(我现在知道尚浅)目前我了解有 1.百分比法: 顾名思义,页面的元素margin,padding,width,height,等等都用%来计算,CSS中百分比中百指是什么,指的是父元素,所有百分比都是这样...子元素宽度50%,那么父元素宽度就是百,子元 素padding-left:50%,父元素宽度是百,子元素margin-top:20%,那么父元素高是百。...那就要用到js在页面加载时获取window宽度(浏览器窗口宽度)$(window).width();在开发手机页面的时候,一般我们设置最大宽度为640px,因为640px可以保证在至今最宽手机上显示时网页两端刚好贴合屏幕...height:10.6rem; border:1px solid #000; box-sizing: border-box; } js

    6.1K10

    Node.js 是如何 GC (垃圾回收)

    今天我们来研究一下 Node.js 是如何 GC 。 GC,Garbage Collection,垃圾回收。在编程中,一般指的是内存自动回收机制,会定时将不需要用到数据进行清除。...堆:存放对象等数据; 堆内存 Node.js 底层使用是 V8,下面讲解一下 V8 内存回收机制。 首先 JS 中所有的对象都会保存在堆内存中。...这种基于 copy 算法,优点是可以很好地处理内存碎片问题,缺点是会浪费一些空间作为搬移空间位置,此外因为拷贝比较耗费时间,所以不适合分配太大内存空间,更多是一种辅助 GC。...,不要用 Buffer 测试。...因为 Buffer 是 Node.js 特有的处理二进制对象,它不是在 V8 中实现,是 Node.js 用 C++ 另外实现,不通过 V8 分配内存,属于堆外内存。

    74520

    图形编辑器基于Paper.js教程02:图形图像编辑器概述

    背景 由于笔者目前从事开发图形编辑器,在开始那段时间里,调研和研究了非常多图形编辑器,图像编辑器之类软件,开源,闭源,免费,商业都有。今天这篇文章就来简单概述一下我调研结果和过程。...根据我研究 xtool 使用Vue + PixiJS wecreate,laserpecker 是Vue + Fabric.js circut design 这玩意代码保护很好,只知道是angular...这种图像,图形编辑器,基本就是这几个库了。...Fabric.js Paper.js PixiJS 其实还有一些其他有效基础canvas库,如 konva ,zrender 我没时间去调研了,有用过同学可以在文章底部评论,我加到文章中。...网上利用canva高性能文档,表格,图片编辑项目非常多,非常多。

    16110
    领券