文明的民族啊，培养他们吧。——卢俊 https://github.com/ether/etherpad-lite https://etherpad.org/ 效果： 非常地nice
大家好，又见面了，我是你们的朋友全栈君。 涉及的知识点： font-awesome字体图标；使用的cdn。...window.onload 窗口加载完成事件；如果js代码写在body标签之前，则所有的js都要写在window.onload的事件中；即等待窗口加载完成之后再执行！...定时器 setInterval 做返回顶部的动画效果 6....清除定时器 实现步骤： 注册窗口滚动事件 滚动离顶部的距离大于300时，显示ICON 注册点击事件，返回顶部 ==>> 即设置scrollTop 的值为0 用定时器做返回顶部的滚动效果...用定时器做返回顶部的滚动效果 var dsj = setInterval(function(){ var distance = Math.max
关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。...5 things you don't need Javascript for 这篇文章就从 5 个例子出发，告诉我们哪些功能不一定非要用 JS 做。...虽然这做不了特殊动画效果，但如果只为了做一个普通的展开折叠功能，用 HTML 标签就够了。...总结 关于 CSS 可以实现哪些原本需要 JS 做的事，有很多很好的文章，比如： youmightnotneedjs。 You-Dont-Need-JavaScript。...讨论地址是：精读《不再需要 JS 做的 5 件事》· Issue #413 · dt-fe/weekly
小菜的读者中有使用 p5js 进行学习和创作的，私信我想了解下 p5js 除了 Processing 软件的 p5js 模式，还有什么编辑器可以用。 这里小菜就单独开一篇文章来说下这事。...编辑器真的“没那么重要”。 不过如果使用 p5js 的读者想获得好的编辑体验，那还是可以说道说道的。 小菜这里列举下 p5js 可以用到的编辑器。...官方 Web 编辑器 https://editor.p5js.org 这个网站嘛，一言难尽，辑体验，也是一言难尽，竟然连代码提示都没有。...评分：★★★☆☆ Visual Studio Code + p5Canvas插件 + p5js Snippets Visual Studio Code 是微软公司出品的一款编辑器，核心功能稳定，配合社区强大的插件...修改 js 代码的同时，右侧也会同时刷新。
为什么要在这个时候探索flv.js做直播呢？原因在于各大浏览器厂商已经默认禁用Flash，之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能，这样的用户体验很致命。...可以看出在浏览器里做直播，使用HTTP-FLV协议是不错的，性能优于RTMP+Flash，延迟可以做到和RTMP+Flash一样甚至更好。...flv.js兼容方案 由于目前flv.js兼容性还不是很好，要用在产品中必要要兼顾到不支持flv.js的浏览器。...缩短这个收集时间(也就是减少GOP长度)可以优化延迟，但这样做的坏处是导致视频压缩率不高，传输效率低。 关闭音视频服务器的I桢缓存可以优化延迟，坏处是用户看到直播首屏的时间变大。...浏览器端开启flv.js的Worker，多进程运行flv.js提升解析速度可以优化延迟，这样做的flv.js配置代码是：{ enableWorker: true, enableStashBuffer
之前写过一篇笔记，《使用fabric.js 快速开发一个图片编辑器》，简单介绍了如何用vue和fabric.js快速开发一款编辑器。...当时的版本比较粗糙，只能说是一个基础版的Demo，很多细节不够完善，参考了稿定设计和创客贴的设计编辑器，优化了很多必要的细节，也算是fabric.js的进阶用法，整理成笔记分享出来。...fabric.js的canvas大小做调整，这样做有2个问题，一是没办法将画布大小保存到json文件中，另外一个问题是缩小放画布时，缩小后画布颜色和背景颜色一致，无法区分画布的边界，效果较差。...参考稿定设计和创客贴的编辑器，都有一个细节，就是当元素拖出画布区域后，看不到元素但可以展示控制条，由于画布是通过矩形模拟出来的，通过clipPath可以便捷的实现。...，为项目提供思路、代码、PR ，让项目从0涨到了600star，感谢大家的帮助，希望能够继续迭代，打磨成像稿定设计和创客贴一样好用的开源图形编辑器。
你要的是所见即所得HTML编辑器，简单来说需要几个基本步骤： 1，需要一个可以编辑同时又可显效果的编辑框。textarea不行，它只能用来输入纯文本，不能显示颜色、斜体之类的文字样式，就像记事本。...JS的selection.createRange()可以选中文本，返回一个对象，你可以通过访问该对象的text属性得到被选中的文本。...Paste") 取消操作--IE5.0以后可以无限取消 execCommand("Undo") 重复操作 execCommand("Redo") 把上面的每个用法用按钮来实现，你就已经完成了一个简单的可视文本编辑器...LiveResize 迫使 MSHTML 编辑器在缩放或移动过程中持续更新元素外观，而不是只在移动或缩放完成后更新。...一个简单的开源编辑器：http://www.jb51.net/article/22346.htm <!
为什么要在这个时候探索flv.js做直播呢？原因在于各大浏览器厂商已经默认禁用Flash，之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能，这样的用户体验很致命。...可以看出在浏览器里做直播，使用HTTP-FLV协议是不错的，性能优于RTMP+Flash，延迟可以做到和RTMP+Flash一样甚至更好。...flv.js兼容方案 由于目前flv.js兼容性还不是很好，要用在产品中必要要兼顾到不支持flv.js的浏览器。...缩短这个收集时间(也就是减少GOP长度)可以优化延迟，但这样做的坏处是导致视频压缩率不高，传输效率低。 关闭音视频服务器的I桢缓存可以优化延迟，坏处是用户看到直播首屏的时间变大。...浏览器端开启flv.js的Worker，多进程运行flv.js提升解析速度可以优化延迟，这样做的flv.js配置代码是： 这里是优化后的完整代码 扫码下方二维码， 随时关注更多前端干货文章！
A 和 B 都提供一个公开的公钥。A 把需要传递的信息，先用自己的私钥签名，再用 B 的公钥加密。B 接收到这串密文后，用自己的私钥解密，用 A 提供的公钥验签。 为什么要先签名后加密？...如果你先加密后签名，非法用户通过获取的公钥就可以破解签名，破解之后就可以替换签名。...详细的原理可以参考以下文档： RSA算法原理（一） RSA算法原理（二） node-rsa 在 node.js 中使用 rsa 算法，我们使用的是 node-rsa 这个包。...，所以我们需要把对象按一定的顺序排列并序列化成字符串再进行签名加密的操作 const serialize = (obj) => { const str = []; Object.keys(obj...，加上 Node 不适合做计算密集型的操作。
下面做网站小编就简单介绍一个方法,十分简单. 下面介绍以合并js文件为例 保留疑问 : JS 合并与 JS 压缩的区别 ? 分别对页面有什么影响?...，十分简单,GT_bin.js 为合并之后的文件名称 , /b是固定参数,文件合并之后,页面就只引用GT_bin.js就可以了,从而减少了js文件的引用,到达了减少http请求的次数,提高了网站的性能....缺点： #页面可能会加载到本页面不使用的代码。 不适用场景： #这种方式肯定不适用于大型的Web应用，且不论单文件代码量，业务的复杂性也不允许我们这样干（我没见过那个网站这样做的）。...往期热点文章： #做网站-如何用DIV+CSS做网页 #做网站-3家国外VPS主机商对比 #做网站-页面内锚点定位的几种方法 #做网站-如何将设计稿还原为网页 #做网站-面向对象面向过程的区别 #做网站...-必备的10款网站性能测试工具(推荐) #做网站-前端工程师都用啥编辑器 #做网站-虚拟主机与独立服务器区别 做网站公众平台（zwangz888）每天为您分享原创Web开发资讯，开发经验，为您的技能充电
运用技术：H5，css3。 截图： 玩法： A向左移动，D向右移动 在线演示：http://java520.top/static/demos/rabbit/in...
大家好，又见面了，我是你们的朋友全栈君。 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的程序包，其中包含最基本的节点，标记和插件。
Project Paper.js 中的项目对象通常被称为文档：它是顶级对象，包含场景图中的所有项目。...提供：视图缩放，获取视图的边界数据，还有视图点与项目点的转换，还有一些时间，交互动作的接口。 Item 项目类型允许您访问和修改 Paper.js 项目中的项目。...Paper.js中最重要的基类，所有在画布上的元素都可以看作成一个Item，如圆，矩形，导入的svg，字体，路径，复合路径。...方法非常的多，了解它你基本就能了解Paper.js一半的功能 http://paperjs.org/reference/item/ Point 点对象表示 Paper.js 项目二维空间中的一个点。...但做图形，图像的都逃不过这个变换矩阵。好好学。
背景 了解paper.js的基础知识，在往后的开发过程中会让你如履平地。...基础知识 paper.js 提供了两种编写方式，一种是纯粹的JavaScript编写，还有一种是使用官方提供的PaperScript。...下面看一下两种写法 使用 paperscript // Create a Paper.js Path...start + [ 100, -50 ]); 使用javascript paper.setup('myCanvas'); // Create a Paper.js...向量的加法 向量的减法 向量的乘法，拉长向量的距离 向量的除法，缩小向量的距离 坐标系 坐标系的原点是在左上角， 0,0 画基本的几何元素 paper.setup('myCanvas
电脑版的商城昨晚做完了，今天赶着做手机端的，提到手机端的网站第一个想到的就是要 适应不同手机屏幕的宽度，保证在不同手机上都能正常显示给用户，我之前做这类网站都是无脑引进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
大家好，又见面了，我是你们的朋友全栈君。
今天我们来研究一下 Node.js 是如何做 GC 的。 GC，Garbage Collection，垃圾回收。在编程中，一般指的是内存自动回收机制，会定时将不需要用到的数据进行清除。...堆：存放对象等数据； 堆内存 Node.js 底层使用的是 V8，下面讲解一下 V8 的内存回收机制。 首先 JS 中所有的对象都会保存在堆内存中。...这种基于 copy 的算法，优点是可以很好地处理内存碎片的问题，缺点是会浪费一些空间作为搬移的空间位置，此外因为拷贝比较耗费时间，所以不适合分配太大的内存空间，更多是做一种辅助 GC。...，不要用 Buffer 做测试。...因为 Buffer 是 Node.js 特有的处理二进制的对象，它不是在 V8 中的实现的，是 Node.js 用 C++ 另外实现的，不通过 V8 分配内存，属于堆外内存。
背景 由于笔者目前从事开发图形编辑器，在开始的那段时间里，调研和研究了非常多的图形编辑器，图像编辑器之类的软件，开源，闭源的，免费的，商业的都有。今天的这篇文章就来简单概述一下我调研的结果和过程。...根据我的研究 xtool 使用的Vue + PixiJS wecreate，laserpecker 是Vue + Fabric.js circut design 这玩意代码保护的很好，只知道是angular...做这种图像，图形编辑器，基本就是这几个库了。...Fabric.js Paper.js PixiJS 其实还有一些其他有效的基础canvas库，如 konva ，zrender 我没时间去调研了，有用过的同学可以在文章底部评论，我加到文章中。...网上利用canva做高性能文档，表格，图片编辑的项目非常多，非常多。
想知道他们有什么很棒的功能吗？继续阅读。...http://wisembly.github.io/basil.js/ Basil.js统一了session、localStorage和cookie，为你提供了一种处理数据的直接方法。...https://github.com/marcuswestin/store.js Store.js像其他东西一样处理数据存储。...但还有更多的功能，它的一个高级特性是让你更深入地访问浏览器支持。...事实上，它是localStorage的一个封装器，并使用HTML5模拟memcaches函数。在上面的文档中发现更多的功能。
今天遇到的小问题，已解决，直接上图 下载直接打开是这样的 用记事本打开 另存为utf-8格式 正常了！
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
