话题
link ,除了分享,也是知识管理。 Node.js全栈
2017年11月4日,腾讯LIVE开发者大会在腾讯大厦二楼多功能厅完美落幕啦! 腾讯LIVE开发者大会(TLC) 是由 NOW直播技术团队 联合 IVWEB团队 共同发起的关于音视频/直播领域技术分享的开发者大会。大会现场参会者 超过200人 (因为场地限制,还有更多想参与的开发者一票难求),还有从北京、上海、大连、香港等地的开发者远道而来参加会议。 本次大会宣传覆盖 20+ 媒体及技术平台,覆盖社区人员 10W+ 人,转化大会官网访问 1.5w+ ,成功线下报名人数 超过200人 。 大会讲师除了来自国内直播/视频领域的知名企业如七牛云、映客、声网、OnVideo、美拍,还有来自腾讯内部明星直播/音视频产品(NOW直播、全民K歌、QQ空间直播、音视频实验室、优图实验室、视频云、V+直播)的顶级开发者,总计探讨了16个议题,涵盖了音视频/直播领域的前沿主流技术、架构优化、性能、安全等各个细分领域。 ...显示全部
2 个月前发表 421次浏览 0条评论 0次收藏
程柳锋 HTML&h5
[https://pub.idqqimg.com/pc/misc/files/20170912/3f7849361a73445cad4beab82aaa3dee.png] [http://tlc.ivweb.io/pc/?id=ivweb] 腾讯Live开发者大会(TLC)是由腾讯NOW直播IVWEB团队精心打造,致力于提升和促进全行业视频、直播、图像处理等领域的交流和技术创新。本次大会主题涵盖社交、电竞、娱乐等领域,讲师不仅是来自腾讯、映客、美图、七牛云、声网、OnVideo等业界知名直播/视频领域企业,还是参与过Qcon、StuQ、LiveVideo等行业技术大会的经验丰富的技术专家。 这将是一场视频领域的嘉年华。 覆盖Web、终端、后台的技术架构大会震撼来袭,腾讯Live开发者大会(TLC)将于11月4日在腾讯大厦二楼多功能厅隆重开幕,涵盖视频云、音视频、图片处理、安全鉴黄、人脸识别、质量等多个方面,等您来撩! 凭门票享有免费参观腾讯大厦及感受腾大食堂餐饮的绝佳机会,就等您来! 举办方介绍 IVWEB团队成立于2015年,参与了腾讯在线教育战略产品 腾讯课堂 ...显示全部
4 个月前发表 979次浏览 1条评论 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基础包和业务包的拆分 ...显示全部
9 个月前发表 1513次浏览 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/视频编解码器] (视频编码格式)。当然,还有另外一种,叫做音频编解码器。简而言之,就是这三个概念比较重要: * 视频文件格式(容器格式) * 视频编解码器(视频编码格式) * 音频编解码器(音频编码格式) ...显示全部
10 个月前发表 1530次浏览 2条评论 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 年前发表 944次浏览 0条评论 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的普及导致了一个非常活跃的技术,框架和类库的生态系统。 随着这充满令人惊叹的多样性和能量的生态圈的到来,许多人的烦恼也变得越来越多 什么样的技术才是你应该关注的呢? 在哪里投入你的时间才能获得最大的利益? 哪些技术栈是是招聘公司现在所需要的? 哪些技能又具有最大的增长潜力? 现在知道的最重要的技术是什么? ...显示全部
1 年前发表 1779次浏览 0条评论 0次收藏
caorich React
[http://7tszky.com1.z0.glb.clouddn.com/Fl3OX8zyBhCu3pT-VUBT0XKibgzk] REACT的状态管理 说到react的状态管理工具,大家都会想到redux或者mobx。 redux || mobx // => true REDUX redux出现较早,包括我们项目组在内,redux几乎已经成了react工程的标配。 redux带来的事件分发机制,将复杂的操作分发到各个reducer,有一种大事化小的睿智,确实将复杂的数据更改逻辑解耦得足够简单。包括我leader在内的很多同学都觉得redux的事件分发机制对于现代前端工程是再适合不过的了。 重绘 但redux的缺点也是足够明显的。每一次dispatch事件之后都会导致整个虚拟dom至顶向下的重绘。重绘剪枝需要在 shouldComponentUpdate 中完成,如果事件足够复杂, store足够大, shouldComponentUpdate 方法的剪枝粒度就不那么容易控制了(实际情况下, shouldComponentUpdate 基本和 TODO 一样不可保证)。 ...显示全部
4 天前发表 16次浏览 0条评论 0次收藏
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 年前发表 2715次浏览 1条评论 2次收藏
qcyhust 构建工具
PARCEL——开始前端开发零配置体验 导语: 前端开发在开启一个新的项目时总是有个绕不开的环节,那就是项目的开发配置。几年前,我们还在用grant或是gulp来定义一系列的task构建项目开发流程,再往后webpack的出现开始有了广泛的模块概念,利用各种loader或是plugin处理各个前端模块。当然,无论是gulp还是webpack,都需要编写相对应的配置文件来定制开发过程中需要的功能。业务之外的工作量总是催生人性的懒惰,这样一个打着 极速零配置 名号出现的web打包工具就很抓人眼球。这里利用 官网 [https://parceljs.org/] 的项目扩展,看看pacel的工作流程。[http://7tszky.com1.z0.glb.clouddn.com/FmemZsdC5jizPKeEX83joTmOFkt4] 项目结构 为了测试代码拆分功能,新建了一个简单的项目,结构如下: parcel └───src └─── index.html │─── index.js │─── main.js │─── handle.js ...显示全部
9 天前发表 60次浏览 0条评论 0次收藏
caorich React
介绍 第一印象 首先上一段代码: import {observable, observe} from'mobx' var student = observable({ name: 'unknown' }) observe(student, (change)=>{ console.info(change) /* will print: * { type: 'update', * object: { name: [Getter/Setter] }, * oldValue: 'unknown', * name: 'name', * newValue: 'foo' } */ }) student.name = 'foo' 非常直观的,student的属性改变了,监听的方法打印出了所有的变动细节。 简介 mobx是一个状态管理器,用于TFRP(transparently applying functional reactive programming)自发式函数相应式编程。 ...显示全部
21 天前发表 95次浏览 0条评论 0次收藏
王少飞 Node.js全栈
NODEJS进程内存的使用和原理 V8简介 nodejs代码的运行基于V8,就像java运行需要hotspot,php运行需要zend。V8的由来是,当年web2.0,google的很多业务都在web端,为了提升浏览器中js的执行效率,研发了V8。 V8每发布一个新的版本,nodejs就会相应的发布新版本来使用新版本的V8。 nodejs9以后的版本都是使用的V8 6.2版本。这个版本都有哪些改进: 1 性能优化 * 1)优化了 Object.prototype.toString 的性能,比之前提升了6.5倍 * 2)优化了 ES2015 proxies 的性能, 比之前提升了5倍 * 3)优化了 String#includes() 的性能,比之前提升了3倍 * 4)哈希查找速度更快,从而提高了Map,Set,WeakMap和WeakSet的性能 * 5)新生代内存垃圾回收采用 Parallel Scavenger 算法 2 低内存模式:semi-space为512k,低内存设备减少了发生内存不足的概率。 3 优化正则表达式规则 ...显示全部
2 个月前发表 111次浏览 0条评论 0次收藏
程柳锋 工具建设
Webpack从2015年9月第一个版本横空初始至今已逾2载。它的出现,颠覆了一大批主流构建如Ant、Grunt和Gulp等等。腾讯NOW直播 IVWEB团队 [https://ivweb.io/] 之前一直采用Fis构建,本篇文章主要介绍从Fis迁移到webpack遇到的问题和背后的黑科技,内容包括inline-resource、多页面构建、资源压缩、文件hash、文件目录规则等等。 为什么要迁移至WEBPACK? 有两个层面的原因: * 首先webpack的社区生态火爆,插件齐全并且维护更新的很频繁,遇到了问题,比较容易解决。 * webpack里面有happypack多实例构建方案、code spliting按需加载文件等方案, 可以有效的进行打包构建持续优化, 这些在Fis里面是缺少的。 区分构建的开发OR生产环境? "scripts": { ...显示全部
2 个月前发表 211次浏览 0条评论 0次收藏