jQuery Server Calculator前后端练手项目
用 jQuery 写的服务器计算器,功能不复杂,但整合了前端和 Node.js 后台,挺适合拿来练手的。你可以直接在前端输入两个数字,点下加减乘除,后端马上响应,结果立刻出来,响应也快。
前端用的是jQuery配合Tailwind CSS,样式清爽,代码也好改。如果你不想自己搭样式库,直接用 CDN 引入 Tailwind 就行,配置也快:建个tailwind.config.js
放项目根目录就好。
后端是用Node.js配Express搭的,没什么花哨的逻辑,server.js
里就是几个运算路由,结构清晰。启动方式也简单,npm init
+ npm install express
,运行node server/server.js
就能看效果。
还有一点小建议:jQuery.js下载下来记得放项目根目录,这样在index.html
里引用更顺手,不然路径错了你还得调半天。整体来说,这玩意儿用来熟悉前后端数据交互,再合适不过了。
如果你刚好在学 Express 或者在练搭建小服务,不妨试试这个。熟悉 CDN、前后端交互、基本依赖配置,一次性都能练到。
jQuery-server-calculator-master.zip
预估大小:14个文件
jQuery-server-calculator-master
文件夹
INSTRUCTIONS.md
3KB
tailwind.config.js
160B
images
文件夹
stretchGoal_interface.gif
494KB
app screenShot.png
93KB
baseMode.png
38KB
README.md
1KB
.gitignore
24B
server
文件夹
683.86KB
文件大小:
评论区