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

难点

瓶颈

场景

难度

55 条回复 • 2021-05-01 07:11:34 +08:00

1

OHyn

2021-04-28 11:36:56 +08:00

拖拉拽开发一个

2

bsg1992

2021-04-28 11:44:05 +08:00

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

3

wunonglin

2021-04-28 11:45:58 +08:00

1

从 0 写一个 google map

4

manami

2021-04-28 11:50:05 +08:00

搞下 3D 图形渲染

5

JenJieJu

2021-04-28 11:53:02 +08:00

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

6

charten

2021-04-28 11:55:18 +08:00

1

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

7

towry

2021-04-28 11:58:27 +08:00

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

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

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

8

dany813

2021-04-28 12:20:41 +08:00

3D 渲染

9

oott123

2021-04-28 12:23:05 +08:00 via Android

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

10

molvqingtai

2021-04-28 13:55:09 +08:00

做个编辑器吧

11

a719031256

2021-04-28 13:57:38 +08:00

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

12

forzalianjunting

2021-04-28 13:59:10 +08:00

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

13

happyeveryday

2021-04-28 14:03:05 +08:00

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

14

xrr2016

2021-04-28 14:19:41 +08:00

富文本编辑器🐶

15

lopda

2021-04-28 14:43:45 +08:00

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

16

yl20181003

2021-04-28 14:45:22 +08:00

这贴怕是要收藏🐶

17

Austin2035

2021-04-28 14:46:48 +08:00

做一个 word 或者 excel 在线版

18

murmur

2021-04-28 14:46:51 +08:00

1

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

19

DFshpAq3

2021-04-28 14:50:25 +08:00

写一个 CSS Grid 的 polyfill，支持 IE6

20

DOLLOR

2021-04-28 14:52:29 +08:00

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

21

CrazyRundong

2021-04-28 14:58:30 +08:00 via iPhone

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

22

leeggco

2021-04-28 14:58:44 +08:00

手写一个 Vue

23

sliveryukilee

2021-04-28 15:04:09 +08:00

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

24

luogege

OP

2021-04-28 15:14:22 +08:00

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

25

IGJacklove

2021-04-28 15:21:45 +08:00 via Android

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

26

66beta

2021-04-28 15:22:37 +08:00

做一个红警 95

27

wudizaliangbing

2021-04-28 15:23:24 +08:00

富文本编辑器+1

28

gaoryrt

2021-04-28 16:15:37 +08:00

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

29

unrulyBoys

2021-04-28 16:29:17 +08:00

浏览器指纹可以研究一下

30

libook

2021-04-28 16:44:26 +08:00

1

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

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

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

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

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

研究爬虫和反爬虫。

31

gBurnX

2021-04-28 16:54:05 +08:00

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

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

32

zhuweiyou

2021-04-28 17:05:42 +08:00

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

33

cyh6146

2021-04-28 18:44:16 +08:00

写一个墨刀

34

MeteorCat

2021-04-28 19:35:00 +08:00 via Android

我感觉是富文本编辑器

35

baoyinlei

2021-04-28 19:54:40 +08:00

富文本编辑器带 vim 功能

36

DiamondYuan

2021-04-28 20:19:08 +08:00

1

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

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

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

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

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

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

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

37

DiamondYuan

2021-04-28 20:20:33 +08:00

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