Advertisement

OKR演示1的前端开发。

  • 5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:None


简介:
OKR-demo1项目专注于前端开发,旨在通过设定明确的目标和关键成果,提升团队的工作效率和产品质量。该演示版提供了一个前端应用场景下的OKR实践示例,展示了如何将战略目标转化为可衡量的任务,并跟踪其执行进度。具体而言,该项目着重于前端技术的应用与优化,力求为用户提供流畅、稳定的交互体验。通过对前端功能的精细化设计和持续迭代改进,OKR-demo1致力于实现更卓越的前端开发成果。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • WebGIS
    优质
    本示例展示如何运用现代Web技术进行地理信息系统(GIS)的前端开发,涵盖地图显示、数据交互及用户界面设计等关键环节。 使用OpenLayers框架开发的地图展示控件采用了天地图作为GIS引擎。该控件实现了叠加标注、鼠标点击或悬停要素时的气泡显示以及点线面绘制等功能。
  • Vue实战文稿
    优质
    本演示文稿深入浅出地讲解了如何使用Vue.js进行高效、优雅的前端开发,包含项目构建、组件设计与交互逻辑实现等内容。适合初学者和进阶开发者参考学习。 vue前端开发实战PPT介绍了Vue框架的核心概念、组件化开发方法以及项目实践技巧等内容,旨在帮助开发者掌握Vue的高级用法并提高其在实际项目中的应用能力。通过一系列案例分析与操作演示,观众可以深入了解如何高效地使用Vue进行网页和移动端应用的构建。
  • 工程师(初级)1
    优质
    前端开发工程师(初级)主要负责网站和应用界面的设计与实现,掌握HTML、CSS及JavaScript等技术,具备良好的编程习惯和团队协作能力。 在前端开发领域内,初级前端开发工程师需要掌握一系列基础知识和技术,包括HTML、CSS以及JavaScript。 1. **HTML** 是网页内容的基础语言,定义了网页的基本结构与元素。它包含文档类型声明、头部(``)和主体(``),以及其他标签如块级元素和内联元素等。这些元素有助于页面的布局设计。此外,HTML还通过标题标记 (``) 设置网页名称,并利用元数据 (`<meta>`) 提供关于页面的重要信息,包括字符编码及关键词设定。在 HTML 中还可以直接定义样式(`<style>`)和脚本(`<script>`),并通过使用如 `<div>` 的结构元素来划分内容区域、链接到其他页面的超链接标记 (`<a>`) 以及各种文本、列表、图片等展示形式。 2. **CSS** 是用于控制网页样式的语言,它决定了布局与外观。选择器(例如类和ID)是 CSS 中的基本组成部分之一;另外还包括了如何设置背景色或图像、使用流体设计或网格系统进行页面布局的方法,以及实现动画效果的技巧等。此外,通过引入预处理器如 Sass 或 Less 以提高代码效率,并利用 Bootstrap 和 Foundation 等框架来加速开发流程。 3. **JavaScript** 是前端编程的核心语言之一,用于处理用户交互及动态内容生成。它涵盖了变量定义、数据类型(字符串、数字、布尔值等)、操作符和表达式等内容;同时介绍了函数与对象的概念及其在代码中的应用方式,并且提到了一些重要的内置对象如 Date 和 RegExp 的使用方法。此外,JSON 作为轻量级的数据交换格式也在其中有所涉及。 4. **DOM**(文档对象模型)是 HTML 或 XML 文档的编程接口,它允许开发者访问和操作这些文档的内容、结构及样式等信息。这部分内容包括了对 DOM 树的理解及其节点的操作方法;同时介绍了事件处理机制以及如何利用 JavaScript 来实现元素样式的动态修改等功能。 5. **DOM 实践** 强调理论知识在实际项目中的应用,如组件化开发以提高代码的可维护性,并且还涵盖了跨浏览器兼容性问题解决、性能优化及用户体验设计等方面的实践技能。 初级前端工程师需要掌握上述基础知识并持续学习新的框架和库(例如 React、Vue 和 Angular),以便跟上快速发展的技术趋势。同时具备良好的编程规范意识,以及测试与团队协作能力则是职业发展中不可或缺的部分。 </div><!----> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="<span style=color: #f73131>开</span>放<span style=color: #f73131>OKR</span>:<span style=color: #f73131>开</span>源<span style=color: #f73131>的</span><span style=color: #f73131>OKR</span>管理工具" href="https://d.itadn.com/i0_61662756096/B/751411" target="_blank"><span style=color: #f73131>开</span>放<span style=color: #f73131>OKR</span>:<span style=color: #f73131>开</span>源<span style=color: #f73131>的</span><span style=color: #f73131>OKR</span>管理工具</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 开放OKR是一款开源的OKR(目标与关键结果)管理工具,旨在帮助个人和团队设定、追踪及实现目标。通过透明协作提升工作效率和组织效能。 OpenOKR 是一款开源的 OKR(目标与关键结果)管理软件,旨在解决从创业到公司不同发展阶段中的多方面管理问题。它致力于建立战略与执行之间的一致性,并帮助浮现您的主要目标以及引导工作和协调任务的方向。通过这种方式,确保公司将精力集中在整个组织内的相同重要问题上。 OpenOKR 支持自上而下和自下而上的 OKR 设置过程,使贡献者能够更好地参与其中并实现团队协作的目标。以下是为 OpenOKR 设计与实施做出主要贡献的人员名单: - 项目负责人:陈益宏 - 用户体验设计师:刘永兵 - 前端工程师和技术主管: - 后端工程师: - 质量检查工程师: 此项目已获得 GNU GPL 3.0 许可证的许可。 </div><!----> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="<span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>开</span><span style=color: #f73131>发</span>流程图表<span style=color: #f73131>示</span>" href="https://d.itadn.com/i0_65481785102/B/709534" target="_blank"><span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>开</span><span style=color: #f73131>发</span>流程图表<span style=color: #f73131>示</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本作品为一张详细的前端开发流程图,涵盖了从需求分析到上线维护的整个过程,旨在帮助开发者系统地理解和优化其工作流程。 前端流程图采用Gooflow框架进行开发,基于JavaScript技术,并支持自行添加模块。 </div><!----> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="使用ThinkPHP框架<span style=color: #f73131>开</span><span style=color: #f73131>发</span><span style=color: #f73131>的</span>小型<span style=color: #f73131>演</span><span style=color: #f73131>示</span>项目,涵盖<span style=color: #f73131>前</span>后<span style=color: #f73131>端</span>。" href="https://d.itadn.com/i0_35656402380/B/629701" target="_blank">使用ThinkPHP框架<span style=color: #f73131>开</span><span style=color: #f73131>发</span><span style=color: #f73131>的</span>小型<span style=color: #f73131>演</span><span style=color: #f73131>示</span>项目,涵盖<span style=color: #f73131>前</span>后<span style=color: #f73131>端</span>。</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 这是一个基于ThinkPHP框架构建的完整小型演示项目,包含前端和后端开发,适合学习和实践。 基于ThinkPHP框架编写的一个小Demo,涵盖了前端和后端的内容,非常适合新手学习和了解ThinkPHP框架的使用方法。 </div><!----> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="WEB<span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>开</span><span style=color: #f73131>发</span><span style=color: #f73131>1</span>+X初级教案.pdf" href="https://d.itadn.com/i0_34407180236/B/11750" target="_blank">WEB<span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>开</span><span style=color: #f73131>发</span><span style=color: #f73131>1</span>+X初级教案.pdf</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 《WEB前端开发1+X初级教案》是一本针对初学者设计的专业教材,内容涵盖了HTML、CSS和JavaScript等基础知识,并结合实际项目进行教学。适合高校教育与职业培训使用。 1+X Web前端开发初级考证完整培训教案(P134),涵盖所有知识点,适用于培训教师和考证学生,也可作为上课教案使用。 </div><!----> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="WEB<span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>开</span><span style=color: #f73131>发</span><span style=color: #f73131>1</span>+X初级教案.rar" href="https://d.itadn.com/i0_46016809990/B/23696" target="_blank">WEB<span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>开</span><span style=color: #f73131>发</span><span style=color: #f73131>1</span>+X初级教案.rar</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本资料为《WEB前端开发1+X初级教案》,涵盖HTML、CSS及JavaScript等基础知识与实战技能,适用于初学者系统学习和掌握前端技术。 1+X WEB前端开发初级教案.rar </div><!----> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="<span style=color: #f73131>1</span>+X 中级WEB<span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>开</span><span style=color: #f73131>发</span>教案.pdf" href="https://d.itadn.com/i0_42297339284/B/122457" target="_blank"><span style=color: #f73131>1</span>+X 中级WEB<span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>开</span><span style=color: #f73131>发</span>教案.pdf</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 《1+X 中级WEB前端开发教案》是一本专注于中级Web前端技术教学的专业书籍,内容涵盖了HTML、CSS和JavaScript等核心知识点以及一些高级技术和最佳实践。适合希望提升自身技能的前端开发者参考学习。 《1+X Web前端开发中级考证》完整培训教案共220页,涵盖所有考试知识点。适用于培训教师和参加考核的学生使用,也可作为上课的教案。 </div><!----> </div> </li> </body> </html>