2019年07月_奇舞周刊

原创风格与品位--3个前端代码规范的工具

编者按：本文作者奇舞团前端开发工程师林向东。我们知道代码规范的作用；我们也知道工具才能让我们真正遵守代码规范。本文简绍三个工具 EditorConfig ，Prettie...

2019-07-31 19:09:09 374

转载【前端冷知识】你还在用charCodeAt那你就out了

在JavaScript中处理中文和其他Unicode字符时，我们会用到处理Unicode相关的API。在早期，JavaScript提供的String.prototype....

2019-07-30 13:19:22 1044

原创不到 0.3s 完成渲染！360 信息流正文“闪开”优化实践

编者按：本文作者奇舞团前端开发工程师李喆明。开篇之前先介绍一下场景。信息流是一个基于用户兴趣使用算法将用户感兴趣的新闻内容推荐给用户的一种业务。这种业务带有非常特色的场景...

2019-07-29 12:30:03 218

转载【前端冷知识】如何优雅地取数值的整数和小数部分

如何优雅地获取一个数的整数和小数部分？这个问题看起来简单，实际上也大有学问。如果有老司机告诉你，用num|0取整是最简单的方式，你能反驳TA，说出这其中隐藏的坑吗在处理数...

2019-07-27 10:52:05 1468

原创奇舞周刊第 314 期：还在用 charCodeAt？你 out 了！

记得点击文章末尾的“阅读原文”查看哟~下面先一起看下本期周刊摘要吧~奇舞周刊如约而至~ 周末愉快~奇舞推荐■ ■ ■Serverless：将给前端发展带来大变革的...

2019-07-26 15:34:17 175

转载【前端词典】有趣的大厂算法面试题

前言看到一篇算法文章，觉得着实有趣，但不知为何我看到题后首先想到的是田忌赛马。今天我也试着解释下这题，当做是一个学习的过程。解题过程题目：64 匹马，8 个赛道，找出前 ...

2019-07-25 15:55:19 75

原创给你一个奇舞团面试秘籍（下）

编者按：本文作者奇舞团前端开发工程师刘冰晶。亲爱的小伙伴们，还记得几周之前的算法秘籍吗？有上就一定会有下，这是奇舞周刊给你们的承诺！下面的代码更多的是一些常用函数的JS实...

2019-07-24 16:50:30 267 1

转载【前端冷知识】在什么情况下 a === a - 1 ？

从一道可（变）爱（态）的面试题说起。上周，我们团队小仙女同学考了我一道面试题，题目是：在什么情况下，a === a - 1。我也不知道这道题具体来源是谁，但是作为一位沉浸...

2019-07-23 11:57:21 838

原创触发浏览器回流的属性方法一览表

编者按：本文作者奇舞团前端开发工程师何文力，同时也是 W3C CSS 工作组成员。本文翻译自 https://gist.github.com/paulirish/5d52...

2019-07-22 18:57:49 879

转载从薛定谔的猫聊到 Event loop

前言上次我们从高阶函数聊到了promise，这次我们聊聊:•从promise A+规范和promise应用来看promise的特性•promise和 e...

2019-07-20 17:20:00 147

原创奇舞周刊第 313 期：Lodash 严重安全漏洞背后

记得点击文章末尾的“阅读原文”查看哟~下面先一起看下本期周刊摘要吧~转眼又到周五~ 周刊君改 bug 去啦，祝大家周末愉快！奇舞推荐■ ■ ■CodeSandbo...

2019-07-19 18:30:46 182

转载花椒前端基于WebAssembly 的H.265播放器研发

一、背景介绍随着近些年直播技术的不断更新迭代，高画质、低带宽、低成本成为直播行业追求的重要目标之一，在这种背景下，H.264 标准已成为行业主流，而新一代的 HEVC（H...

2019-07-18 08:00:00 326

原创最小栈和最小队列

编者按：本文作者高峰，360奇舞团前端工程师，W3C性能工作组/WOT工作组成员。相信栈和队列这两种数据结构大家一定都不陌生吧。这两种数据结构有个特殊形式：即最小栈和最小...

