自学前端路途上做过的一些小项目；资源-CSDN文库

共22个文件

jpg：10个

js：5个

png：4个

需积分: 11 107 浏览量 2022-04-02 09:32:28 上传评论收藏 2.02MB RAR 举报

在自学前端的过程中，积累实战经验是非常重要的一步。这个标题“自学前端路途上做过的一些小项目”表明，这里包含了一位前端学习者在探索技术道路上所完成的实际项目，旨在通过实践来深化理论知识并提升技能水平。描述中的“记录我自己学习前端的过程”，暗示了这个压缩包可能包括了学习者的代码、笔记、项目文档等资源，目的是为了自我回顾和改进，同时也欢迎他人进行交流和指正，体现了开源精神和互助学习的理念。标签“前端”和“学习”进一步明确了主题，前端开发是互联网应用的用户界面部分，涉及HTML、CSS、JavaScript等核心技术，以及React、Vue、Angular等框架的运用。学习前端不仅需要掌握这些基础和进阶技术，还需要了解用户体验、响应式设计、性能优化等方面的知识。 “simulationHUAWEI”作为压缩包子文件的名称，可能是模拟华为官网或者某个特定功能的项目。在前端开发中，模仿知名网站或应用是常见的练习方法，通过这种方式，学习者能深入了解不同网站的布局、交互设计，并尝试实现相似的功能。这样的项目可能涉及到响应式布局、图片懒加载、导航栏动态效果、Ajax异步请求等技术点，同时还有可能运用到CSS预处理器（如Sass、Less）和模块打包工具（如Webpack、Rollup）。在实际的前端项目中，开发者通常会遵循一定的工程化规范，比如使用Git进行版本控制，编写清晰的README文档以介绍项目的背景、技术栈和使用方法，使用npm或yarn管理依赖，编写单元测试和集成测试以确保代码质量。因此，这个压缩包可能还包含了这些辅助文件，帮助其他开发者理解并参与到项目中。这个压缩包提供了一个学习和交流前端技术的平台，通过实际项目的学习，初学者可以巩固基础知识，提升解决问题的能力，同时也为有经验的开发者提供了分享经验、指导新手的机会。在前端领域，不断实践和迭代是提升技能的关键，而开源和共享的精神则能推动整个社区的进步。

资源详情

资源评论

资源推荐

收起资源包目录

simulationHUAWEI.rar （22个子文件）

simulationHUAWEI

css

practice.css 2KB

From.css 236B

img

img2.png 10KB

img3.png 10KB

img1.png 10KB

annual-report-2021.jpg 290KB

whole-home.jpg 93KB

matepad-paper-pc-cn.jpg 63KB

1608875842775280.jpg 642KB

vmall-activity-03-2-2.jpg 112KB

hwcloud-03.jpg 143KB

logo.png 189KB

1-matebook-x-pro-2022-2.jpg 61KB

011d4e5db52e90a801209e1f45f664.jpg@1280w_1l_2o_100sh.jpg 260KB

techclass.jpg 208KB

nova-9se-pc.jpg 55KB

practice.html 6KB

picDV.js 789B

animation.js 1KB

switPic.js 1KB

table.js 761B

