web进阶

4

小红书面试官：介绍一下 tree shaking 及其工作原理

• 前端森林   1月13日发布
• 2 收藏

写在前面今天这道题目是在和小红书的一位面试官聊的时候：我：如果要你选择一道题目来考察面试者，你最有可能选择哪一道？面试官：那应该就是介绍一下tree shaking及其工作原理？我：为什么？面试官：是因为最近...

9

字节跳动面试官：请用JS实现Ajax并发请求控制

• 前端森林   1月11日发布
• 5 收藏

讲真的，最近也很迷茫。关于技术、关于生活吧。也找了很多在大厂的朋友去聊，想需求一些后期发展的思路。这其中也聊到了面试，聊到了招聘中会给面试者出的一些题目。我正好也好久没面试了，就从中选了几道。最近...

26

面试官：webpack原理都不会？

• 前端森林   1月4日发布
• 18 收藏

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。

37

那些前端开发必不可少的生产力工具

• 前端森林   2020-12-24 发布
• 28 收藏

引言一些开源的生产力工具能极大的提升我们的开发效率（我一直是这么认为的 🤠）。今天推荐一些我一直在用的、比较香的工具给大家。其中包括一些文档、可视化工具、分析工具、代码片段、调试工具等。Collect UI 🦑C...

43

你可能不知道的9条Webpack优化策略

• 前端森林   2020-12-04 发布
• 34 收藏

本文以我自己的经验向大家分享如何通过一些分析工具、插件以及webpack新版本中的一些新特性来显著提升webpack的打包速度和改善包体积，学会分析打包的瓶颈以及问题所在。

50

聊一聊前端性能优化 CRP

• 前端森林   2020-11-24 发布
• 36 收藏

关键渲染路径是指浏览器通过把 HTML、CSS 和 JavaScript 转化成屏幕上的像素的步骤顺序。优化关键渲染路径可以提高渲染性能。关键渲染路径包含了 Document Object Model (DOM)，CSS Object Model (CSSOM)，渲染树...

16

万物皆可快速上手之Electron(第一弹)

• 前端森林   2020-11-16 发布
• 12 收藏

最近在开发一款桌面端应用，用到了Electron和React。React作为日常使用比较频繁的框架，这里就不详细说明了，这里主要是想通过几篇文章让大家快速上手Electron以及与React完美融合。本篇是系列文章的第一篇，主要...

32

从 ElementUI 源码的构建流程来看前端 UI 库设计

• 前端森林   2020-11-13 发布
• 24 收藏

由于业务需要，近期团队要搞一套自己的UI组件库，框架方面还是Vue。而业界已经有比较成熟的一些UI库了，比如ElementUI、AntDesign、Vant等。

13

你可能不知道的15个有用的Github功能

• 前端森林   2020-11-02 发布
• 6 收藏

引言 🏂我们平时的工作中，github是必不可少的代码托管平台，但是大多数同学也只是把它做为了托管代码的地方，并没有合理的去运用。其实github里面有非常多好玩或者有趣的地方的。当然，这些技巧也能对你的工作效...

17

「面试必问」leetcode高频题精选

• 前端森林   2020-10-14 发布
• 13 收藏

引言（文末有福利）🏂算法一直是大厂前端面试常问的一块，而大家往往准备这方面的面试都是通过leetcode刷题。我特地整理了几道leetcode中「很有意思」而且非常「高频」的算法题目，分别给出了思路分析（带图解）和...

47

JavaScript中的这些骚操作，你都知道吗？

• 前端森林   2020-10-12 发布
• 35 收藏

写这篇文章的缘由是上周在公司前端团队的code review时，看了一个实习小哥哥的代码后，感觉一些刚入行不久的同学，对于真实项目中的一些js处理不是很熟练，缺乏一些技巧。

39

Chrome DevTools中的这些骚操作，你都知道吗？

• 前端森林   2020-10-09 发布
• 25 收藏

作为开发人员，平时用的最多的就是Chrome devtools了，但是可能很多同学都像我一样平时用的最多也就只是Console和Elements面板了。

6

关于koa2，你不知道的事

• 前端森林   2020-02-24 发布
• 4 收藏

koa 是一个基于 node 实现的一个新的 web 框架，它是由 express 框架的原班人马打造。特点是优雅、简洁、表达力强、自由度高。和 express 相比，它是一个更轻量的 node 框架，因为它所有的功能都通过插件来实现，...

1

好玩儿的css

• 前端森林   2020-02-09 发布
• 收藏

引言 其实很早就想写一篇关于 css 的文章了。（拖延症，一直没写。。。） css 发展到今天已经越来越强大了。其语法的日新月异，让很多以前完成不了的事情，现在可以非常轻松的做到。 今天带大家看几个用css（部分...

10

你真的了解mongoose吗？

• 前端森林   2020-01-30 发布
• 5 收藏

继上篇文章「Koa2+MongoDB+JWT实战--Restful API最佳实践」后，收到许多小伙伴的反馈，表示自己对于mongoose不怎么了解，上手感觉有些难度，看官方文档又基本都是英文（宝宝心里苦，但宝宝不说）。

19

Koa2+MongoDB+JWT实战--Restful API最佳实践

• 前端森林   2020-01-21 发布
• 12 收藏

通常我们为 Web API 使用 RESTful 设计，REST 概念分离了 API 结构和逻辑资源，通过 Http 方法GET, DELETE, POST 和 PUT等 来操作资源。

9

你不知道的npm

• 前端森林   2020-01-21 发布
• 6 收藏

作为 node 自带的包管理器工具，在 nodejs 社区和 web 前端工程化领域发展日益庞大的背景下，npm已经成为每位前端开发同学必备的工具。

2

浅谈Hybrid

• 前端森林   2020-01-21 发布
• 2 收藏

随着 Web 技术和移动设备的飞速发展，各种 APP 层出不穷，极速的业务扩展提高了团队对开发效率的要求，这个时候使用 IOS/Andriod 开发一个 APP 似乎成本有点过高了，而 H5 的低成本、高效率、跨平台等特性马上被...

32

你可能已经忽略的git commit规范

• 前端森林   2020-01-21 发布
• 25 收藏

git 规定提交时必须要写提交信息，作为改动说明，保存在 commit 历史中，方便回溯。规范的 log 不仅有助于他人 review, 还可以有效的输出 CHANGELOG，甚至对于项目的研发质量都有很大的提升。

8

滚动视差让你不相信“眼见为实”

• 前端森林   2020-01-21 发布
• 5 收藏

其实，这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色的视觉体验，现在已经有数不胜数的网站应用了这项技术。