腾讯IMWeb前端团队-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

腾讯IMWeb前端团队

专栏成员

539

文章

512184

阅读量

58

订阅数

css中如何做到容器按比例缩放

css 容器视频响应式移动端

图片因为本身存在宽高比，所以设置一个值，另一个值自动也就根据真实的比例对应上，但是如果是视频呢？

2023-07-14

5720

腾讯SNG技术开放日莫卓颖分享回顾：如何构建高质量、高效率的前端体系

自动化开发前端腾讯效率

5月7日，为期1天的匠心 · 打造：腾讯SNG&msup技术开放日圆满结束。本次开放日是腾讯 SNG和 msup 联合举办，通过案例分享的形式展示了社交网络事业群产品（包括 QQ、QQ 音乐等）背后的十几年的技术沉淀与积累，全景解读了拥有亿级用户规模的SNG 的技术实践。

2023-07-14

1730

Qcon2016IMWeb团队fredwu精华回顾：互娱时代下Web音视频性能优化

web 前端腾讯性能优化音视频

2016年4月23日Qcon北京站在北京·国际会议中心中心顺利落下帷幕，Qcon大会全称“全球企业开发大会”，它是InfoQ主办的全球顶级技术盛会。本次大会邀请了100多位国内外技术专家，就云计算、移动开发、人工智能、架构、大数据等前沿技术做了近百场专题演讲，吸引了上万名技术从业人员的参与。

2023-07-14

1810

微型UI库Riot介绍

ui 编译浏览器事件语法

设计目标之一是尽量少写脚手架（boilerplate）代码就能实现强大的标签语法:

2023-07-14

2150

《CSS 世界》读书笔记-流与宽高

1. 前言在学习 CSS 的过程中，我经常会被数不清的属性和特性弄得晕头转向。作为前端新手，经常会坐在显示器前花很多很多时间去 “追” 视觉稿，也经常会在 “为什么这个属性不生效” 和 “为什么这个属性生效了但是不是我想要的效果” 之间摇摆，直到我开始看张鑫旭老师的《CSS 世界》，才开始渐渐地走进 CSS 世界，才明白原来 CSS 的背后也是有一套 “物理” 和 “魔法” 法则。遵循着法则，很多问题也许会迎刃而解。因为在阅读本书 CSS 的 “流” 相关内容时让我有了一种恍然大悟的感觉，所以才有了此篇

2022-07-12

1.2K0

GIT常用命令

blocks|key|734910|text||type|atomic|depth|inlineStyleRanges|entityRanges|offset|length|data|entityMap|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-1097444/e8c0a220a7329145c35db7903a1d2208.jpeg|imageAlt^0|0|1|0^^$0|@$1|2|3|4|

2022-06-29

1220

经验 | 支付宝前端构建工具的发展和未来的选择

webpack 打包 npm react javascript

对 spm 历史不感兴趣的同学可以直接从 ant tool 段落读起下文说说我理解的支付宝前端构建工具发展史，从 spm 到 ant tool，再到未来我们可能会走的路。 spm1 spm2 在谈及 spm1 spm2 时，我们不得不回过头去看当时的历史背景，时间大概是 2012 年左右，当时前端模块化非常火热，伴随模块化的浪潮，模块加载器就不约而同成成为不得不做的命题。所以那会儿出现了 seajs 等一系列的模块加载器。所以起初 spm 的定位是 sea.js 配套的打包工具。但是新的问题又来了，模块化

2022-06-29

4630

理论 | Node中没搞明白require和import，你会被坑的很惨

ecmascript node.js 编程算法 javascript

ES6标准发布后，module成为标准，标准的使用是以export指令导出接口，以import引入模块，但是在我们一贯的node模块中，我们采用的是CommonJS规范，使用require引入模块，使用module.exports导出接口。不把require和import整清楚，会在未来的标准编程中死的很难看。 require时代的模块 node编程中最重要的思想之一就是模块，而正是这个思想，让JavaScript的大规模工程成为可能。模块化编程在js界流行，也是基于此，随后在浏览器端，requirejs

2022-06-29