ss.js 1KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>模拟华为官网</title> <link type="text/css" rel="stylesheet" href="css/practice.css" /> <link type="text/css" rel="stylesheet" href="css/From.css" /> </head> <body>  <div>  <div id="Navigation"> <div id="logo"> <img src="img/logo.png"/> </div>  <div class=""> <div class=""> <ul > <li onclick="picsy()"><a href="#">首页</a></li> <li><a href="https://baike.baidu.com/item/%E5%8D%8E%E4%B8%BA%E4%BC%81%E4%B8%9A%E6%96%87%E5%8C%96/5841005" onclick="piccCulture();return false">企业文化</a></li> <li><a href="https://www.huawei.com/cn/executives" onclick="steam();return false">管理团队</a></li> <li><a href="https://www.huawei.com/cn/corporate-information" onclick="pp();return false">企业简介</a></li> <li onclick="picDV()"><a href="#" >华为测试</a></li> </ul> </div>  </div> </div>  <div>  <div id="swit"> <div><img src="img/techclass.jpg" id="img"></div> <div> <ul id="oll"> <li><a href="img/img1.png" onclick="pi1();return false"><img src="img/img1.png"></a></li> <li><a href="img/img2.png" onclick="pic();return false"><img src="img/img2.png" ></a></li> <li><a href="img/img3.png" onclick="pi3();return false"><img src="img/img3.png"></a></li> </ul> </div> </div>  <div id="tuijian"> <h1><strong>推荐信息</strong></h1> <div id="imgMessageFirst"> <div id="firstDV"><img src="img/1-matebook-x-pro-2022-2.jpg" onmouseover="btnIN()" onmouseleave="btnON()"/></div> <div id="secondDV"><img src="img/nova-9se-pc.jpg"></div> </div> <div id="imgMessageSecond"> <div id="thirdDV"><img src="img/matepad-paper-pc-cn.jpg"/></div> <div id="forthDV"><img src="img/whole-home.jpg"/></div> </div> </div> <div id="Form"> <form method="post" action=""> <h2 align="center">华为官网满意度调查问卷</h1> <ul class="question"> <li>Q1.官网是否美观( )。</li> <li><input type="radio" name="Q1" value="20" />A.是</li> <li> <input type="radio" name="Q1" value="0" />B.否</li> </ul> <ul class="question"> <li>Q2.官网内容是否简单明了( )。</li> <li class="xx"><input type="radio" name="Q2" value="20" />A.是</li> <li class="xx"> <input type="radio" name="Q2" value="-1" />B.否</li> </ul> <ul class="question"> <li>Q3.在您禁用脚本后，是否可以浏览最基本的信息</li> <li class="xx"><input type="radio" name="Q3" value="20" />A.是</li> <li class="xx"> <input type="radio" name="Q3" value="-5" />B.否</li> </ul> <ul class="question"> <li>Q4.您的浏览流畅程度</li> <li class="xx"><input type="radio" name="Q4" value="20" />A.流畅</li> <li class="xx"> <input type="radio" name="Q4" value="-3" />B.一般</li> </ul> <ul class="question"> <li>Q5.您的体验程度</li> <li class="xx"><input type="radio" name="Q5" value="20" />A.非常好</li> <li class="xx"> <input type="radio" name="Q5" value="-7" />B.一般</li> </ul> <div class="tijiao"> <li > <input class="button" id="tj" type="button" value="提交" onclick="checkResult();"/> <input class="button" type="reset" value="重置" /></li> </div> </form> </div>  <div class="bottom"> <div id="gy"> <ul> <li><a href="#"><strong>关于华为</strong></a></li> <li><a href="#">公司简介</a></li> <li><a href="#">可持续发展</a></li> <li><a href="#">信任中心</a></li> <li><a href="#">管理层信息</a></li> </ul> <ul> <li><a href="#"><strong>新闻与活动</strong></a></li> <li><a href="#">新闻</a></li> <li><a href="#">展会活动</a></li> <li><a href="#">媒体图库</a></li> </ul> <ul> <li><a href="#"><strong>发现华为</strong></a></li> <li><a href="#">HUAWEITech</a></li> <li><a href="#">出版物</a></li> </ul> <ul> <li><a href="#"><strong>我们的产品</strong></a></li> <li><a href="#">个人及家庭产品</a></li> <li><a href="#">企业产品</a></li> <li><a href="#">华为云服务</a></li> </ul> <ul> <li><a href="#"><strong>技术支持</strong></a></li> <li><a href="#">消费者技术支持</a></li> <li><a href="#">华为云技术支持</a></li> <li><a href="#">企业技术支持</a></li> <li><a href="#">产品安全通告</a></li> </ul> </div> <ul id="for"> <li><strong>友情链接：</strong> <select size="1" name="d1" onChange="window.open(this.options[this.selectedIndex].value)"> <option>相关链接</option> <option value="https://www.vmall.com/index.html/">华为商城</option> <option value="https://www.hihonor.com/cn/shop/?cid=130666">荣耀商城</option> <option value="https://huaweistore.tmall.com/">华为淘宝旗舰店</option> <option value="https://hihonor.tmall.com/">荣耀淘宝旗舰店</option> </select> </li> </ul> <ul id="fiv"> <li>web初学者制作 2022-3-30©保留所有权利，未经允许不得擅自更改</li> <li><a href="#">联系我们</a></li> <li><a href="#">法律声明</a></li> <li><a href="#">隐私声明</a></li> <li><a href="#">除名查询</a></li> </ul> </div> </div> <script src="js/animation.js"></script> <script src="js/switPic.js"></script> <script src="js/table.js"></script> <script src="js/picDV.js"></script> </body> </html>