Javascript学习记录——一次小项目的总结

  这几天都忙着上课还有准备项目,没有时间写博客,今天总是完成了项目的评比,有点失落,有点感悟。

  背景:博主是传智博客的培训生,学完了html,css,以及js特效,班级共84人,项目分为8组,博主有幸担任第8组组长。

  项目概况:每个组各自以一个网站为模板进行模仿,页面为非静态页面,时间为1周,包括上课时间。(博主用的原生js)

  项目完成过程:

  1、接到任务当天,博主便组织小组成员在晚自习时间进行一次简单的讨论,然后发布任务,每人选择两个自己中意的网站,并说明理由,第二天将要写的网站定下来。

  2、次日上午,发现小组12人少于一半的成员去找寻网站,并以一切以组长吩咐为准为由,积极性并不高。经过有限的几人讨论,我们最终将网站定位了uehtml这个设计网站。

  3、网站确定下来后,开始分布任务,博主的本意是:这个网站对html结果以及css的样式应用也有挺多,正好可以对前面的知识点进行巩固,同时可以进行自定义一些模块,添加更丰富的js特效。于是相同的页面每人负责一个。接着博主进行一个简单的编写规格,对字体样式以及页面宽度进行了限定。

  4、项目正式开始,因为中间还有上课时间,所以只能利用晚自习以及一天的自习时间和一天的放假时间进行,总的算起来时间可能就3天左右。在这过程中大部分组员还是能积极地参与,但是因为基础不扎实的原因,直到最后一天也就是昨天,也还有成员没有完成页面结构样式的编写。更别谈一些自定义Js特效模块了。而在这过程中,博主自己也是太注重自己页面的实现,没有多花点时间与组员进行讨论,主动去了解每个人遇到的问题,给予更多的解答与建议。

  5、项目评比,我们小组由博主演说,最终处在第五名。

  问题与不足:

  1、网站确定时想法不够全面,因为评比是由所有其他学员打分,所以基本上比的就是够炫,而我们选择的比较主动html与css方面,导致基础不好的学院可能就没有时间去有自己想法去完成自定义的js特效模块。

  2、作为组长,博主没有做到一个合格的领导者。

    (1)没有激发组员的积极性,导致有两位成员干脆就没有去做;

    (2)没有适时地与组员进行沟通,了解其问题所在以及其进度;

    (3)没有对每个小组成员每天项目完成度的规划;

  3、bug:

    (1)头部尾部与内容兼容问题:每个页面头部与尾部一样,因此便由博主统一编写,而同时小组成员也在进行自己页面的编写,当博主写完相同结构的时候,与组员自己内容合并时会产生一些bug,比如定位层级问题,变量的冲突问题,引用冲突问题。

    (2)代码未写进入口函数,这个问题比较深刻,有报错undefined,但是代码没有什么问题,而又以为是与头尾部的兼容问题,在博主进行打印测试的时候,组员在不经意间自己发现这个bug。

    (3)其他问题也都是组员各自的实现问题,不一一讲述。

  收获与感悟:

  1、对html/css/js的简单运用更加熟练。

  2、为了页面的实现,对css3的一些属性有了提前的了解与运用。

  3、了解了每个组员具体的状态,为下次项目的进行打下了基础。

  4、知道了自己的薄弱点,以及不足之处,以后可以针对性地进行改进。

  对下次项目的一个大致规划:

  1、首先做一份具体的文档规范,包括不限于类名的设置,变量的声明,字体等等

  2、主动了解每个成员的学习状态,进行项目时根据能力进行项目的分配,为每个成员规定具体的完成内容

  3、完成自己内容的同时,积极与组员沟通,为其提供建议与解决方案

  4、分配基础扎实的组员负责几名基础薄弱的组员,为其解决问题

  5、做一个项目进度表,实时督查,组员每天汇报自己任务完成进度

  

  希望下个项目我能改变自己,带领我的第八组拿到项目评比第一。

时间: 2024-10-11 17:26:34

Javascript学习记录——一次小项目的总结的相关文章

JavaScript学习记录day1

JavaScript学习记录day1 学习 javascript JavaScript学习记录day1 1. 快速入门 2. 编程工具 3. 语法 4. 注释 5. 大小写 JavaScritps 是什么? JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 在Web世界里,只

JavaScript学习记录day2

JavaScript学习记录day2 学习 javascript JavaScript学习记录day2 1.1 数据类型 1.2 变量 1.1.1 Number 1.1.2 字符串 1.1.3 布尔值 1.1.4 比较运算符 1.1.5 null和undefined 1.1.6 数组 1. 数据类型和变量 1. 数据类型和变量 1.1 数据类型 1.1.1 Number JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型: 123; // 整数1230

javascript 学习记录

关于牛B的Jquery源头 (function(){ //这里省略jQuery所有实现 })(); 1:无论你怎么去定义你的函数 JS解释器都会把它翻译成一个 Function对象 2:那什么是Function? Function对象是javascript里面 固有对象,所有的函数实际上都是一个 Function对象 3: alert(typeof function(){});// "function" alert(typeof function(x,y){return x+y;});

JavaScript学习记录day5-函数的定义和调用

JavaScript学习记录day5-函数的定义和调用 [TOC] 1. 定义函数 在JavaScript中,定义函数的方式如下: function abs(x) { if (x >= 0) { return x; } else { return -x; } } 上述abs()函数的定义如下: function指出这是一个函数定义:abs是函数的名称:(x)括号内列出函数的参数,多个参数以,分隔:{ ... }之间的代码是函数体,可以包含若干语句,甚至可以没有任何语句.请注意,函数体内部的语句在

JavaScript学习记录day7-高阶函数

JavaScript学习记录day7-高阶函数 [TOC] 1. 什么是高阶函数 高阶函数英文叫Higher-order function.那么什么是高阶函数? JavaScript的函数其实都指向某个变量.既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数. 一个最简单的高阶函数: function add(x, y, f) { return f(x) + f(y); } 当我们调用add(-5, 6, Math.abs)时,参数x,

JavaScript学习记录day9-标准对象

JavaScript学习记录day9-标准对象 [TOC] 在JavaScript的世界里,一切都是对象. 但是某些对象还是和其他对象不太一样.为了区分对象的类型,我们用typeof操作符获取对象的类型,它总是返回一个字符串: typeof 123; // 'number' typeof NaN; // 'number' typeof 'str'; // 'string' typeof true; // 'boolean' typeof undefined; // 'undefined' typ

Javascript学习记录——原生JS实现旋转木马特效

昨天学习到了JS特效部分,然后老师讲了旋转木马特效的实现,如上图.不过只是讲了通过点击箭头实现图片的切换,对于点击图片本身以及二者联动却是没有讲解. 本着一颗追求完美的心,今天花费了一个中午终于将整个功能全部完善(死了太多脑细胞~~). 接下来直接进入主题哈~(主要讲解JS,所以对其中的HTML及CSS不做详细说明.) 首先是HTML代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset

诶西,JavaScript学习记录。。。。。。

由于大学课程缘故,老师巨爱叫人问问题,还记分呢,随便记录一下Js的学习情况,以后复习什么的也比较方便吧...... 开始咯,就按照C语言学习那样的方法来吧! ==================================割割割================================== 1.数据类型(这里只是大概提一下) 1 /* 2 我认为Js里没有明显的数据类型,仅有 字符串.数字.布尔.数组.对象.Null.Undefined 3 */ 4 5 var temp = 'leg

JavaScript学习记录总结(八)——全选、反选

<!DOCTYPE html><html><head><title>checkboxs.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><me