jQuery Server Calculator前后端练手项目

用 jQuery 写的服务器计算器,功能不复杂,但整合了前端和 Node.js 后台,挺适合拿来练手的。你可以直接在前端输入两个数字,点下加减乘除,后端马上响应,结果立刻出来,响应也快。

前端用的是jQuery配合Tailwind CSS,样式清爽,代码也好改。如果你不想自己搭样式库,直接用 CDN 引入 Tailwind 就行,配置也快:建个tailwind.config.js放项目根目录就好。

后端是用Node.jsExpress搭的,没什么花哨的逻辑,server.js里就是几个运算路由,结构清晰。启动方式也简单,npm init + npm install express,运行node server/server.js就能看效果。

还有一点小建议:jQuery.js下载下来记得放项目根目录,这样在index.html里引用更顺手,不然路径错了你还得调半天。整体来说,这玩意儿用来熟悉前后端数据交互,再合适不过了。

如果你刚好在学 Express 或者在练搭建小服务,不妨试试这个。熟悉 CDN、前后端交互、基本依赖配置,一次性都能练到。

zip
jQuery-server-calculator-master.zip 预估大小:14个文件
folder
jQuery-server-calculator-master 文件夹
file
INSTRUCTIONS.md 3KB
file
tailwind.config.js 160B
folder
images 文件夹
file
stretchGoal_interface.gif 494KB
file
app screenShot.png 93KB
file
baseMode.png 38KB
file
README.md 1KB
file
.gitignore 24B
folder
server 文件夹
folder
public 文件夹
file
index.html 2KB
folder
styles 文件夹
file
style.css 198B
folder
scripts 文件夹
file
client.js 2KB
folder
vender 文件夹
file
jquery-3.5.1.js 281KB
file
server.js 1KB
file
package-lock.json 194KB
file
package.json 658B
zip 文件大小:683.86KB