IMWeb,腾讯前端技术团队

关于我们

IMWeb 团队隶属腾讯公司,是国内最专业的前端团队之一。

我们专注前端领域多年,负责过 QQ 资料、QQ 注册、QQ 群等亿级业务。目前聚焦于在线教育领域,精心打磨 腾讯课堂 及 企鹅辅导 两大产品。

学习成就梦想,我们希望能用技术改变教育,改变世界。

影响力

我们制作了一系列专业 IT 课程,它就是业内备受好评的“ Next 学位 ”,希望每个 IT 工程师都能从中收获,快速成长。

我们有着丰富的前端经验,也热衷于开源与分享,在 QConf、React 开发者等业界大会,你会发现 IMWeb 成员上台分享时的风采。

每年秋天,我们都会举办属于自己的大会—— IMWebConf 。

Tencent Front-end 腾讯前端IMWEB团队

IMWeb,腾讯前端技术团队 IMWeb 腾讯前端技术团队 腾讯 前端技术团队 前端工程师 第1张

优选文章:

前端图表可视化的应用实践总结

腾讯企鹅辅导在学生上课结束后推送“学习报告”,是课程所提供的一项重要服务。家长在“学习报告”中能查看孩子上课时间及互动情况,答题及掌握知识点,作业考试分数,班级排名等诸多数据,继而让学生家长及时掌握孩子的学习情况。

此次改版升级是针对旧学习报告的的数据和展示进行的一次优化:增加考试模块、知识点采用更简单的表达形式、在视觉交互上更加年轻活泼、并运用了更多数据图表可视化在其数据展示中。

移动端网页调试方案

移动端调试方案 页面容器 移动设备上的各种浏览器 各类app内的webview debug方案 Android端 iOS端 跨平台 抓包工具Charles 调试工具weinre 其他方案 附录:ES6标准兼容情况 页面容器 移动设备上的各种浏览器 chrome、safari、firefox、samsung browser

各类app内的webview 不同平台实现不一样

iOS平台 iOS 8.0以前的UIWebView,现在(2019年)基本被淘汰,不用管。 iOS 8.0及以后的WKWebView,主流应用内均使用它作为容器展示html Android平台 WebView实现一般为Android WebView,部分手机厂商会默认设置成chrome实现,差别不是很大。 微信平台 微信iOS端是采用wkwebkit进行渲染的,Android平台采用的是x5内核 debug方案 Android端 由于移动端网页开发不能直接打开developer tools,导致我们调试起来稍微麻烦。好在我们有解决方案: Remote Devices 谷歌为我们提供的开发利器,让我们可以在电脑端使用developer tools进行elements检查和network监测,非常方便快捷。

前端工程师征服树形组件的秘籍

每个人来到这个世上,总要寻找属于自己的光亮,哪怕只有一秒钟,也要让自己璀璨一次、美丽一回。我们真实地活着,但不是每个人每件事都要较真到底。真实的背后,往往隐藏着一场心痛。

告诉自己,我是最美的木棉花,有着坚强的生命,有着执着的人生。更有着强大的内心世界。即便是在无边的荒漠,我也会为着自己的梦想努力拼搏。当鲜艳的木棉花在枝头绽放,回头望的一瞬间,会发现曾经的委屈和悲伤都化作了成长的堆肥。

人生不存在十全十美,需要一颗奋进的心。以勤为本,以韧为基,尽自己的全力,求最好的结果,行动成就梦想,奋斗成就人生。人生苦短,财富地位都是附加的,生不带来死不带去,简单的生活就是快乐的生活。

小程序textarea与弹窗

限制

小程序 textarea 是由客户端创建的原生组件,由于原生组件脱离在 WebView 渲染流程外,因此在使用时有以下限制:

原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。

后插入的原生组件可以覆盖之前的原生组件。

原生组件还无法在 picker-view 中使用。

基础库 2.4.4 以下版本,原生组件不支持在 scroll-view、swiper、movable-view 中使用。

部分CSS样式无法应用于原生组件,例如:

无法对原生组件设置 CSS 动画

无法定义原生组件为 position: fixed

不能在父级节点使用 overflow: hidden 来裁剪原生组件的显示区域

原生组件的事件监听不能使用 bind:eventname 的写法,只支持 bindeventname。原生组件也不支持 catch 和 capture 的事件绑定方式。

原生组件会遮挡 vConsole 弹出的调试面板。 在工具上,原生组件是用web组件模拟的,因此很多情况并不能很好的还原真机的表现,建议开发者在使用到原生组件时尽量在真机上进行调试。

玩转webpack之loader开发

loader执行顺序

在开发loader之前,我们先了解一下webpack loader的执行顺序。

webpack是支持loader的链式调用的,即一个文件可以经多个loader处理。当一个文件使用多个loader处理时,他的处理顺序是倒序,即传入loader数组的从右到左执行。

例如,对于scss文件,我们的配置如下,那么它的执行顺序是sass-loader -》 css-loader -》 postcss-loader -》style-loader:

本文由站长原创或收集,不代表本站立场,如若转载,请注明出处:http://www.19185.cn/post/242

本文 暂无 评论

回复给

欢迎点评

联系我们

站长QQ:

站长邮件:

工作时间:周一至周五,9:30-18:30,节假日休息

QR code