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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端杂货铺

专栏作者

123

文章

181761

阅读量

39

订阅数

巧妙复制一个流

实际业务中可能出现重复消费一个可读流的情况，比如在前置过滤器解析请求体，拿到body进行相关权限及身份认证；认证通过后框架或者后置过滤器再次解析请求体传递给业务上下文。因此，重复消费同一个流的需求并不奇葩，这类似于js上下文中通过 deep clone一个对象来操作这个对象副本，防止源数据被污染。

2018-09-14

3920

Nodejs“实现”Dubbo Provider

目前nodejs应用越来越广泛，但和java的dubbo体系接入困难，所以我们需要实现node端的dubbo provider逻辑。java的dubbo provider是和consumer在一个jar中，提供了服务配置、注册、集群与负载均衡、监控和多种协议。使用nodejs实现一个可用的dubbo provider SDK完全没有问题，最简单的实现则是在对应ZK集群注册接口与机器IP的映射关系，consumer便可以访问对应rpc接口。可是，在可用基础上，仍然需要提供相关配套设施如配置、注册和监控等，达到商业上的高可用。在评估了各种实现方案后，决定放弃开发node provider端sdk，使用node+agent的proxy模式。

2018-08-01

9250

深入node之Transform

Transform流特性在开发中直接接触Transform流的情况不是很多，往往是使用相对成熟的模块或者封装的API来完成流的处理，最为特殊的莫过于through2模块和gulp流操作。那么，Transform流到底有什么特点呢？从名称上说，Transform意为处理，类似于生产流水线上的每一道工序，每道工序针对到来的产品作相应的处理；从结构上看，Transform是一个双工流，通俗的解释它既可以作为可读流，也可作为可写流。但是，node却对Transform流针对其特性做了更为特殊的定制，使Trans

2018-03-15

1.4K0

尽量使用translate而不是改变top/left进行动画（翻译）

前言本文翻译自 Why Moving Elements With Translate() Is Better Than Pos:abs Top/left，本文有改动，添加了一些作者自己的理解，不当之处还请看客指出。翻译正文目前我们对文档中的某个元素进行移动有两种方式， 1，使用transform提供的translate族函数进行缓动 2，对元素进行绝对定位，在制定时间内改变top/left值但是，这两种方式有什么区别呢？长话短说，作者

2018-03-15

1.2K0

使用canvas截图或者改变灰度

简述 html5新添加的canvas API可以让我们对画布进行开发应用，典型的是可以使用canvas截图或者手工绘制“迷你图”（即嵌入在文本中的高清小图片）。实现截图的方法很简单，就是创建一个canvas并用drawImage来获取该时刻视频帧，并使用canvas的 toDataURL转换成data URI。也可对视频帧或者图片帧数据进行操作，drawImage返回ImageData对象，我们可以对该对象进行相关处理计算。在对canvas的事件处理中，我们有时需要判断当前点是否在某条路经或者某个

2018-03-15

8770

简单拖拽实现

拖拽的元素必须绝对定位。在实际操作中，犯了一个简单的错误：　　对于iframe元素的事件绑定，需要在src完全加载后进行绑定。 iframe.onload = function(){ iframe.contentDocument.onclick = function(){} ... } 另外，目前版本对于iframe的拖动有bug，不过可以通过在div中嵌套iframe来实现兼容。 1 var Drag = function(el,minX,maxX,minY,max

2018-03-15

1.2K0

边框的巧妙应用

边框有一些特殊的属性，可以采用边框来实现对话框的效果，而且兼容性杠杠的，不过在ie6下面可能会遇到兼容性问题，在后面分析它。首先，我们看看边框的组成结构： <div style="width

2018-03-15

9230

html标签属性（attribute）和dom元素的属性（property）

简介 attribute和property都有属性之意，但对于attribute和property的区分其实并不难。从对象来说，attribute是html文档上标签属性，而property则是对应dom元素的自身属性。从操作方法上来看，attribute可以通过dom core规范的接口 getAttribute和setAttribute 进行获取修改，而property可以通过对象访问属性的方式 . 或者 [" "]来修改获取。但是对于ie6，7,8（Q）模式下，会与标准w3c浏览器发生兼容性问题

2018-03-15

1.8K0

简单的导航栏实现

为了seo优化，导航栏最好标签语义化。最符合语义的莫过于ul，li。在采用多级标签时，可采用控制二级标签ul位置的方式来进行显隐。效果如下： http://jsfiddle.net/tcyangli/mb5yL4uk/ 具体的html代码： .dropdown,ul{margin: 0;padding: 0;list-style: none;float: left;border: 1px solid #486b02;background: #8bd400;border-left: 0;}

2018-03-15

1.9K0

弹窗层效果的实现（非jQuery实现）

要想实现弹窗的效果，首先应该创建一个覆盖层maskLayer，以及一个显示层presentLayer。其次，每次弹窗时（除首次弹窗外），maskLayer的显示以及隐藏不应该导致文档流的reflow，但是repaint不可避免。所以对于maskLayer，用以display:absolute; 最为关键的就是显示层的定位居中显示，根据maskLayer的高度和宽度计算出显示层的位置。另外，为了多样性的支持弹窗的内容，该实现也提供了ajax抓取的相应功能，但具体并未测试，仓促做出的简单测试也并不完美。为

2018-03-15

2.3K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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