腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端杂货铺

专栏作者

123

文章

182190

阅读量

39

订阅数

cluster模块设置子进程的stdio

javascript 编程算法

子进程的stdout及stderr需要被设置为某个文件，根据文档 setupMaster 说明，需要设置stdio数组：

2019-12-12

7250

富文本编辑器的一些要点

重新复习了富文本编辑器的基本实现，现总结下要点：　　1，iframe的创建，之所以使用iframe框架，是为了防止编辑的内容影响当前文档。　　2，隐藏的textarea保存iframe的源码　　3，ie下的兼容性，为了保存ie的选中范围，需要借助于textRange.getBookmark(),以及ie特有的onbeforedeactivate和onactivate 　　事件。onbeforedeactivate事件触发条件：焦点从当前活动对象转移到同一个document的另一个对象时触发，它和onb

2018-03-15

7580

reflow和repaint（摘录自张鑫旭的翻译）

//正文开始关于回流(reflows)与重绘(repaints)，我已经在twitter和delicious上发布，但是并没有在演讲中提到或是以文章形式发布。第一次让我开始思考关于回流(reflows)与重绘(repaints)的问题是在和ParisWeb上的Mr. Glazman做一个firey交换的时候。我可能有一些顽固，但是我确实听了他的一些理论。 Stoyan和我开始讨论如何量化这个问题。展望性能社区，除了一些典型的黑盒实验外，需要与浏览器厂商有更多的合作。对于性能，浏览器制造者知道哪些是重

2018-03-15

1.1K0

socket.io搭配pm2（cluster）集群解决方案

javascript node.js

socket.io与cluster 在线上系统中，需要使用node的多进程模型，我们可以自己实现简易的基于cluster模式的socket分发模型，也可以使用比较稳定的pm2这样进程管理工具。在常规的http服务中，这套模式一切正常，可是一旦server中集成了socket.io服务就会导致ws通道建立失败，即使通过backup的polling方式仍会出现时断时连的现象，因此我们需要解决这种问题，让socket.io充分利用多核。在这里之所以提到socket.io而未说websocket服务，是因为so

2018-03-15

5.7K1

跨浏览器tab页的通信解决方案尝试

目标当前页面需要与当前浏览器已打开的的某个tab页通信，完成某些交互。其中，与当前页面待通信的tab页可以是与当前页面同域（相同的协议、域名和端口），也可以是跨域的。要实现这个特殊的功能，单单使用HTML5的相关特性是无法完成的，需要有更加巧妙的设计。畅想现在我们发现下思维，假设多种场景下的解决方案，最终寻找通用解。 case 1 两个需要交互的tab页面具有依赖关系。如 A页面中通过JavaScript的window.open打开B页面，或者B页面通过iframe嵌入至A页面，此种情形最简

2018-03-15

2.1K0

服务端事件EventSource揭秘

javascript node.js

服务端推服务端推，指的是由服务器主动的向客户端发送消息（响应）。在应用层的HTTP协议实现中，“请求-响应”是一个round trip，它的起点来自客户端，因此在应用层之上无法实现简易的服务端推功能。当前解决服务端推送的方案有这几个：客户端长轮询 websocket双向连接 iframe永久帧长轮训虽然可以避免短轮训造成的服务端过载，但在服务端返回数据后仍需要客户端主动发起下一个长轮训请求，等待服务端响应，这样仍需要底层的连接建立而且服务端处理逻辑需要相应处理，不符合逻辑上的流程简单的服务端推送； w

2018-03-15

2.2K0

关于首屏时间采集自动化的解决方案

html javascript

关于首屏首屏时间是指从转向该页面到屏幕中该页面所有内容都可见时的时间。已经有太多的关于首屏时间的计算，在本文中并不重复阐述这些已经被提出或者实现的方案，而旨在探索与讨论更多的首屏自动化采集方案，扩大思考范围，你我思想之间互相碰撞往往可以激起更多的稀奇古怪的解决方案，这也正是我写这篇文章的目的。通过浏览器调试工具，我们可以清晰的看出页面资源加载时序图：先是html页面加载，token进行词法、语法解析后开始加载静态资源并执行相关脚本，开始构建DOM树、render树和CSSOM数，最后加载图片，

