前端开发

队名：观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 学习 展示GitHub当日代码/文档签入记录 无 接下来的计划 完成短租车，页面美化 还剩下哪些任务 s 完成短租车，页面美化 遇到了哪些困难 网络请求速度慢 有哪些收获和疑问 1、收获：后台数据库管理 2、疑问：暂无 许培荣 过去两天完成了哪些任务 文字/口头描述 新增服务端短租车确认归还接口。 前端新增输入框前端js校验，加载时等待动画，开放短租车功能模块，加入认证时上传图片功能。 展示GitHub当日代码/文档签入记录 接下来的计划 优化后台数据库。 还剩下哪些任务 地图功能模块未连入前端页面。有时间可优化前端页面效果。 遇到了哪些困难 无 有哪些收获和疑问 1、收获：无 2、疑问：无 陈湘怡 过去两天完成了哪些任务 文字/口头描述 账户信息、车主认证、学生认证页面的修改，增加了修改车牌号、车型和车主电话功能页面，增加注销账号功能。 展示GitHub当日代码/文档签入记录 接下来的计划 重构主页面，修改订单进行中页面 还剩下哪些任务 前端页面与后端接口的完善 遇到了哪些困难 暂无 有哪些收获和疑问 1、收获：成就感 2、疑问：暂无 陈超颖 过去两天完成了哪些任务 文字/口头描述 完成短租车后端接口部分代码、测试 展示GitHub当日代码/文档签入记录 接下来的计划 与前端

SpringMVC框架是一个基于请求驱动的Web框架，并且使用了‘前端控制器’模型来进行设计，再根据‘请求映射规则’分发给相应的页面控制器进行处理。 （一）整体流程 具体步骤： 1、 首先用户发送请求到前端控制器，前端控制器根据请求信息（如 URL）来决定选择哪一个页面控制器进行处理并把请求委托给它，即以前的控制器的控制逻辑部分；图中的 1、2 步骤； 2、 页面控制器接收到请求后，进行功能处理，首先需要收集和绑定请求参数到一个对象，这个对象在 Spring Web MVC 中叫命令对象，并进行验证，然后将命令对象委托给业务对象进行处理；处理完毕后返回一个 ModelAndView（模型数据和逻辑视图名）；图中的 3、4、5 步骤； 3、 前端控制器收回控制权，然后根据返回的逻辑视图名，选择相应的视图进行渲染，并把模型数据传入以便视图渲染；图中的步骤 6、7； 4、 前端控制器再次收回控制权，将响应返回给用户，图中的步骤 8；至此整个结束。 （二）核心流程 具体步骤： 第一步：发起请求到前端控制器(DispatcherServlet) 第二步：前端控制器请求HandlerMapping查找 Handler （可以根据xml配置、注解进行查找） 第三步：处理器映射器HandlerMapping向前端控制器返回Handler

函数 如果有一段代码要反复执行 那么我们可以用大括号 包起来 起个名字 用来反复调用 这就是函数 所谓函数就是一段代码可以反复执行 只要调用函数 就可以反复执行重复的代码 函数定义的格式: function 函数名(参数(形参)){ 函数体代码(要被反复执行的代码) } 调用函数 函数名(实参); function show(){ console.log("请不要秀"); } show(); 因为函数运行过程中可能需要外部(函数调用者)传进来指定的数据 所以函数需要参数 格式: //形式参数 function 函数名(参数1,参数2,参数3,...参数n){ } 函数调用: 传入实际参数 要和形式参数 格式一样 函数名(实参1,实参2,实参3,...实参n) function plus(a){ //形参 console.log(a+10); } plus(55) //实参 plus(108) 形参和实参的数量不一致时的处理: 形参大于实参时(需要三个参数 我却传了2个 少传了): 多于的形参 值为undefined 形参小于实参(需要三个参数 我却传了4个 多传了): 多于的实参不予理会 形参和实参数量相等: 正常使用 function show(a,b,c) { console.log(a,b,c); } // show(5,6) show(5,6,7,8) 在js中没有函数重载

