话题
程柳锋 HTML&h5
[https://qpic.url.cn/feeds_pic/ajNVdqHZLLDiaFm5KhPnOxlvDkjDeFcicIlaqJaNTib2IkCnfb0uHgbTQ/] 由腾讯专业直播团队IVWEB匠心打造,聚焦全行业视频、直播、图像处理等领域的交流和技术创新大会再度来袭。本次TLC大会主题涵盖 AI 人体姿态识别、NBA直播系统千万高并发架构、春节期间最热门的在线答题方案剖析,更有当下最热门的移动端 Google Flutter、RN和小程序在直播中的实践场景。本次大会,我们邀请了国内外16名直播行业专家,他们来自Instagram、腾讯、YY、声网、熊猫直播、陌陌、即构科技等国内外知名直播/视频领域企业,这将是一场视频领域的嘉年华。 本次大会将于8月18日在深圳科兴科学园国际会议中心隆重开幕,我们静候您的到来,与您分享更多精彩盛宴! 举办方介绍 IVWEB团队成立于2015年,参与了腾讯在线教育战略产品 腾讯课堂 ,QQ群活动等项目的研发工作,团队创立之初是负责腾讯互动视频应用开发,花样直播,花样交友。目前主要负责腾讯移动直播产品 NOW直播平台研发工作。 ...显示全部
5 天前发表 106次浏览 0条评论 0次收藏
朱灵子 React Native
REACT-NATIVE通用化建设与性能优化 本文主要介绍 react-native 通用化建设以及对 react-native 项目进行性能优化的方案,总体来讲主要围绕以下几个方面展开: * React Native通用化建设 * React Native bundle本地分包 * React Native项目线上性能分析 * React Native项目首屏加速和性能优化 REACT NATIVE通用化建设 React Native通用化建设主要做了一下几个方面的事情: * 通用化入口 : 为React-Native项1目设置通用化入口,实现React-Native项目上线的弱客户端依赖;(更新离线包即可,同时后台tnow串下发url字段,这里如果稳定,客户端也可以一律写死,不根据url来下发字段) * 版本自由切换 : 通过后台tnow串下发实现任何项目(全屏+半屏)React Native版本与H5版本之间的自由切换 * 离线包机制优化 :离线包拉取、解析与线上发布流程优化 * Bundle本地分包 :实现react-native基础包和业务包的拆分 ...显示全部
1 年前发表 4344次浏览 2条评论 0次收藏
villainthr HTML&h5
全面进阶 H5 直播 精品推荐
视频格式?编码? 如果我们想要理解 HTML5 视频,首先需要知道,你应该知道,但你不知道的内容?那怎么去判断呢? ok,很简单,我提几个问题即可,如果某些童鞋知道答案的话,可以直接跳过。 1. 你知道 ogg,mp4,flv,webm(前面加个点 . )这些叫做什么吗? 2. 那 FLV,MPEG-4,VP8 是啥? 3. 如果,基友问你要片源,你会说我这是 mp4 的还是 MPEG-4 的呢? 当然,还有一些问题,我这里就不废话了。上面主要想说的其实就两个概念: 视频文件格式 [https://zh.wikipedia.org/wiki/视频文件格式] (容器格式), 视频编解码器 [https://zh.wikipedia.org/wiki/视频编解码器] (视频编码格式)。当然,还有另外一种,叫做音频编解码器。简而言之,就是这三个概念比较重要: * 视频文件格式(容器格式) * 视频编解码器(视频编码格式) * 音频编解码器(音频编码格式) ...显示全部
1 年前发表 4217次浏览 2条评论 0次收藏
何方舟 javascript
TOP JAVASCRIPT FRAMEWORKS & TOPICS TO LEARN IN 2017 作者: Eric Elliott 原文: https://medium.com/javascript-scene/top-javascript-frameworks-topics-to-learn-in-2017-700a397b711#.2i6o5ik9g [https://medium.com/javascript-scene/top-javascript-frameworks-topics-to-learn-in-2017-700a397b711#.2i6o5ik9g] 译:Adamhe JavaScript的普及导致了一个非常活跃的技术,框架和类库的生态系统。 随着这充满令人惊叹的多样性和能量的生态圈的到来,许多人的烦恼也变得越来越多 什么样的技术才是你应该关注的呢? 在哪里投入你的时间才能获得最大的利益? 哪些技术栈是是招聘公司现在所需要的? 哪些技能又具有最大的增长潜力? 现在知道的最重要的技术是什么? ...显示全部
2 年前发表 3986次浏览 0条评论 0次收藏
caorich 工具建设
本文首先简单介绍响应式编程的应用,随之详细阐述如何实现一个轻量的响应式的函数库。 响应式编程 这篇文章介绍一种编程泛型,叫做响应式编程。将响应式称作“编程泛型”可能有些夸大其作用范畴,不过通过引入响应式确实会改变我们对特定问题的思考方法,就像刚接触redux带来的函数式编程一样。 响应式和从前听说的“面向事件编程”很像,是针对事件的一种处理办法,且比从前的on\off\emit方法来处理事件,响应式会做得更加的优雅。 响应式编程基于“流(Stream)”这个对象。“流”是一个管道,管道中流淌的是事件携带的数据,我们在这个管道的一个截面监听事件,当该事件流淌通过截面时,触发我们的事件句柄。 [http://p1.bpimg.com/567571/027bd0dfb41c78d6.png] 无论是异步Ajax的返回、用户UI事件、还是自定义的数据,都可以作为管道数据的来源,利用统一的api进行处理。 [http://p1.bpimg.com/567571/792f9b4a34d3bf8d.png] 来看一看代码吧~ ...显示全部
1 年前发表 2708次浏览 0条评论 0次收藏
yangchunwen 工具建设
首先要解释一下为什么叫浏览器自动化测试,因为本文只关注发布后页面功能的自动化测试,也就是UI层面的自动化。 浏览器测试有别于js代码的单元测试,后者一般是发布前的代码功能逻辑测试,在这方面已经有很多比较成熟的方案,如 jasmine [http://jasmine.github.io/2.3/introduction.html] mocha [https://github.com/mochajs/mocha] Qunit [http://qunitjs.com/] ... 为什么要做自动化 个人认为自动化测试的主要出发点有两点: * 减少重复的工作。让机器自动帮我们完成需要的交互操作,验证我们的页面功能。 * 自动监控。通过自动回归我们的页面功能,可以在功能出错的时候提供报警,为我们手动排除问题提供参考。 开胃菜 ...显示全部
3 年前发表 12085次浏览 12条评论 3次收藏
yangchunwen Node.js全栈
React比较吸引我的地方在于其客户端-服务端同构特性,服务端-客户端可复用组件,本文来简单介绍下这一架构思想。 出于篇幅原因,本文不会介绍React基础,所以,如果你还不清楚React的 state [https://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html#how-state-works] / props [https://github.com/uberVU/react-guide/blob/master/props-vs-state.md] / 生存周期 [https://facebook.github.io/react/docs/component-specs.html#lifecycle-methods] 等基本概念,建议先学习相关文档 客户端REACT ...显示全部
3 年前发表 7061次浏览 2条评论 0次收藏
莫卓颖
相信很多前端同学对于二维码识别、图像对比等这类高大上的图像识别技术望而生畏,觉得此类识别技术只能通过更加底仓的高级语言才能实现(诸如c等),本文试图从前端的角度出发介绍如何通过canvas来进行简单的图像识别。 CANVAS是什么 canvas是HTML5中的新元素,你可以使用javascript用它来绘制图形、图标、以及其它任何视觉性图像 CANVAS图片处理运用 对于canvas来说,主要是两个方法对图片处理比较重要,一个是通过html5 canvas的 getImageData 方法获取图片的像素信息,可以很方便的通过方法导入到把网络图片或者本地的图片导入至canvas中并获取图片的像素信息,可以修改像素信息后通过另外一个重要的方法putImageData导出处理后的图片。 1、获取canvas调用var c = document.createElement('canvas'); context = c.getContext('2d'); 2、获取导入图像信息var hiddenImage = new Image(); hiddenImage.src=图片地址 ...显示全部
3 年前发表 5612次浏览 3条评论 2次收藏
link ,除了分享,也是知识管理。 Node.js全栈
什么是ZOOKEEPER Zookeeper 是一个分布式的、开源的协调服务,用在分布式应用程序中。它提出了一组简单的原语,分布式应用程序可以基于这些原语之上构建更高层的分布式服务用于实现同步、配置管理、分组和命名等。Zookeeper 设计的容易进行编程,它使用一种类似于文件系统的目录树结构的数据模型,以 java 方式运行,有 java 和 c 的绑定(binding)。 分布式系统中的协调服务总所周知地难于正确实现,尤其容易产生诸如争用条件 (race conditions)、死锁(deadlock) 等错误。Zookeeper 背后的动机就是减轻分布式应用程序从头做起实现协调服务的难度。 数据模型 Zookeeper 会维护一个具有层次关系的数据结构,它非常类似于一个标准的文件系统,如下图所示: Zookeeper 数据结构 [http://img.blog.csdn.net/20160719230154255]Zookeeper 这种数据结构有如下这些特点: ...显示全部
2 年前发表 5580次浏览 2条评论 1次收藏
link ,除了分享,也是知识管理。 Node.js全栈
[http://7tszky.com1.z0.glb.clouddn.com/FvgoQmNATnByOO4B4KuYSkZHVQfv] 概述 为什么要在NODE.JS中调用动态链接库 1. 由于腾讯体系下的许多公共的后台服务(L5, CKV, msgQ等)已经有了非常成熟的C/C++编写的API,以供应用程序调用,node.js作为在公司内新兴的后台runtime在调用这些公共服务的时候没必要再造一遍轮子,而是可以将这些API编译成.so文件直接使用。 2. 对于一些密集计算型的任务可以由C++编写好模块,生成.so文件后由node.js调用。 FFI简介与安装 我们使用 node-ffi [https://github.com/node-ffi/node-ffi] 来帮助我们调用动态链接库。 FFI的全称是Foreign Function ...显示全部
2 年前发表 5364次浏览 1条评论 2次收藏
link ,除了分享,也是知识管理。 Node.js全栈
概述 PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.( http://phantomjs.org/) [http://phantomjs.org/)] PhantomJS是一个无界面的webkit内核浏览器,你可以把它当作一个没有界面的Safari。 安装 目前PhantomJS的最新版本的2.0,官方文档中有提到说:如果在使用老版本时碰到一些难解的bug,可以升级到最新版试试。 WINDOWS 直接下载 phantomjs-2.0.0-windows.zip ...显示全部
3 年前发表 5224次浏览 0条评论 0次收藏
biliou Node.js全栈
什么是PROTOBUF ? protoBuf (PB) 我理解来说,就是一种 数据结构 ,由google 团队开发 protoBuf 需要程序员实现制定 schema,然后根据 schema 生成二进制的数据。传输完成后,如果需要重新将这些数据,接收端还需要使用使用 schema 将获得到的二进制数据解码。 相对于JSON来说,编码解码的步骤比较繁琐,但是,protobuf 比 JSON 快 https://github.com/dcodeIO/protobuf.js/blob/master/README.md#performance [https://github.com/dcodeIO/protobuf.js/blob/master/README.md#performance] 这是 dcodeIO 团队对 protobuf 和 native JSON 做了一些测试 从报告中可以看出,无论是编码解码还是结合的过程( protobuf 从对象编码为二进制,从二进制数据解码为对象 JSON ...显示全部
1 年前发表 5189次浏览 1条评论 0次收藏