1.1K0

进阶 | 函数与函数式编程

纵观JavaScript中所有必须需要掌握的重点知识中，函数是我们在初学的时候最容易忽视的一个知识点。在学习的过程中，可能会有很多人、很多文章告诉你面向对象很重要，原型很重要，可是却很少有人告诉你，面向对象中所有的重点难点，几乎都与函数息息相关。包括我之前几篇文章介绍的执行上下文，变量对象，闭包，this等，都是围绕函数来展开。我知道很多人在学习中，很急切的希望自己快一点开始学习面向对象，学习模块，学习流行框架，然后迅速成为高手。但是我可以很负责的告诉你，关于函数的这些基础东西没理解到一定程度，那么你

2022-06-29

3330

大咖直播课 | 前端丛林中的生存之道

| 导语随着用户需求和浏览器能力的逐步提升，Web 前端因为跨多端的能力受到了越来越多的青睐，同时前端开发也遇到了前所未有的挑战，在这个过程中出现了很多新的设计模式，它们解决了各种工程化的问题，使开发大型前端成为了可能。＊讲师简介： @旷旭卿，腾讯 Web 前端高级工程师，就职于 MIG，负责互联网+相关项目前后端开发，对全栈工程化非常在行，目前对 React 和 Typescript 兴趣浓厚，开发了互联网+指数前端项目和 @tencent/serverplus RESTful API 服务端框架。

2022-06-29

2310

翻译 | 我在 React-Native app开发中曾经犯过的11个错误

redux react api javascript

经过差不多一年的 React Native 的开发后,我决定把我自打新手开始所犯的错误总结一下. ---- 1. 错误的预计真的!开始设想的 React Native(RN)的应用是完全错误的.彻底的错误. 1、你需要单独考虑 iOS 和 Android版本的布局.当然,有很多的组件是可以重用的,但是他们有不同的布局考虑.甚至他们之间的应用结构页面也都是不同的. 2、当你在预测 form的时候-你最好要一并考虑一下数据验证层.例如,当你使用React Native开发应用程序的时候,你会比使用Cordov

2022-06-29

7080

进阶 | 在chrome开发者工具中观察函数调用栈、作用域链与闭包

编程算法 javascript

在前端开发中，有一个非常重要的技能，叫做断点调试。在chrome的开发者工具中，通过断点调试，我们能够非常方便的一步一步的观察JavaScript的执行过程，直观感知函数调用栈，作用域链，变量对象，闭包，this等关键信息的变化。因此，断点调试对于快速定位代码错误，快速了解代码的执行过程有着非常重要的作用，这也是我们前端开发者必不可少的一个高级技能。当然如果你对JavaScript的这些基础概念[执行上下文，变量对象，闭包，this等]了解还不够的话，想要透彻掌握断点调试可能会有一些困难。但是好在在前

2022-06-29

1.9K0

React Native与OC之间通信那些事

React Native用IOS自带的JavaScriptCore作为JS的解析引擎，普通的JS-OC通信就是React Native在OC定义一个模块方法，JS可以直接调用这个模块方法并还可以无缝衔接回调。作者：IMWeb-朱灵子 http://imweb.io/topic/5812ab7be2017a3d1878b508 具体的接口调用实现方法如下所示：将OC注册进来的模块取出，调用模块中的对应函数，且将参数传入利用回调参数得到访问OC的函数，并得到其返回值利用回调参数得到访问OC的函数，并

2022-06-29

9520

进阶 | 全方位解读this

我们在学习JavaScript的过程中，由于对一些概念理解得不是很清楚，但是又想要通过一些方式把它记下来，于是就很容易草率的给这些概念定下一些方便自己记忆的有偏差的结论。危害比较大的是，有的不准确的结论在网上还广为流传。比如对于this指向的理解中，有这样一种说法：谁调用它，this就指向谁。在我刚开始学习this的时候，我是非常相信这句话的。因为在一些情况下，这样理解也还算说得通。可是我常常会在开发中遇到一些不一样的情况，一个由于this的错误调用，可以让我懵逼一整天。那个时候我也查资料，在群里问大神