2018-03-15

2.9K0

webpack配置别名alias出现的错误匹配

webpack 打包编程算法 javascript

@(webpack) webpack是一款功能强大的前端构建工具，不仅仅是针对js，它也可通过各种loader来构建相关的less，html，image等各种资源，将webpack配合流程制定工具gulp结合起来，则更为方便的自定义工作流程。 ---- [TOC] webpack的alias匹配问题初现在webpack.config.js中，通过设置resolve属性可以配置查找“commonJS／AMD模块”的基路径，也可以设置搜索的模块后缀名，当然，最后一个就是我们要讲的别名alias设置。跟踪问题

2018-03-15

1.4K0

由objC运行时所想到的。。。

javascript ios html

objC语言不仅仅有着面向对象的特点（封装，继承和多态），也拥有类似脚本语言的灵活（运行时），这让objC有着很多奇特的功能－可在运行时添加给类或对象添加方法，甚至可以添加类方法，甚至可以动态创建类。。。 ---- [TOC] 运行时 runtime，即运行时，这里不详述其概念，我们可以类比java和javascript语言，它们也都有运行时环境。java运行时是和编译阶段相独立的过程，可以理解java字节码在虚拟机中解释执行的阶段的由虚拟机提供的相关引用（gc，存储等）的环境；而js运行时则更为特殊，由于

2018-03-15

7720

iOS引入JavaScriptCore引擎框架（一）

JavaScriptCore引擎我们都知道WebKit是个渲染引擎，简单来说负责页面的布局，绘制以及层的合成，但是WebKit工程中不仅仅有关于渲染相关的逻辑，也集成了默认的javascript引擎－－JavaScriptCore，目前Safari的js引擎也基于JSC构建，不过有一些私有的优化，总体性能相差不大。JSC的执行理念比较符合传统的引擎逻辑，它包括了2部分：解释器和简单方法JIT。解释器比较容易理解，针对某种类型的文件解释执行，在JSC中，它的目标文件是由代码构建的语法树生成的字节码文

2018-03-15

1.5K0

JS的内建函数reduce

@(js) reduce函数，是ECMAScript5规范中出现的数组方法。在平时的工作中，相信大家使用的场景并不多，一般而言，可以通过reduce方法实现的逻辑都可以通过forEach方法来变相的实现，虽然不清楚浏览器的js引擎是如何在C＋＋层面实现这两个方法，但是可以肯定的是reduce方法肯定也存在数组的遍历，在具体实现细节上是否针对数组项的操作和存储做了什么优化，则不得而知。 ---- [TOC] 数组的reduce方法的应用 reduce方法有两个参数，第一个参数是一个callback，用于针对数

2018-03-15

1.5K0

cordova plugin add出现CERT_UNTRUSTED错误解决方法

介绍目前使用ionic+cordova完成hybmid app开发，在安装geolocation插件时爆出来一个莫名的错误： Fetching from npm failed: CERT_UNTRUSTED Error: CERT_UNTRUSTED at SecurePair.<anonymous> (tls.js:1367:32) at SecurePair.emit (events.js:92:17) at Secu

2018-03-15

1.2K0

grunt任务之seajs模块打包

grunt与seajs grunt是前端流行的自定义任务的脚手架工具，我们可以使用grunt来为我们做一些重复度很高的事情，如压缩，合并，js语法检查等。通过定义grunt的配置文件Gruntfile.js，配置并注册grunt的任务，最终我们可以通过命令行来执行任务。 seajs主要用于模块化，通过define定义一个模块，可以通过require加载模块，exports导出模块。具体的seajs实现可通过本博客的系列博文--Seajs源码解析系列来进一步了解。

2018-03-15

2.1K0

使用ETag进行session的降级

网络安全缓存 javascript http node.js

