最近学习前端发现有点瓶颈，想着挑战些有难度的功能

难点

瓶颈

场景

难度

55 replies • 2021-05-01 07:11:34 +08:00

1

OHyn

Apr 28, 2021

拖拉拽开发一个

2

bsg1992

Apr 28, 2021

可视化页面编辑
3D 动画场景
音视频

3

shakaraka

PRO

Apr 28, 2021

1

从 0 写一个 google map

4

manami

Apr 28, 2021

搞下 3D 图形渲染

5

JenJieJu

Apr 28, 2021

动态解析 AST 实现重复造引擎轮子

6

charten

Apr 28, 2021

1

Webgl Canvas2D WebRTC Websocket Webassembly AudioContext ..... 还有一个 fix safari bug after iOS update

7

towry

Apr 28, 2021

开发一个类似腾讯问卷的功能。

1. 后台是一个配置问卷的功能，能拖拽字段组件，配置问卷，可以设置该字段的验证规则，联动规则。
2. 客户端展示问卷，需要根据后端的问卷配置数据处理字段的验证，字段联动等。

保证后面新增字段类型（问题类型）不会对其他字段有影响，即可以轻松新增功能。

8

dany813

Apr 28, 2021

3D 渲染

9

oott123

Apr 28, 2021 via Android

看你想什么方向吧，比如想大战浏览器 api 可以考虑做所见即所得编辑器…

10

molvqingtai

Apr 28, 2021

做个编辑器吧

11

a719031256

Apr 28, 2021

地图标点，数量 10w+
页面 3d 效果展示+调优
常用组件数据封装工具包
多功能富文本

12

forzalianjunting

Apr 28, 2021

富文本，一个功能完善的富文本真的太难了

13

happyeveryday

Apr 28, 2021

写一个框架，注意不是模版脚手架

14

xrr2016

Apr 28, 2021

富文本编辑器🐶

15

lopda

Apr 28, 2021

这个帖子我关注了，哈哈，每次迷茫的时候都来看看各位大佬给出的建议~~~嘿嘿嘿

16

yl20181003

Apr 28, 2021

这贴怕是要收藏🐶

17

Austin2035

Apr 28, 2021

做一个 word 或者 excel 在线版

18

murmur

Apr 28, 2021

1

富文本编辑器（对标 word online ）
企业级电子表格（对标 excel ）
企业级图表（对标 excel 里的图表）
楼主可以上了

19

DFshpAq3

Apr 28, 2021

写一个 CSS Grid 的 polyfill，支持 IE6

20

AV1

Apr 28, 2021

利用 ArrayBuffer，像 C 语言指针一样，直接操作内存中的二进制数据。

21

CrazyRundong

Apr 28, 2021 via iPhone

用 WebGL 实现一个带 GPU 加速的纯前端神经网络推理引擎？

22

leeggco

Apr 28, 2021

手写一个 Vue

23

sliveryukilee

Apr 28, 2021

想挑战浏览器基础 API 可以考虑实现一个功能完善的富文本编辑器

24

luogege

OP

Apr 28, 2021

希望各位不要抖机灵哈，回答一些实在点的东西

25

IGJacklove

Apr 28, 2021 via Android

看看面试的东西呗，比如框架源码，第三方库的实现原理什么的。

26

66beta

Apr 28, 2021

做一个红警 95

27

wudizaliangbing

Apr 28, 2021

富文本编辑器+1

28

gaoryrt

Apr 28, 2021

webgl audiocontext 随便一个都是新世界
google sheet 富文本编辑器，cjk IME 只是麻烦
麻烦和新世界不一样的

29

unrulyBoys

Apr 28, 2021

浏览器指纹可以研究一下

30

libook

Apr 28, 2021

1

订阅 W3C Blog 、V8 Blog 、Mozilla Hacks 、TC39 的 proposals，每篇文献都看一看。

尝试使用 WebSocket 、WebComponent 、WebWorkers 、WebAssembly 做些 demo 。

把以前做过的项目拿来做各种浏览器的适配，包括桌面端、平板端和手机端。

了解一下微前端（ Micro Frontends ）。

了解一下其他领域的知识，比如后端、移动端原生、运维、网络安全。

研究爬虫和反爬虫。

31

gBurnX

Apr 28, 2021

1.从执行原理来讲，学前端，必须要掌握浏览器的调试与代码分析的技能。这样写的前端代码如果不按预期执行，同时全网找不到答案，至少还能自己通过调试来弄清楚问题在哪，虽然麻烦一些。

2.从兼容性与适配来讲，前端在工作时，至少要一套或 2 套虚拟化平台，十几个显示器，每个显示器对应一个 OS 下面的一个浏览器。然后前端写几行代码，所有显示器就立即显示出当前 OS 的当前浏览器下的执行情况。这样哪个 OS 的哪个浏览器，有问题，可以及时发现。

32

zhuweiyou

Apr 28, 2021

富文本,图表,3D,视频 /音频解码器

33

cyh6146

Apr 28, 2021

写一个墨刀

34

MeteorCat

Apr 28, 2021 via Android

我感觉是富文本编辑器

35

baoyinlei

Apr 28, 2021

富文本编辑器带 vim 功能

36

DiamondYuan

Apr 28, 2021

1

1. 富文本编辑器、可以试试看基于 slate 搞一个

2. web ide，基于 monaco 、theia 可以撸一个玩玩

3. webpack 打包优化，设计缓存，搞多线程，减少项目的构建时间。

4. 写 vscode 插件、分析 ast 进行代码提示，提高工作效率。

上面这些都撸过，每一个都很有意思。下面这些还没玩，也很有意思。

5. 写一个 js 的解释器，跑通各种测试。

6. 搭建系统，表单、中后台拖拽搭建。

37

DiamondYuan

Apr 28, 2021

我推荐去读 vs code 源码，可以了解到一个跨端的大型前端项目是如何设计的。