1 Star 1 Fork 0

ilovelnmp / MIUI-master

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

仿小米官网

这是一个仿小米官网的web前端项目,主要用到的技术栈: HTML+CSS3+JavaScript+DOM+BOM+AJAX+JSON。

该项目项目遵循W3C标准和web语义化规范。主页主要分为头部、内容部分、和页脚部分。    通过原生js实现了页面的轮播功能,主要运用到js中的定时器和帧动画,运用到函数的封装,调用以及闭包回调。

 通过ajax和封装json数据实现了页面与数据分离,(要运行项的话目需要搭建一个本地的服务器,也可以用webstorm直接打开运行项目)

用Ajax的异步加载的形式去请求“文档片段”或通过JSON数据配合DOM动态生成页面,这样可以使得页面不需要再去加载子页面内的整个个css和js等文

件,和一些不必要的标签(包括整个

标签和文档声明)。这样一来就使得页面加载的速度得到很大提升,页面也不会因为跳转刷新出现短暂白屏的

情况,从而使得用户体验得到提升。不需要页面跳转,网站所有功能都通过一个页面完成的页面现在的术语叫法为“SPA”(single page application,

译为:单页面应用程序。也有叫“SPWA”,其中的“W”表示“web”)

网站的部分模块通过DOM创建元素节点。

通过BOM实现了页面的跳转

空文件

简介

《仿小米官网》技术栈: HTML+CSS3+JavaScript+DOM+BOM+AJAX+JSON 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/ilovelnmp/MIUI-master.git
git@gitee.com:ilovelnmp/MIUI-master.git
ilovelnmp
MIUI-master
MIUI-master
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891