回顾在web后台开发中我们经常需要存储一些变量到session中进行暂存，最为特殊的就是“购物车”，由于http的无状态特性，因此我们需要在客户端打上一个标记，唯一的标示客户端并和服务端session一一对应，因此就有了通过cookie和url进行存储或传递这个标示－－sessionID。 sessionID是一个长的字符串，它往往默认通过cookie来保存，这个session并不持久化到硬盘而是暂存到内存中，每次请求时都会在head中带上这个包含sessionID的cookie，服务端可以根据该id标

2018-03-15

1.1K0

使用yield进行异步流程控制

现状目前我们对异步回调的解决方案有这么几种：回调，deferred/promise和事件触发。回调的方式自不必说，需要硬编码调用，而且有可能会出现复杂的嵌套关系，造成“回调黑洞”；deferred/promise方式则对使用者而言简洁明了，在执行异步函数之前就已经构造好了执行链--then链，而且实现也很灵活，具体可参考Promise的实现；事件机制则是一种观察者模式的实现，但也必须硬编码在异步执行的函数中，当异步函数执行完毕后再trigger相关事件，而观察者则相应执行事件处理函数。注意，刚刚提到了

2018-03-15

1.4K0

ReactJS分析之入口函数render

前言在使用React进行构建应用时，我们总会有一个步骤将组建或者虚拟DOM元素渲染到真实的DOM上，将任务交给浏览器，进而进行layout和paint等步骤，这个函数就是React.render()。首先看下该函数的接口定义： ReactComponent render( ReactElement element, DOMElement container, [function callback] ) 接收2-3个参数，并返回ReactComponent类型的对象，当组件被添加到DOM中后，执

2018-03-15

1K0

objC与js通信实现--WebViewJavascriptBridge

javascript html5 ios

场景在移动端开发中，最为流行的开发模式就是hybmid开发，在这种native和h5的杂糅下，既能在某些需求中保证足够的性能，也可以在某些列表详情的需求下采用h5的样式控制来丰富内容。但是在大型产品的开发中，往往前端的职责不仅仅是h5的编写，还包括基本业务逻辑的实现，比如在h5页面中确定当前用户所在的城市（location），我们可以采用html5规范的Geolocation接口，但是更为通俗的做法是调用native的本地接口，因此这种常规的场景就涉及到了js和native层通信的问题，这在手淘开发中

2018-03-15

1.5K0

Understanding delete

简述我们都知道无法通过delete关键字针对变量和函数进行操作，而对于显示的对象属性声明却可以进行，这个原因需要深究到js的实现层上去，让我们跟随 Understanding delete 来探究一番，另外本文并不考虑浏览器的兼容性实现问题。理论为什么我们可以这样： var o = { x: 1 }; delete o.x; // true o.x; // undefined 却无法这样 var x = 1; delete x; // fal

2018-03-15

9480

鼠标滚轮事件介绍

简介　　IE6实现了鼠标滚轮事件mousewheel，这个事件包含了一个鼠标事件所没有的属性，wheelDelta，这个属性值始终是120的倍数，而且向上滑动一单位，wheelDelta值为120，向下为-120.随后Chrome，Opera， Safari等也都实现了该事件。Opera10之前的版本对wheelDelta值的符号处理错误，需要修改。但是Firefox没有该事件，而是用DOMMouseScroll。这个事件只有Firefox支持，所以可以单独针对Firefox做兼容。　　另外，HTM

2018-03-15

2.8K0

canvas实现拖动页面时显示窗口视频

简介　　当前主流的视频网站目前有不少新鲜好玩的功能，最明显的莫过于小视频的显示--当视频不在当前视口范围时，会在右下角用一个小窗口来显示当前的视频，而且可以拖拽。　　今晚心血来潮，起了动手试试的念头。我的想法很简单，用canvas来获取视频每一帧的数据，并用动画函数 requestAnimationFrame函数（这里没有考虑兼容性）来显示每一帧的视频数据。另外，对canvas绑定拖动的功能，这样就基本实现了简易的窗口视频。　　本章内容的重点就是requestAnimationFrame函数和ca

2018-03-15

1.5K0

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态