自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

奇舞周刊

《奇舞周刊》是由奇舞团维护的前端技术周刊.除周五外,每天向大家推荐一篇前端相关技术文章,每周五向大家推送周刊汇总内容...

转载 面试官:CSS如何实现固定宽高比?

对于这个问题,你可能还没有过相关需求,或者还没有在面试的时候被问到过,但是歪马相信你终将有需要。这个问题说起来也是老生常谈,歪马今天再次提起也是希望有朝一日当你被问到的时候,能够答得漂亮...

2020-02-24 18:14:54

阅读数 29

评论数 0

转载 前端 DSL 实践指南(上)—— 内部 DSL

编者按:本文转载自云音乐前端技术团队,作者网易云音乐前端工程师郑海波前言近几年,前端社区中 DSL 这个词开始频繁出镜,这和环境的变化有很大关系:React、Vue、Angular 等现...

2020-02-22 14:17:08

阅读数 61

评论数 0

原创 奇舞周刊第 338 期:前端 DSL 实践指南

记得点击文章末尾的“阅读原文”查看哟~下面先一起看下本期周刊摘要吧~奇舞推荐■ ■ ■SameSite Cookie 变更:您需要了解的都在这里小伙伴们准备自查啦~前端 DSL ...

2020-02-21 19:40:55

阅读数 70

评论数 0

转载 一文带你看透 Chrome 浏览器架构

背景市面上的浏览器很多,很多很多,多到数不过来。不过目前 Chrome 浏览器还是占了主导地位,至少在开发人员眼里 Chrome 的地位很高。这篇文章来说说 Chrome 浏览器的架构,...

2020-02-20 08:00:00

阅读数 96

评论数 0

转载 前端性能优化之利用 Chrome Dev Tools 性能分析

背景我们经常使用 Chrome Dev Tools 来开发调试,但是很少知道怎么利用它来分析页面性能,这篇文章,我将详细说明怎样利用 Chrome Dev Tools 进行页面性能分析及...

2020-02-19 18:57:24

阅读数 164

评论数 0

转载 ES6之Proxy 的巧用

Proxy 介绍使用Proxy,你可以将一只猫伪装成一只老虎。下面大约有6个例子,我希望它们能让你相信,Proxy 提供了强大的 Javascript 元编程。尽管它不像其他ES6功能用...

2020-02-18 19:50:37

阅读数 148

评论数 0

转载 玩转 CSS Border-Image

~欢迎点击上方蓝字「歪码行空」快速关注~???? 尴尬的是本文也并不是陪读系列文章,而是歪马在进行第五章《漂亮的盒子》时,有感而发。读到书中介绍border-radius的内容时,提到了...

2020-02-15 12:40:05

阅读数 167

评论数 0

原创 奇舞周刊第 337 期:React Hooks 的体系设计

记得点击文章末尾的“阅读原文”查看哟~下面先一起看下本期周刊摘要吧~奇舞推荐■ ■ ■React Hooks 的体系设计之一:分层“在业务中暴力地直接使用useState等hoo...

2020-02-14 16:33:20

阅读数 213

评论数 0

转载 《精通CSS》第4章 网页排版

《精通 CSS》往期陪读章节:第 1 章 基础知识第 2 章 添加样式第 3 章 可见格式化模型或许大家会觉得排版都是设计师的工作,前端开发按照已经排版好的设计稿复原就行。当然,这样理解...

2020-02-12 16:57:49

阅读数 278

评论数 0

转载 花椒前端用WebAssembly提升前端应用解压缩性能的尝试

1. 背景3D形象展示项目的图片及模型等资源以压缩包的形式提供,需要下载并解压后再用Three.js加载并展示出来,其中的解压缩环节使用的是GitHub上获得5.6k Star的JS开源...

2020-02-11 18:19:22

阅读数 210

评论数 0

转载 《精通CSS》第3章 可见格式化模型

