话题
程柳锋 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 年前发表 4345次浏览 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 年前发表 4218次浏览 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 年前发表 2708次浏览 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的普及导致了一个非常活跃的技术,框架和类库的生态系统。 随着这充满令人惊叹的多样性和能量的生态圈的到来,许多人的烦恼也变得越来越多 什么样的技术才是你应该关注的呢? 在哪里投入你的时间才能获得最大的利益? 哪些技术栈是是招聘公司现在所需要的? 哪些技能又具有最大的增长潜力? 现在知道的最重要的技术是什么? ...显示全部
2 年前发表 3987次浏览 0条评论 0次收藏
caorich javascript
Typescript为javascript加入了众多类型声明语法,灵活使用可使代码变得健壮,不严谨的类型声明会带来后期的维护麻烦。本篇假设读者已经学会ts的基础类型声明语法,包括 type 、 interface 、 extends 和泛型,在此基础上,聊一聊一些更加复杂的类型声明场景以及解决办法。 场景1:子集类型 假设你有一个 Person 类,声明如下: class Person{ name: string; score: number; advance: (score: number) => void; } Person 类有两个实例属性和一个原型方法。现在,我们需要一个 PersonBasicInfo 类型,它只包含 Person 类的基本信息,不能包含方法,算是 Person 类型的子集,这在一些有权限限制的接口传值时会使用到。我们第一时间想到的是写一个这样的类型: type PersonBaseInfo = { name: string; score: number; } ...显示全部
5 天前发表 33次浏览 0条评论 0次收藏
kurtshen javascript
ECMASCRIPT装饰器的简单指南(翻译) 简要介绍JavaScript中的“装饰器”的提案的一些基础示例以及ECMAScript相关的内容 为什么用ECMAScript装饰器代替标题中的JavaScript装饰器? 因为ECMAScript是用于编写脚本语言(如JavaScript)的标准,所以它不强制JavaScript支持所有规范,但JavaScript引擎(由不同浏览器使用)可能支持或不支持由ECMAScript引入的功能,或者支持一些不同的行为。 将ECMAScript视为您所说的某种语言,例如英语。 那么JavaScript就像英式英语一样。 方言本身就是一种语言,但是它是基于它所源自的语言的原则而应运而生。 因此,ECMAScript是烹饪/书写JavaScript的“烹饪书”,由主厨/开发人员决定遵循或不遵守所有配料/规则。 通常而言,JavaScript采用者遵循用语言编写的所有规范(不然开发人员将会被逼疯),并在新版本的JavaScript引擎出现后,并且直到确保一切正常,才会发布它。 ...显示全部
17 天前发表 69次浏览 0条评论 0次收藏
caorich React
异步组件 首先,要明白组件的概念。React中所有继承 React.Component 的类都是一个React组件,React组件可大可小,功能多样。React组件一般情况下都是静态写死,也就是在代码中写死,最终编译成一个 index.bundle.js ,一次性加载完毕。但是某些时候,我们需要更加灵活的组件引入,只有真正用到这个组件的时候才去请求 a.component.js ,然后再渲染这个组件。一些等到用时再去下载的组件就叫做异步组件。 应用场景 最常用的是web单页应用。这种页面的特点是工程量庞大,不可能一次性加载所有页面组件,需要按路由(业务)对代码进行切分(code spliting)。另一种应用场景是动态的渲染需求,例如你的页面中有一个广告位,根据后台下发的字段渲染不同的广告控件,这些广告控件的代码可能独立于页面工程。 做法 首先,本文的编译环境固定为:webpack+React+Typescript。如果不使用webpack的同学,本文并不适用。 BABEL配置 ...显示全部
23 天前发表 63次浏览 0条评论 0次收藏
link ,除了分享,也是知识管理。 React
RT github: https://github.com/flipace/sketch-to-react-native/tree/react-strategy [https://github.com/flipace/sketch-to-react-native/tree/react-strategy] Sketch App: https://www.sketchapp.com/ [https://www.sketchapp.com/] PS: 这个demo我是在mac环境跑的。 CLONE $ git clone https://github.com/flipace/sketch-to-react-native.git $ cd sketch-to-react-native $ git checkout -b react-strategy $ git pull origin react-strategy PREREQUISITES * Node 8.5.0+ https://nodejs.org/en/ [https://nodejs.org/en/] ...显示全部
2 个月前发表 328次浏览 0条评论 1次收藏
link ,除了分享,也是知识管理。 Node.js全栈
原文链接: Introducing npx: an npm package runner [https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b] 那些将npm升级到 npm@5.2.0 [https://github.com/npm/npm/releases/tag/v5.2.0] 或以上的用户,会发现与通常的 npm 平级的文件夹中还多了另一个二进制文件: npx npx是一个旨在提升npm包的使用体验——就像npm极大地提升了我们安装和管理包依赖的体验,npx让npm包中的命令行工具和其他可执行文件在使用上变得更加简单。它极大地简化了我们之前使用纯粹的npm时所需要的大量步骤。 使用本地已安装的可执行工具,而不需要配置 NPM RUN-SCRIPT ...显示全部
2 个月前发表 143次浏览 0条评论 0次收藏
caorich React
不一样的REACT组件化 我们做了什么? * 反向依赖 * 无props化 * 无actionType化 * 禁止依赖检查 说到React的组件化,可能许多人第一印象就是写一个 React.Component ,再简单不过。我也问过一部分同学,说: 我正在做React组件化,你知道React怎么组件化么? 他们很惊讶:React天生不就是为组件化的么?组件可以定义 props 和 state ,状态改变了引发组件的重绘,组件之间并不影响。 我说好,那现在如果有一个组件,我从这个工程拷出来,粘贴到另一个工程,然后代码跑不起来了。原因是这个组件需要一个 list 属性,它包含一个某种数据结构的列表,那种数据结构也未知,总之这个组件迁移过后各种报错和undefined!怎么解决? “组件只是视图层,至于数据层面,需要自顶向下下发,这个list数据,应该是要发一个ajax去获取吧?” “嗯对,你提到一个概念,自顶向下,为什么要自顶向下呢?如果底层任意一个组件有改动,最顶层的组件也要改动罗?” “差不多是这样的。” “嗯,那我要做的就是解决这个问题。” ...显示全部
2 个月前发表 161次浏览 0条评论 0次收藏
caorich 工具建设
为你的项目添加TYPESCRIPT支持 typescript语法上支持接口与泛型,进而它提供的自动补全、静态检查等等编程体验让人如沐春风。github上很多开源项目都提供了typescript支持。例如,在工程里引入 fk-action-type 。然后任意尝试导出对象上的方法,你将得到很好的代码提示: [http://7tszky.com1.z0.glb.clouddn.com/FoH3RRFNB5MHUsgxfBC47oIOEiKY] 下面我们来看如办到: 声明文件 首先我们需要为自己的代码添加接口说明,也称为声明文件。这里我们以 fk-action-type 为例,简要说明如何写一个声明文件。typescript的声明文件类似于c语言的头文件,其后缀名为 .d.ts 。首先我们先创建一个 index.ts 文件,然后写入以下类实现: // index.tsclassData{ constructor(name: string){ this.name = name; } ...显示全部
2 个月前发表 137次浏览 0条评论 0次收藏