即刻起,加速您的前端构建

2019-03-14
阅读 2 分钟
3.3k
把这个 loader 放置在其他 loader 之前(如下图 example 的位置), 放置在这个 loader 之后的 loader 就会在一个单独的 worker 池(worker pool)中运行。

QQ音乐的动效歌词是如何实践的?

2019-02-19
阅读 8 分钟
5k
经过多次的需求评审和沟通讨论,各方在需求的目标和细节上也达成了初步的统一。 产品的希望 :效果炫酷,能实现逐字动画(位移,翻转,渐隐渐现,模糊,粒子特效等),可配置等。开发的思考: 技术架构方案,性能挑战等,接下来我们简单介绍一下确定技术方案的过程。

一看就能学会的H5视频推流方案

2019-02-18
阅读 3 分钟
5.5k
随着直播平台爆发式增长,直播平台从 PC 端转战移动端,紧跟着直播的潮流,自己学习实现了一套简单的 H5 视频推流的解决方案,下面就给小伙伴们分享一下自己学习过程中的经验。

JavaScript与WebAssembly进行比较

2019-02-18
阅读 4 分钟
5.4k
在识别和描述核心元素的过程中,我们分享了构建SessionStack时使用的一些经验法则,这是一个轻量级但健壮且高性能的JavaScript应用程序,以帮助用户实时查看和重现其Web应用程序的缺陷。

三种方法实现CSS三栏布局

2019-02-13
阅读 4 分钟
3.3k
本文由云+社区发表作者:前端林子 本文会分别介绍三种CSS实现三栏布局的方法,可在浏览器中打开查看效果 1.方法一:自身浮动的方法 实现方法:需要左栏向左浮动,右栏向右浮动,中间设左右margin来撑开距离 {代码...} 注意:该方法在html布局时,要把中间栏放在左栏、右栏后面,左栏和右栏的顺序不定 实现的效果如下: ...

css加载会造成阻塞吗

2019-02-12
阅读 6 分钟
45.1k
可能大家都知道,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?接下来,我就来对css加载对DOM树的解析和渲染的影响做一个测试。

让老板虎躯一震的前端技术,KPI杀手

2019-01-17
阅读 7 分钟
4.7k
随着近几年的前端技术的高速发展,越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例,从性能角度,其最重要的指标可能就是首屏渲染所花费的时间了。那么今天,我们要给大家分享的一个把优化做到极致的故事。

如何优雅地查看 JS 错误堆栈?

2019-01-15
阅读 2 分钟
3k
这个堆栈,你看得出问题来吗?我们发布到 CDN 的脚本文件,普遍是经过 UglifyJS 压缩的,所以堆栈可读性相当的差。假如有下面的一个堆栈查看工具,又如何?

【开发必看】你真的了解回流和重绘吗?

2019-01-14
阅读 6 分钟
3.6k
回流和重绘可以说是每一个web开发者都经常听到的两个词语,可是可能有很多人不是很清楚这两步具体做了什么事情。最近有空对其进行了一些研究,看了一些博客和书籍,整理了一些内容并且结合一些例子,写了这篇文章,希望可以帮助到大家。

如何对前端图片主题色进行提取?这篇文章详细告诉你

2019-01-11
阅读 13 分钟
9.4k
图片主题色在图片所占比例较大的页面中,能够配合图片起到很好视觉效果,给人一种和谐、一致的感觉。同时也可用在图像分类,搜索识别等方面。通常主题色的提取都是在后端完成的,前端将需要处理的图片以链接或id的形式提供给后端,后端通过运行相应的算法来提取出主题色后,再返回相应的结果。

如何做活动页面的滚动动画?让用户体验MAX的demo在这里!

2018-12-21
阅读 3 分钟
2.3k
本文由云+社区发表 最近的一个活动页面需要做一个可以左右滑动的抽签效果,故通过用css的transform属性和js结合来模拟可以无限滚动的效果。 先上效果: demo地址:[链接] 实现过程 1. 结构与样式 结构:卡片分前后两排,每列插入10个div结点,以便做左右位移效果。 样式:设置每一列都恰好好在中间位置(或中间位置附近...

CSS实例详解:Flex布局

2018-12-17
阅读 7 分钟
5.1k
本文由云+社区发表 本文将通过三个简单的实例,实际应用上篇文章的基础理论知识,展示下Flex布局是如何解决CSS布局问题。 一.垂直居中 这里同时用非flex布局和flex布局两种方式来实现,可以对比两种实现方式的差异。 1.1用margin实现垂直居中 实现方式: 父元素采用相对定位,子元素采用绝对定位,先将元素的定点定位到...

如何自定义CSS滚动条的样式?

2018-11-26
阅读 6 分钟
3k
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由前端林子发表 本文会介绍CSS滚动条选择器,并在demo中展示如何在Webkit内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的滚动条。 0.需求 有的时候我们不想使用浏览器默认的滚动条样式,因为不够定制化和美观。那么如何自定义滚动条的样式呢?下面...

php,vue,vue-ssr 做出来的页面有什么区别?

2018-11-15
阅读 3 分钟
7.8k
目前我这边的web页面,都是采用php+smarty模板生成的,是一种比较早期的开发模式。好处是没有现阶段常用的前后端分离出现的首屏问题,因为其本身就是服务器渲染,坏处是代码分离不好做,公用化及组件化不好做。这里涉及前后端分离相关问题,老生常谈,这里暂不讨论。

自从我这样撸代码以后,公司网页的浏览量提高了107%!

2018-09-17
阅读 7 分钟
5.3k
HTTP协议是前端性能乃至安全中一个非常重要的话题,最近在看《web性能权威指南(High Performance Browser Networking)》,把其中关于HTTP部分的内容拿出来分享一下,加了一点自己的想法,当然没有《HTTP权威指南》讲得详细,但对于理解我们平常做的事情很有启发。预计会有两三篇文章,重点分别会涉及到HTTP 1.1、HTTPS、...

如果想成为一名顶尖的前端,这份书单你一定要收藏!

2018-09-17
阅读 5 分钟
11.8k
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由腾讯IVWEB团队 发表于云+社区专栏作者:link 2014年一月以来,自己接触web前端开发已经两年多了,记录一下自己前端学习路上看过的,以及道听途说的一些书,基本上按照由浅入深来介绍。 JavaScript 入门 《JavaScript权威指南(第六版)》 ★★★★★ 淘宝前...