本书《精通 CSS》之前的章节:第 1 章 基础知识第 2 章 添加样式第 3 章仍是本书的基础章节。本章将会给大家介绍盒模型相关的概念、几种常见的可见格式化模型(包括定位、浮动、格式化...

2020-02-10 19:03:00

阅读数 203

评论数 0

转载 0202年了, Chrome DevTools 你还只会console.log吗 ?

前言Chrome 开发者工具(简称 DevTools)是一套 Web 开发调试工具,内嵌于 Google Chrome 浏览器中。DevTools 使开发者更加深入的了解浏览器内部以及他...

2020-02-08 19:06:11

阅读数 236

评论数 0

原创 奇舞周刊第 336 期:从 JS 引擎到 JS 运行时

记得点击文章末尾的“阅读原文”查看哟~下面先一起看下本期周刊摘要吧~奇舞推荐■ ■ ■一个白学家眼里的 WebAssembly“WASM 运行时性能在原理上就是受限的,甚至 JS...

2020-02-07 15:22:12

阅读数 299

评论数 0

转载 面试常考手写代码学习技巧总结

前言我们在面试的时候,经常会被面试官问到几个手写代码的问题。手写一个数组去重复,深拷贝,数组拍平等等。有些小伙伴面试之前准备了,但是在编写的时候还是会忘掉,本文总结了一个如何应对手写代码...

2020-02-06 19:53:41

阅读数 315

评论数 0

转载 《精通CSS》第2章 添加样式

本书《精通 CSS》之前的章节:第 1 章 基础知识有效且结构良好的文档是添加样式的基础。上一章,我们一起学习了相关的知识。现在是时候学习一下如何添加样式了。本章笔者在读完之后,根据原文...

2020-02-05 16:11:01

阅读数 340

评论数 0

转载 CSS gradients:你知道的和你不知道的

在现代浏览器中,渐变(gradients)是一系列比较有用的CSS属性值。渐变又分为3种:线性渐变 linear-gradient径向渐变 radial-gradient圆锥渐变 con...

2020-02-04 14:55:51

阅读数 390

评论数 0

转载 《精通CSS》第1章 基础知识

你多久没有读完一本技术书了?你是否列了长长的待读书单,却迟迟没有行动?你是否每逢购物节,就血拼了一堆回来?又或者你觉得一个人读书太过枯燥?如果你是,那从现在跟歪马一起,歪马陪你一起云读书...

2020-02-03 17:04:15

阅读数 415

评论数 0

原创 武汉实时疫情来了 | 你想知道的这都有

朋友圈和微博上每个人几乎都在讨论:武汉肺炎疫情进展。大量繁杂的消息向我们涌来,有更权威的官方消息也有恶意传播的小道消息。为了使大家能最直观最快捷地获得最新疫情情况,即视团队八小时连夜赶出...

2020-01-22 17:07:45

阅读数 8638

评论数 0

转载 高质量前端快照方案:来自页面的「自拍」

编者按:本文转载自云音乐前端技术团队,作者网易云音乐前端工程师朱佳斌。1. 背景将网页保存为图片(以下简称为快照),是用户记录和分享页面信息的有效手段,在各种兴趣测试和营销推广等形式的活...

2020-01-21 19:20:14

阅读数 480

评论数 0

转载 从koa/redux看如何设计中间件

编者按:本文作者林向东,360奇舞团前端工程师。中间件是一种实现「关注点分离」的设计模式,有多种实现方式,本文仅探讨koa/redux是如何设计中间件。该模式有两个特点:中间件middl...

2020-01-20 18:38:13

阅读数 453

评论数 0

转载 前端安全—你必须要注意的依赖安全漏洞

这是ConardLi的第 72 篇原创,谢谢你的支持!从一个安全漏洞说起 Lodash 是一款非常流行的 npm 库,每月的下载量超过 8000 万次,GitHub 上使用它的项目有超...

2020-01-19 16:33:08

阅读数 473

评论数 0

原创 SpriteJS的3D渲染能力 Up, Up, Up!

经过2个多月的紧张开发,SpriteJS的3D扩展终于完工啦。SpriteJS的渲染能力终于从2D进入3D领域那么SpriteJS究竟和现在流行的一些3D渲染库,比如ThreeJS、Ba...

2020-01-18 07:27:26

阅读数 450

评论数 0

原创 那些年我们“跨”过的“域”(接口篇)

编者按:本文作者高峰,360奇舞团前端工程师,W3C性能工作组/WOT工作组成员。作为前端开发,从入行起,应该就接触过跨域的概念。工作中,在与服务端配合时,也经常需要处理跨域相关问题。如...

2020-01-15 19:10:38

阅读数 441

评论数 0

转载 深入浅出 JavaScript 模块化

前言随着互联网的发展,前端开发也变的越来越复杂,从一开始的表单验证到现在动不动上千上万行代码的项目开发,团队协作就是我们不可避免的工作方式,为了更好地管理功能逻辑,模块化的概念也就渐渐产...

2020-01-14 18:12:59

阅读数 434

评论数 0

原创 一张图认识 WCAG Level A, Level AA, Level AAA

编者按:本文作者安佳,360 搜索事业部的前端开发工程师,W3C CSS 工作组成员。WCAG,Web Content Accessibility Guidelines,Web 内容无障...

2020-01-13 18:03:50

阅读数 453

评论数 0

原创 星光不问赶路人,时光不负奇舞团

编者按:本文是为了拉高奇舞团整体颜值虽年已过四分之一百还赖着不走的的小仙女钉子户梁幸芝主笔+奇舞团周六日刊小编刘钰所写,写这篇文章主要是为了给大家送一波福利~奇舞团小年会(又名奇舞团年度...

2020-01-11 13:21:46

阅读数 473

评论数 0

原创 奇舞周刊第 335 期:2019 前端技术发展回顾

记得点击文章末尾的“阅读原文”查看哟~下面先一起看下本期周刊摘要吧~嘿又到周五啦~ 周末愉快~奇舞推荐■ ■ ■SEE Conf 2020 演讲资料第三届 SEE Conf P...

2020-01-10 17:32:36

阅读数 470

评论数 0

转载 面试官:你怎么优雅写 CSS?

面试官灵魂发问:你是如何组织管理你的 CSS 代码的?答:先写类名, 然后写样式。卒,享年18.借由这个面试题目, 我们来了解 css 管理方式一共有几种。首先写列个大纲:佛性...

2020-01-09 21:59:07

阅读数 429

评论数 0

转载 如何答一道惊艳面试官的数组去重问题?

如何答一道惊艳面试官的数组去重问题?为什么写这篇文章?数组去重应该是面试必考问题之一。虽然它是一道并不复杂的问题,但是也能看出面试者的广度和深度,还有考虑问题的全面性。实际开发中我们应该...

2020-01-07 17:51:24

阅读数 413

评论数 0

转载 Largest Contentful Paint (LCP)

编者按:本文作者Berwin,W3C性能工作组成员,360导航资深前端工程师。《深入浅出Vue.js》作者。LCP 全称 “Largest Contentful Paint”,翻译为“最...

2020-01-06 15:56:25

阅读数 422

评论数 0

转载 npm install 原理分析

这是ConardLi的第 71篇原创,谢谢你的支持!开门见山,npm install 大概会经过上面的几个流程,本篇文章来讲一讲各个流程的实现细节、发展以及为何要这样实现。嵌套...

2020-01-04 17:12:22

阅读数 410

评论数 0

原创 奇舞周刊第 334 期: llhttp 是如何使 Node.js 性能翻倍的?

记得点击文章末尾的“阅读原文”查看哟~下面先一起看下本期周刊摘要吧~奇舞推荐■ ■ ■llhttp 是如何使 Node.js 性能翻倍的?“Node.js v12 一个非常重磅的...

2020-01-03 20:14:02

阅读数 407

评论数 0

转载 Docker 搭建你的第一个 Node 项目到服务器

本文你能学到什么Docker 是什么Docker 概念关于 Docker 的概念是确实不太好总结,下面我通过四点向你说明 Docker 到底是个什么东西。Docker 是世界领先的软件容...

2020-01-02 16:13:29

阅读数 459

评论数 0

原创 W3C万维物联网解析:编程API篇

编者按:本文作者李松峰,资深技术图书译者,翻译出版过40余部技术及交互设计专著,现任360奇舞团Web前端开发资深专家,360前端技术委员会委员、W3C AC代表。2019年10月21日...

2020-01-01 12:33:28

阅读数 668

评论数 1

转载 如何用 Decorator 装饰你的 Typescript?

如何用 Decorator 装饰你的 Typescript?前言正在着手写 THE LAST TIME 系列的 Typescript 篇,而Decorator 一直是我个人看来一个非常不...

2019-12-31 17:20:36

阅读数 474

评论数 0

原创 Ecma 118th GA会议手记

编者按:本文作者李松峰,资深技术图书译者,翻译出版过40余部技术及交互设计专著,现任360奇舞团Web前端开发资深专家,360前端技术委员会委员、W3C AC代表。近十几年来,Ecma ...

2019-12-30 16:18:51

阅读数 478

评论数 0

转载 SpriteJS 3.0 正式发布 —— 针对可视化大屏渲染优化性能提升10倍+

SpriteJS 3.0 正式版于12月26日发布,这一版与2.x最大的区别是,2.x采用canvas2d渲染,而3.x默认采用WebGL2渲染,在不支持WebGL2的环境中会依次降级为...

2019-12-29 12:18:11

阅读数 488

评论数 0

转载 从 React 历史的长河里聊虚拟DOM及其价值

最近我发现很多面试题里面都有「如何理解虚拟 DOM」这个题,我觉得这个题应该没有想象中那么好答,因为很多人没有真正理解虚拟 DOM 它的价值所在,我这篇从虚拟 DOM 的诞生过程来引出它...

2019-12-28 12:00:00

阅读数 122

评论数 0

原创 奇舞周刊第 333 期:你不知道的 Stream

记得点击文章末尾的“阅读原文”查看哟~下面先一起看下本期周刊摘要吧~奇舞推荐■ ■ ■基于浏览器的实时构建探索之路云时代来临,配套的构建也来到了十字路口,是维持现有技术架构走下去...

2019-12-27 18:35:30

阅读数 470

评论数 0

转载 Hybird动态布局,提升3倍开发效率的玩法!

背景2019年以来,语音市场火爆,映客,陌陌,斗鱼,now 等。大家都按照自己的风格做了多种模式和玩法,例如:电台,1托2,6+1,8+1,音视频结合等模式,以及相亲玩法、pk玩法。为了...

2019-12-26 19:15:01

阅读数 418

评论数 0

提示
确定要删除当前文章?
取消 删除