第1章 项目概述和环境搭建 项目概述 项目介绍 云和健康管理系统是一款应用于健康管理机构的业务系统，实现健康管理机构工作内容可视化、会员管理专业化、健康评估数字化、健康干预流程化、知识库集成化，从而提高健康管理师的工作效率，加强与会员间的互动，增强管理者对健康管理机构运营情况的了解。 产品介绍和功能展示 主流程参考资料中的健康体检主流程.jpg。 详细流程和功能介绍参考资料中的云和健康PRD文档。
1 移动端布局方案 1.1 百分比布局（流式布局） 百分比布局是一种等比例缩放的布局方式，也是移动Web开发中比较常见的布局方式。在CSS代码中需要使用百分比来设置盒子的宽高。 例如，把盒子的宽度设置成百分比，网页就会根据浏览器的宽度和屏幕的大小来自动调整显示效果。 而且一般的情况下，我们都会用 max-width 和 min-width 做相关的宽度限制以防止过度的拉伸。以下是子元素设置百分比的
Bootstrap 中的下拉菜单依赖于 类，或者添加了 的元素。如果想要让菜单弹出的方向向上，可以为下拉菜单的父元素设置 类（默认
现今大型网站，大部分已经没有做响应式了（例如淘宝）。我们会发现，淘宝网手机端和网页端使用的是两个域名，也就是说，不同的
通过 实现小标签，用于提示类。8 标记给链接、导航等元素嵌套 元素，可以很醒目的展示新的或未读的信息条目。9 图片组件元素添加 生成框相符的颜色。11 模态框模态框是指以弹出对话框的形式出现的弹框。注意：11.1 显示隐藏通过一个添加按钮，按钮必须
转换是 CSS3 中具有颠覆性的一个特征，可以实现元素的位移、旋转、变形、缩放。通过 transform 转换来实现 2D 转换或者 3D 转换。
51．一个宽 500px，高500px 的盒子中，有一个宽 100px，高 100px 的盒子，如何让这个 100px 宽 100px 高的盒子上下左右居中，请写出最少三种方案，每种形式至少有一种。45．为页面上的p标签：
Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使 Web 开发更加快捷。它对 HTML、CSS 和 JavaScri
这是针对直接子元素的，也就是说，你需要对所有嵌套的列表都添加这个类才能具有同样的样式。使用 Bootstrap 的排版特性，您可
设置了 类的表单元素，默认设置宽度属性为 。将 元素和表单元素包裹在 中可以按照排好的样式进行展示。7.2 内联表单为 元素添加 类可使其内容左对齐
外联式是作为单独的 CSS 文件从外部引入的 ，在 link 标签中通过 media 属性可以设置样式使用的媒体设备。使用媒体查询能够在不改
特性中提到：BFC就是页面上的一个独立容器，容器里面的子元素不会影响外面元素，同样外面的元素不会影响到BFC内的元素。浮动的盒子会遮盖下⾯
所谓的界面样式，就是更改一些用户操作样式，以便提高更好的用户体验。更改用户的鼠标样式表单轮廓防止表单域拖拽。
1 移动端布局基础 虽然 H5 的页面与 PC 的 Web 页面相比简单了不少，但让我们头痛的事情是要想尽办法让页面能适配众多不同的终端设备。下图是我们需要适配的移动端屏幕设备尺寸，看到这些数据，是不是有一种键盘敲烂的感觉。 <img src="https://gitee.com/rawait/rwpicgo/raw/master/teaching/2021-12-22/20211
1 BFC BFC（Block Formatting Context），块级格式化上下文，它规定了内部的块级元素的布局方式，默认情况下只有根元素（即body）一个块级上下文。 BFC是一个独立的布局环境，BFC 内部的元素布局与外部互不影响 可以通过一些条件触发 BFC，从而实现布局上的需求或解决一些问题 可以将 BFC 想象成一个工具，无需探究其定义，只要着重理解其功能（特性）即可 1.1
1 Flex 布局 1.1 Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box { display: flex; } 行内元素也可以使用 Flex 布局。 .box { display: inline-flex; } flex： 将对象
day09-JAVAOOP 课程目标 1. 【理解】什么是内部类 2. 【掌握】匿名内部类 3. 【掌握】引用数据类型作为方法的参数 4. 【理解】final关键字的使用 5. 【理解】包的定义及使用 6. 【理解】权限修饰符 7. 【掌握】static关键字的使用 内部类 什么是内部类 将一个类A定义在另一个类B里面，里面的那个类A就称为内部类，B则称为外部类。 内部类的分类 成员内部
day08-JAVAOOP 课程目标 1. 【理解】什么是接口 2. 【掌握】接口的定义格式 3. 【掌握】接口的使用 4. 【理解】接口的成员特点 5. 【理解】类和接口 抽象类和接口之间的关系 6. 【掌握】单继承多实现 7. 【理解】接口之间的多继承 8. 【掌握】接口的案例 9. 【理解】什么是多态 10. 【理解】使用多态的前提 11. 【掌握】多态的格式 12. 【理解】多态中的成
day07-JAVAOOP 课程目标 1. 【理解】什么是继承 2. 【掌握】继承的使用 3. 【理解】继承中的成员的特点 4. 【理解】super和this的作用 5. 【理解】什么是抽象类 6. 【掌握】抽象的使用 继承 继承概述 多个类中存在相同属性和行为时，将这些内容抽取到单独一个类中,这个类就是父类，那么多个子类无需再定义这些属性和行为，只要继承那一个类即可。如图所示： <
day06-JAVAOOP 课程目标 【理解】 什么是面向对象 【理解】 类和对象的关系 【掌握】 类的定义和使用 【掌握】 三大特征之封装 【掌握】 this关键字的使用 【掌握】构造方法的使用 【掌握】JAVABean的编写 面向对象概述 面向对象：万事万物皆为对象； 现实世界可以接触的都是对象：pc 鼠标 显示器 笔记本 ；天气 现实世界： 大象： 对象;
day05_java基础 课程目标 1. 【理解】什么是方法 2. 【掌握】方法的格式 3. 【理解】方法的执行流程 4. 【掌握】方法的案例 5. 【理解】方法的重载 6. 【理解】方法参数的传递 方法概述 什么是方法 方法（method）完成某一个特定功能的代码块 方法基本使用 将资料中给大家提供的打怪物发射炮弹重复的代码，把一些重复代码进行抽取（封闭）思想. 抽取代码 publ
day04_java基础 课程目标 1. 【掌握】 IDEA的基本使用 2. 【理解】 什么是数组 3. 【掌握】 数组的定义及初始化 4. 【理解】 数组的内存图 6. 【理解】 数组常见的问题 7. 【掌握】 数组的案例 8. 【理解】 二维数组 开发工具 IDEA开发工具 参见：IDEA工具安装详解.doc 一维数组 什么是数组 数组就是存储数据长度固定的容器，存储多个数据的数据类型
day03_java基础语法 课程目标 1. 【掌握】掌握switch语句 2. 【掌握】for循环 3. 【掌握】while循环 4. 【理解】do...while循环 5. 【理解】三种循环之间的区别 6. 【理解】跳转控制语句 7. 【理解】循环的嵌套 8. 【掌握】Random的使用 switch语句 switch语句格式 switch (表达式) { 类型 不含long ，byte s
day02 - Java基础语法 课程目标 1. 【理解】数据类型转换 2. 【掌握】五种运算符类型 3. 【掌握】数据录入 4. 【掌握】流程控制语句-IF语句 类型转换 自动类型转换 把一个表示数据范围小的数值或者变量赋值给另一个表示数据范围大的变量。这种转换方式是自动的，直接书写即可。 示例 double num = 10; // 将int类型的10直接赋值给double类型
day01_Java基础 课程目标 1. 【了解】Java语言发展史 2. 【理解】Java语言平台版本 3. 【理解】Java语言特点 4. 【理解】JRE与JDK 5. 【掌握】Java开发环境搭建 6. 【掌握】第一个Java程序 7. 【掌握】注释 8. 【理解】关键字/标识符 一.Java语言概述 1.1 Java语言发展史 Ja
AI国产之光CodeGeeX 来源 AI 能否将人类从「敲代码」这项枯燥乏味的工作中解放出来？ 我们认为，答案是肯定的，并且希望每一位程序员都能够受益于「AI 代码生成」的强大能力。 ChatGPT把AI带火了，我就在想，能用它做点什么呢，总不能只让它给我们带来焦虑，也要让我们从科技浪潮中分得一点红利吧。一番查找下来，有个功能对我们程序员来说比较实用，就是AI的代码提示补全功能。 最先找到的是
第六讲 ES6.Class 编程语言语言，都有关于类的定义和使用，java，C#，C++。使用class的关键字，js之前的版本，没有用。保留字，ES6启用了该关键字。 6.1 传统方法 通过构造函数定义，并生成对象。 //定义传统的类，js之前的写法 function Person(name,salary) { this.name=nam
第五讲 函数的扩展 5.1 函数默认值 函数在ES5的写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>函数的默认值</title> <script>
第四讲 字符串 js包含两种定义字符串的方式：'',"",``反引号的格式定义字符串，模板字符串。 4.1 模板字符串 4.1.1 为什么要使用模板字符串 let name='张晨光'; // let level=99; // let str='教师名：'+name+'，游戏级别'+level; // console.log(
Copyright © 2005-2023 51CTO.COM 版权所有 京ICP证060544号