队名：不等式方程组 组长博客 作业博客 团队项目进度 组员一：张逸杰（组长） 过去两天完成的任务： 文字/口头描述： 制定了初步的项目计划，并开始学习一些推荐、搜索类算法 GitHub签入纪录： 暂无 接下来的计划： 下一周督促负责前端的组员赶快完工，同时开始后端的编写 燃尽图： 还剩下哪些任务： 各模块编码、测试、项目管理同步推进、各模块完成后进行对接 实景测试反馈优化 根据测试反馈优化 遇到哪些困难： 队员对开发软件运用还不熟练 比较多队员没有java的基础，需要临时自学 调整时间安排表比较困难 有哪些收获和疑问： 收获： 可以和队友一起学习新的算法知识、数据库知识，自学了一些有关于团队管理方面的知识。 疑问： 都是一些技术上的疑问 组员二：林家伟 组员二：林家伟 过去两天完成的任务： 文字/口头描述： 完成了数据库的构建 学会了如何构建web框架和前后端交互 GitHub签入纪录： 暂无 接下来的计划： 燃尽图： -实现后端对数据库的操作，并将数据反馈给前端显示 还剩下哪些任务： 真正实现Web框架的构建 完成Python对数据库的操作 遇到哪些困难： 课程压力大，考试较多，时间不足 实践较多，很难进行时间安排 有哪些收获和疑问： 收获： 学会了python的Flask框架 疑问： 需要解决如何在渲染界面的同时完成数据加载 组员三：吴智勇 过去两天完成的任务： 文字/口头描述

队名：不等式方程组 组长博客 作业博客 团队项目进度 组员一：张逸杰（组长） 过去两天完成的任务： 文字/口头描述： 制定了初步的项目计划，并开始学习一些推荐、搜索类算法 GitHub签入纪录： 暂无 接下来的计划： 下一周督促负责前端的组员赶快完工，同时开始后端的编写 燃尽图： 还剩下哪些任务： 各模块编码、测试、项目管理同步推进、各模块完成后进行对接 实景测试反馈优化 根据测试反馈优化 遇到哪些困难： 队员对开发软件运用还不熟练 比较多队员没有java的基础，需要临时自学 调整时间安排表比较困难 有哪些收获和疑问： 收获： 可以和队友一起学习新的算法知识、数据库知识，自学了一些有关于团队管理方面的知识。 疑问： 都是一些技术上的疑问 组员二：林家伟 组员二：林家伟 过去两天完成的任务： 文字/口头描述： 完成了服务器部署 GitHub签入纪录： 暂无 接下来的计划： 燃尽图： -实现后端对数据库的操作，并将数据反馈给前端显示 还剩下哪些任务： 真正实现Web框架的构建 完成Python对数据库的操作 遇到哪些困难： 课程压力大，考试较多，时间不足 实践较多，很难进行时间安排 有哪些收获和疑问： 收获： 学会了python的Flask框架 疑问： 需要解决如何在渲染界面的同时完成数据加载 组员三：吴智勇 过去两天完成的任务： 文字/口头描述： 制定了初步的项目计划

起因：需要搭建一个自动打包处理 sass / js （es6），自动监听文件变化时浏览器自动刷新的开发环境 先放 gulpfile.js 文件，其他的详细配置稍后再介绍 const { src, dest, parallel,series, watch } = require('gulp'); const sass = require('gulp-sass'); const less = require('gulp-less'); const minifyCSS = require('gulp-csso'); const concat = require('gulp-concat'); const babel = require('gulp-babel'); const autoprefixer = require('gulp-autoprefixer') const browserSync = require('browser-sync').create() sass.compiler = require('node-sass'); // Static server async function serve() { await browserSync.init( { server: { baseDir: './build', } } ) } // html 复制 function

