2020年02月_奇舞周刊

转载辩证的眼光搞懂 JWT 这个知识点

什么是 JWT概念JSON Web Token（简称 JWT）是目前最流行的跨域认证解决方案。JWT 原理JWT 组成JWT 由三部分组成:Header，Payload，Signatur...

2020-02-29 18:58:27 460

原创奇舞周刊第 339 期：颜色的原理和应用

记得点击文章末尾的“阅读原文”查看哟~下面先一起看下本期周刊摘要吧~奇舞推荐■ ■ ■手把手教你写出令人窒息的烂代码看看你离“最佳垃圾代码”有多远。颜色：原理和应用给你点颜色看看...

2020-02-28 16:15:26 274

转载 Webpack 插件开发如此简单！

本文使用的Webpack-Quickly-Starter快速搭建 Webpack4 本地学习环境。建议多阅读 Webpack 文档《Writing a Plugin》章节，学习开发简单...

2020-02-27 16:41:56 1161

转载前端高级进阶：如何更好地优化打包资源

这是山月关于高级前端进阶暨前端工程系列文章的第 M 篇文章 (M 随便打的，毕竟也不知道能写多少篇)，关于前 M-1 篇文章，可以从我的 github repo shfshanyue/b...

2020-02-26 17:33:26 1232 1

转载一个白学家眼里的 WebAssembly

编者按：本文转载自知乎专栏《前端随想录》，快来一起学习吧！在知乎「如何看待 WebAssembly 技术」的问题里，可以看出大家普遍对浏览器、WASM 和 JS 之间的三角关系有不少误解...

2020-02-25 16:54:47 589

转载面试官：CSS如何实现固定宽高比？

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

2020-02-24 18:14:54 1152

转载前端 DSL 实践指南（上）—— 内部 DSL

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

2020-02-22 14:17:08 1442 1

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

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

2020-02-21 19:40:55 514

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

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

2020-02-20 08:00:00 621

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

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

2020-02-19 18:57:24 974

转载 ES6之Proxy 的巧用

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

2020-02-18 19:50:37 446

转载玩转 CSS Border-Image

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

2020-02-15 12:40:05 760

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

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

2020-02-14 16:33:20 639

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

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

2020-02-12 16:57:49 897

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

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

2020-02-11 18:19:22 1410

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

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

2020-02-10 19:03:00 615

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

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

2020-02-08 19:06:11 869

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

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

2020-02-07 15:22:12 602

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

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

2020-02-06 19:53:41 649

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

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

2020-02-05 16:11:01 851

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

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

2020-02-04 14:55:51 871

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

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

2020-02-03 17:04:15 985

奇舞周刊