2022-06-29

3030

Web前端最全面试宝典- CSS篇

1. 说下行内元素和块级元素的区别？行内块元素的兼容性使用（IE8 以下） Q1)行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。 Q2)兼容性：display:inline-block;display:inline;zoom:1; 2.清除浮动有哪些方式？比较好的方式是哪一种？ 1）父级div定义height。 2）结尾处加空

2022-06-29

1K0

理论 | 代码写了那么多，你搞明白yield是个啥没？

python 编程算法 javascript

作者：IMWeb-否子戈 http://imweb.io/topic/5812ab7be2017a3d1878b508 导语 ES6真是颠覆JavaScript的东西，随便翻一个新特性出来，就让自以为是的老古董们傻眼跳楼。在之前接触ember.js的时候，接触到了yield，嫩是半天没明白，yield到底是什么，想要实现什么目的。后来在看ES6的东西的时候，总算好像知道了一点，迫不及待的写出来。在MDN上，对yield的第一句解释就是：这也就是yield的所有解释了，可谓大道至简，然并卵，深层的意思不

2022-06-29

4600

进阶 | 详细图解作用域链与闭包

编程算法 javascript

初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。闭包有多重要？如果你是初入前端的朋友，我没有办法直观的告诉你闭包在实际开发中的无处不在，但是我可以告诉你，前端面试，必问闭包。面试官们常常用对闭包的了解程度来判定面试者的基础水平，保守估计，10个前端面试者，至少5个都死在闭包上。可是为什么，闭包如此重要，还是有那么多人没有搞清楚呢？是因为大家不愿意学习吗？还真不是，而是我们通过搜索找到的大部分讲解闭包的中文文章，都没有

2022-06-29

5710

实战 | 移动端如何让页面强制横屏

api 网站游戏

最近公司要开发一个移动端的养成类网页游戏（就是用手点各种按钮最后你会找到一个女朋友=。=），要求横屏显示，不能竖屏。有经验的你肯定知道，当用户竖屏打开时，提示说你要把手机转过来是在是件很蠢的事情。这时如果用户没开启手机里的横屏模式，还要逼用户去开启。这时候用户早就不耐烦的把你的游戏关掉了。我先进行了调研，想看有没有现成的api。参考过screen的api以及manifest方法，实验结果当然是不行。那么现在我唯一能想到的解决办法，就是在竖屏模式下，写一个横屏的div，然后把它转过来。好了我的测试

2022-06-29

4.7K1

理论 | VR大潮来袭 ---前端开发能做些什么

webgl 网站 api javascript 图像处理

去年谷歌和火狐针对WebVR提出了WebVR API的标准，顾名思义，WebVR即web + VR的体验方式，我们可以戴着头显享受沉浸式的网页，新的API标准让我们可以使用js语言来开发。今天，约克先森将介绍如何开发一个WebVR网页，在此之前，我们有必要了解WebVR的体验方式。 WebVR体验模式 ---- WebVR的体验方式可以分为VR模式和裸眼模式 VR模式 1.滑配式HMD + 移动端浏览器如使用cardboard眼镜来体验手机浏览器的webVR网页，浏览器将根据水平陀螺仪的参数来获取用户

2022-06-29

1.7K0

进阶｜执行上下文详细图解

编程算法 javascript 网站

在JavaScript中，我们肯定不可避免的需要声明变量和函数，可是JS解析器是如何找到这些变量的呢？我们还得对执行上下文有一个进一步的了解。在上一篇文章中，我们已经知道，当调用一个函数时（激活），一个新的执行上下文就会被创建。而一个执行上下文的生命周期可以分为两个阶段。 1、创建阶段在这个阶段中，执行上下文会分别创建变量对象，建立作用域链，以及确定this的指向 2、代码执行阶段创建完成之后，就会开始执行代码，这个时候，会完成变量赋值，函数引用，以及执行其他代码。从这里我们就可以看出详细了解执行

2022-06-29

3710

点击加载更多

社区活动

AI代码助手快速上手训练营

鹅厂大牛带你玩转AI智能结对编程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态