一，Bootstrap简介 　　在前端世界，有个叫Bootstrap的家伙，，是twitter 开源出来的一套前端框架，利用Ta可以快速开发网站界面，它的特点就是比自己从头写简单，直观，方便，快捷，省劲。 　　凡是使用过Bootstrap的开发者，都不在乎做这么两件事情：复制and粘贴。哈哈~，是的使用Bootstrap非常简单，但是在复制粘贴之前，需要先对Bootstrap的用法一一熟悉之后我们才开始干活！ 　　Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap是基于HTML，CSS，JavaScript的前端框架，它简洁灵活，使得Web开发更加快捷。它由Twitter的设计师Mark Otto 和 Jacob Thornton 合作开发，是一个CSS / HTML 框架。Bootstrap提供了优雅的 HTML 和CSS规范，它是由动态的CSS语言Less写成的。 　　 它用于开发响应式布局、移动设备优先的 WEB 项目 。 　　我们去bootcdn （ https://www.bootcdn.cn/ ）。会发现Bootstrap是星最多的前端框架之一。 二，常用Bootstrap组件链接 1，基础CSS样式 概要 预置排版样式 统一预制标签样式 按钮样式 表格样式 表单样式 图片样式 辅助工具类 代码样式 栅格系统 xs : 超小屏幕 手机

官方QQ群 1+x 证书 Web 前端开发 CSS3 专项练习 http://blog.zh66.club/index.php/archives/196/ 1+x 证书 Web 前端开发初级理论考试样题 2019 http://blog.zh66.club/index.php/archives/149/ 1+x 证书 Web 前端开发初级实操考试样题 2019 http://blog.zh66.club/index.php/archives/150/ 1+x 证书 Web 前端开发中级理论考试样题 2019 http://blog.zh66.club/index.php/archives/151/ 1+x 证书 Web 前端开发中级实操考试样题 2019 http://blog.zh66.club/index.php/archives/152/ 1+x 证书 Web 前端开发中级理论考试（试卷 1） http://blog.zh66.club/index.php/archives/153/ 1+x 证书 Web 前端开发中级理论考试（试卷 2 ） http://blog.zh66.club/index.php/archives/154 1+x 证书 Web 前端开发中级理论考试（试卷 3 ） http://blog.zh66.club/index.php/archives/170/

内容： JavaScript概述 JavaScript基本语法 JavaScript数据类型 JavaScript运行符 JavaScript流程控制语句 JavaScript基本对象 1. JavaScript 1.1 JavaScript概念 1.1.1 JavaScript 简介 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 脚本语言：不需要编译，直接就可以被浏览器解析执行了 1.1.2 JavaScript 功能 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。 1.1.3 JavaScript发展史 1. 1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名为 ：C--，后来更名为：ScriptEase 2. 1995年，Netscape(网景)公司，开发了一门客户端脚本语言：LiveScript。后来，请来SUN公司的专家，修改LiveScript，命名为JavaScript 3. 1996年，微软抄袭JavaScript开发出JScript语言 4. 1997年，ECMA(欧洲计算机制造商协会)，制定出客户端脚本语言的标准：ECMAScript，就是统一了所有客户端脚本语言的编码方式。 JavaScript组成: JavaScript =

一、CSS变量非全局 最近做项目，发现CSS变量一个有意思的特性，那就是变量作用域非全局。 举个例子，如下HTML和CSS： <div class="box"> <div class="a">测试a</div> <div class="b">测试b</div> <div class="c">测试c</div> </div> .box { --color: red; color: var(--color); } .a { --color: green; color: var(--color); } .b { --color: blue; color: var(--color); } .c { --color: yellow; } web前端开发学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法 （详细的前端项目实战教学视频，PDF） 虽然整个CSS公用一个上下文文档，但是，对于CSS变量，却是有作用域概念的，变量只能作用于自身以及后代元素，兄弟元素，祖先元素都不能享用。 因此，这里最终的颜色是：绿、蓝和红。如下截图： 所以，如果你的变量是全局享用的，则建议放在 :root 上，例如： :root { --color: red; } 当然，也可以使用body或者html标签： body { --color: red; }