2019-07-17 11:53:10 295

转载深入浅出Vue响应式原理

前言Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不...

2019-07-16 20:35:59 97

转载如何测试网站的可访问性

编者按：本文作者：安佳，360 搜索事业部的前端开发工程师，W3C CSS 工作组成员。站在 Web 开发的角度，一提到网站的可访问性，可能大部分人最想知道的就是：如何评...

2019-07-15 19:40:29 1829

转载浏览器渲染基本原理解析

大多数设备的刷新频率是60Hz，也就说是浏览器对每一帧画面的渲染工作要在16ms内完成,超出这个时间，页面的渲染就会出现卡顿现象，影响用户体验。前端的用户体验给了前端直观...

2019-07-13 09:30:18 273

转载面试官：JavaScript的数组有什么特别的地方吗？

数组是前端开发者最常用的数据结构了，我们在项目中无时不刻在操作着数组，例如将列表组件的数据储存在数组里、将需要渲染成条形图的数据同样储存在一个数组里，虽然我们经常使用数组...

2019-07-12 18:50:33 188

原创 WSL：在Windows下优雅地玩Linux

本文作者：刘观宇，360 奇舞团高级前端工程师、技术经理，W3C CSS工作组成员。引子一直以来，Windows的命令行的体验都不是特别的友好。由于Windows以图形界...

2019-07-11 08:00:00 1759

转载【进阶 6-6 期】深入篇 | Lodash 防抖和节流是怎么实现的

戳蓝字「高级前端进阶」关注我们哦！引言前面几节我们学习了节流函数 throttle，防抖函数 debounce，以及各自如何在 React 项目中进行应用，今天这篇文章主...

2019-07-09 18:07:38 1260

原创需求分析与开发时间评估

编者按：本文作者Berwin，W3C性能工作组成员，360导航资深前端工程师。《深入浅出Vue.js》作者。今天想谈一谈关于“需求分析”和“开发时间”这两个话题，工作这么...

2019-07-08 18:50:43 1361

转载『多图警告』手撕排序算法 - 前端进阶必备

作者：陈大鱼头github：https://github.com/KRISACHAN算法是什么？算法（Algorithm）已经是一个老生常谈的概念了，最早来自于数学领域...

2019-07-07 21:37:03 278

转载 Deep In React之浅谈 React Fiber 架构(一)

阅读本文大约需要 10分钟前言2016 年都已经透露出来的概念，这都 9102 年了，我才开始写 Fiber 的文章，表示惭愧呀。不过现在好的是关于 Fiber 的资料...

2019-07-06 17:59:39 137

原创奇舞周刊第 312 期：前端开发编程语言的过去、现在和未来

记得点击文章末尾的“阅读原文”查看哟~下面先一起看下本期周刊摘要吧~奇舞推荐■ ■ ■前端开发编程语言的过去、现在和未来贺老（hax）聊编程语言的发展。未来前端的...

2019-07-05 17:40:22 218

转载【进阶 6-5 期】[译] Throttle 和 Debounce 在 React 中的应用

本篇是译文，原文是 Improve Your React App Performance by Using Throttling and Debouncing引言使用 ...

2019-07-04 18:22:33 235

原创你不知道的环境变量

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

2019-07-03 17:28:56 128

转载这儿有20道大厂面试题等你查收

今年来，各大公司都缩减了HC，甚至是采取了“裁员”措施，在这样的大环境之下，想要获得一份更好的工作，必然需要付出更多的努力。本文挑选了20道大厂面试题，建议在阅读时，先思...

2019-07-02 21:08:55 164

转载 Web 安全漏洞之文件上传

编者按：本文转载自 ThinkJS 知乎专栏。文件上传漏洞及危害文件上传漏洞是指网络攻击者上传了一个可执行的文件到服务器上，当开发者没有对该文件进行合理的校验及处理的时候...

2019-07-01 11:31:28 392

奇舞周刊