黑色风格的界面,Netflix 的经典布局,配上 React 写的逻辑,做一个模仿项目再合适不过了。netflix-clone用的是 Create React App,脚手架开箱即用,项目结构也清晰,适合练手或者做个展示项目。 项目目录里直接跑yarn start就能看效果,响应也挺快的,改完代码自
Webpack 0 次浏览
React 项目的 API 练习场,react-api-coding-challenge挺适合练新手功的。项目是脚手架生成的,结构清晰,直接 yarn start 就能跑起来,省去一堆配置烦恼。 热更新的体验还不错,改个代码页面自动刷新,开发效率比较高。你想跑测试的话,直接敲 yarn test 就
Webpack 0 次浏览
仿 Facebook 风格的时间轴项目,蛮适合练练前端功底的。用的是JavaScript主导交互,加上CSS3做视觉,能实现动态加载内容、滑动查看动态,还能上传图片、展示好友消息什么的。整个结构比较清晰,用DOM 操作把每条动态渲染到页面上,配合AJAX还能实现无刷新加载,响应也快。时间轴的数据通常
Javascript 0 次浏览
贪吃蛇小游戏是一个适合前端小伙伴练手的项目,是学习HTML5、JavaScript、CSS的好材料。嗯,代码结构简单,易于理解,完全可以作为基础练习。你可以通过游戏逻辑实现来巩固你的前端技能,比如利用HTML5 canvas来绘制游戏界面,借助JavaScript来控制游戏逻辑。更重要的是,这个小游
HTML5 0 次浏览
黑白配色的电商首页、轮播图+侧边栏的经典布局、商品卡片该有的样式全都有,1 号店完整代码.zip真的挺适合刚啃完 HTML+CSS+JavaScript 的你去练练手。结构清晰、命名规整,用 Chrome 直接打开index.html就能看到完整效果。 整体是模仿早期电商网站的风格,像顶部导航、商品
HTML5 0 次浏览
HTML5 的捕鱼达人的源码,算是前端练手项目里比较经典的。页面用的是canvas画布,图形渲染靠JavaScript来控制,配合点WebSocket做实时互动,做游戏基本该用的技术它都碰了个遍,挺全乎的。 画面上的鱼啊、炮台这些,基本都是通过canvas动态绘制的。你要是想练练怎么用request
HTML5 0 次浏览
拼图小游戏的前端项目,算是上手练手都挺合适的选择了。用的是HTML5、CSS3 和 JavaScript,代码不复杂,逻辑清晰,自己动手玩一圈,多知识点就顺带捋顺了。 HTML5 的结构标签比较实用,像、、这些,语义清楚,对后期维护也友好。而且像拼图这种项目,还能顺带学下、本地存储这些小功能,玩起来
HTML5 0 次浏览
前端基础的练手机会,真的挺推荐这个小项目。目录结构、HTML 标签、锚点链接这几个点虽然基础,但是真正用顺了,写页面就会顺多。尤其是文件怎么分、标签怎么选、锚点怎么跳,实践一遍印象更深。项目不大,上手快,还能反复改着练,适合想打牢基本功的你。
Nodejs 0 次浏览