话题
link ,除了分享,也是知识管理。 Node.js全栈
2017年11月4日,腾讯LIVE开发者大会在腾讯大厦二楼多功能厅完美落幕啦! 腾讯LIVE开发者大会(TLC) 是由 NOW直播技术团队 联合 IVWEB团队 共同发起的关于音视频/直播领域技术分享的开发者大会。大会现场参会者 超过200人 (因为场地限制,还有更多想参与的开发者一票难求),还有从北京、上海、大连、香港等地的开发者远道而来参加会议。 本次大会宣传覆盖 20+ 媒体及技术平台,覆盖社区人员 10W+ 人,转化大会官网访问 1.5w+ ,成功线下报名人数 超过200人 。 大会讲师除了来自国内直播/视频领域的知名企业如七牛云、映客、声网、OnVideo、美拍,还有来自腾讯内部明星直播/音视频产品(NOW直播、全民K歌、QQ空间直播、音视频实验室、优图实验室、视频云、V+直播)的顶级开发者,总计探讨了16个议题,涵盖了音视频/直播领域的前沿主流技术、架构优化、性能、安全等各个细分领域。 ...显示全部
5 个月前发表 1942次浏览 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年,参与了腾讯在线教育战略产品 腾讯课堂 ...显示全部
7 个月前发表 2871次浏览 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基础包和业务包的拆分 ...显示全部
1 年前发表 3393次浏览 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 年前发表 3701次浏览 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 年前发表 2405次浏览 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 年前发表 3726次浏览 0条评论 0次收藏
程柳锋 工具建设
最近Github 10周年在朋友圈里沸沸扬扬刷屏,小编在工作中却惊讶的确发现不少同事对版本号中的beta和rc没有概念,使用 npm install package@next 时,也不清楚next代表的含义。于是,决定写一篇文章科普一下由 Github 起草的Semver(语义化版本)的相关知识。 实际案例 首先,我们来看看目前最流行的前端框架之一的React最近5个月的版本发布日志,截图来自npmjs.com: [https://user-gold-cdn.xitu.io/2018/4/16/162cc6d0b4c8e782?w=663&h=432&f=png&s=25386] 从上图,我们不难得出几个结论: * 软件的版本通常由三位组成,形如:X.Y.Z * 版本是严格递增的,此处是:16.2.0 -> 16.3.0 -> 16.3.1 * 在发布重要版本时,可以发布alpha, rc等先行版本 * alpha和rc等修饰版本的关键字后面可以带上次数和meta信息 ...显示全部
4 天前发表 20次浏览 0条评论 0次收藏
高磊 javascript
导语 为了方便小程序应用使用微信登录态进行授权登录,微信小程序提供了登录授权的开放接口。乍一看文档,感觉文档上讲的非常有道理,但是实现起来又真的是摸不着头脑,不知道如何管理和维护登录态。本文就来手把手的教会大家在业务里如何接入和维护微信登录态 接入流程 这里官方文档上的流程图已经足够清晰,我们直接就该图展开详述和补充。 img [https://mp.weixin.qq.com/debug/wxadoc/dev/image/api-login.jpg?t=201842] 首先大家看到这张图,肯定会注意到小程序进行通信交互的不止是小程序前端和我们自己的服务端,微信第三方服务端也参与其中,那么微信服务端在其中扮演着怎样的角色呢?我们一起来串一遍登录鉴权的流程就明白了。 1. 调用wx.login生成code wx.login()这个API的作用就是为当前用户生成一个临时的登录凭证,这个临时登录凭证的有效期只有五分钟。我们拿到这个登录凭证后就可以进行下一步操作:获取 openid 和 session_key wx.login({ ...显示全部
11 天前发表 36次浏览 0条评论 0次收藏
程柳锋 javascript
导语:TypeScript(以下简称TS) 是由微软开发的编程语言,是JavaScript的超集,于2013年10月发布第一个正式版0.9。最先代码托管在Codeplex,2014年7月移到了Github。它的代码风格和C#很像,这是因为TS是由C#首席架构师设计并主导开发的。 开发环境 编辑器首选MS自家开发的VS Code (推荐)。当然,Webstorm在2016年2月推出的版本内置了TS编译器,atom 需要安装 atom-typescript包,sublime需要安装Typescript-sublime-plugin。 TS程序以.ts扩展名结尾。运行TS程序很简单,只需要安装编译器TS compile即可,需要通过npm 的方式安装它。 npm install typescript-g 安装完后,在全局会有tsc命令,需要通过它编译TS程序 tsc hello.ts 类型系统 ...显示全部
17 天前发表 60次浏览 0条评论 0次收藏
程柳锋 构建工具
导语: webpack是一个JS应用打包器, 它将应用中的各个模块打成一个或者多个bundle文件。借助loaders和plugins,它可以改变、压缩和优化各种各样的文件。它的输入是不同的资源,比如:js、css、图片、字体和html文件等等,然后将它们输出成浏览器可以正常解析的文件。 当下最流行的模块打包器 webpack 于2018年2月25日正式发布v4.0.0版本,代号legato。从官方的 发布日志 [https://github.com/webpack/webpack/releases/tag/v4.0.0] 来看, 本次大版本更新带来了很多新特性更新和改善,这将会让webpack的配置更加简单。本文,笔者将会全面介绍webpack4的新特性及实践。 环境支持 在发布日志里的 Big changes 板块,官方宣布不在支持Node 4, Node 6 [https://nodejs.org/en/blog/release/v6.0.0/] 使用的是v8 5.0版本,支持93%的ES6语法。不难看出,这个决定是为了更好的利用ES6语法的优势,来编写出更加整洁和健壮的代码。 ...显示全部
25 天前发表 125次浏览 0条评论 0次收藏
高磊 工具建设
背景 我们平常在进行项目开发时,一般都会把代码上传至代码托管平台上方便管理和维护。目前大家使用的托管平台最多的还是Github,国内外还有一些比较知名的代码托管平台,比如Gitlab、BitBucket,码云和码市等。 但我们在多人合作开发下,经常碰到的最头疼的问题是,其他开发者在交接给我们一个项目时只是对项目目前现有的功能简单的描述了下,我们在后续迭代功能时突然发现连最基本的项目如何运行都没有给我们交代,当时心中一万只那个什么马奔腾而过,只能去查看package.json的scripts,自己意会了。 那么问题来了,我们在交接一个项目时,如何保证项目能快速完整地交付给基友,从此过上无忧无虑的生活呢?答案是我们只需要甩给他一份标准规范的README。 -------------------------------------------------------------------------------- 规范的README需要哪些内容 我们通过一张截图一起来看看一份简单的README规范都有哪些内容: ...显示全部
1 个月前发表 246次浏览 0条评论 0次收藏
caorich 工具建设
WEBPACK+REACT+TYPESCRIPT简单配置指南 1、WEBPACK添加TS-LOADER 以下例子使用的是webpack3。 先在命令行安装依赖: npm i babel-core babel-loader babel-preset-env babel-preset-react ts-loader tsconfig-paths-webpack-plugin typescript-D 然后为webpack.config.js添加以下loader: rules: [{ test: /(\.js(x?)$|\.ts(x?)$)/, exclude: /node_modules/, use: [ loaders: [ { loader: 'babel-loader' }, { loader: 'ts-loader', }, ] ] ] 然后创建.babelrc文件,写入以下内容: { "presets": [ [ "env", ...显示全部
1 个月前发表 92次浏览 0条评论 0次收藏