22
2025
05

woodworm-像素木虫

woodworm是一款非常好玩的益智游戏。控制一个小虫子,把方形的木头吃成指定的形状。非常锻炼脑力。

icon.png

点击开始玩 Woodworm by spratt

19
2025
03

手写笔工具

之前做过画板工具,自由绘制的时候,只是画出了鼠标的路径,没有粗细的变化。

想要加上粗细的变化,显示更美观一些。

13
2024
11

codemirror移动端输入bug解决

项目中用到写代码的组件,用的CodeMirror(5.x版)。最近在android设备上测试,发现一个bug。

20
2024
09

js窗口组件

项目中可能会遇到需要弹出一个窗口。类似于windows系统的窗口,能够拖动,能够调整尺寸,能够关闭。

20
2024
09

SplitPanel-窗口拆分工具库

项目中可能会需要用到窗口分割布局。

比如做一个在线的代码编辑器,左侧是目录,右侧是编码区,下边是控制台。

比如做一个文档浏览页,左侧是目录,有测试内容展示。

需要能手动调整各个区域的占比

20
2024
09

js拖拽工具库

项目中经常会有拖拽功能。

自己写的一个用于拖拽的库。

13
2024
09

xtermjs实现input

做一个在线的python代码编辑器。

使用xterm.js作为terminal,显示输出,接收输入,使用skulpt.js运行代码。

默认terminal不支持输入,运行到input代码时,开启输入,输入完成,关闭输入。

13
2024
09

ace显示空格和缩进-python代码

使用ace.js制作python代码编辑器。

python代码块用缩进来区分。

可以是空格,也可以是\t。

代码编辑器里边看不出来是空格还是\t,有时候就会很坑。

13
2024
09

ace高亮显示错误行

使用ace.js做代码编辑器,当代码运行报错时,如何显示错误行。

13
2024
09

ace支持多文件切换

使用ace.js做一个在线代码编辑器。

也用过codemirror。

如何实现支持多个文件,可以切换文件,切换之后,还保留文件的状态和操作记录,比如光标位置,撤销历史记录,等等。