毕设遇到疑难及知识点总结(前端)

mac2025-06-06  10

1.<%@page isELIgnored="false"%>作用:

<!-- Web容器默认isELIgnored="false"。为true时JSP中的表达式被当成字符串处理,为false会当成表达式处理 -->

2.<%@include file="common/header.jsp"%>作用:用于引入另一个页面

补充:include指令与include动作的区别:指令是静态的,在编译时加入,编译完运行;动作是动态的,是单独编译的,在运行时把页面加进来。

3.-moz-background-size调整背景图片的尺寸大小,Firefox 添加私有属性 -moz-background-size 支持(这里考虑了兼容性问题)

值的含义:

contain; // 缩小图片来适应元素的尺寸(保持像素的长宽比); cover; // 扩展图片来填满元素(保持像素的长宽比); apx bpx; // 调整图片到指定大小; a% b%; // 调整图片到指定大小,百分比相对于包含元素的尺寸。

4.clear: both/*清除浮动*/

   overflow: hidden;/*清除浮动,是父模块对子模块来用的*/

区别 :在父级标签中清除子级标签设置浮动带来的影响,用overflow:hidden;clear:both清除的是同级标签设置浮动所带来的影响

5.css中!important:提高指定样式规则的应用优先权,优先于正常的CSS规则

补充:css优先级:

(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style内联>id选择器>类选择器>标签选择器(权值比较)如果权值相同,写在后面的会覆盖前面的

6.cellpadding是单元格与内容间的空间,cellspacing单元格之间的空间 

7.jstl与el:EL主要用于查找作用域中的数据,然后对它们执行简单操作;SP用于开发信息展现页非常方便;也可以嵌入java代码实现一些逻辑控制。

8.varStatus是<c:forEach>jstl循环标签的一个属性,varStatus属性-------封装了当前遍历的状态.答题卡与题序号的对应关系:题目设置属性data-key为自定义属性,用来保存id值,然后答题卡的id为这时追加蓝色样式。答题卡是超链接,根据id对应试题。

9.layer属性:

type层的类型。0:信息框(默认),1:页面层,2:iframe层,3:加载层,4:tips层。

10.siblings() 方法返回被选元素的所有同胞元素,toggle进行显示与隐藏切换

11.addTab()会默认触发第一个 tab 的 onTabSelected 事件方法

12.tabPanel.tabs()tabs添加到TabPanel中

13.难点:管理员添加考试的时候,考试有开始时间、结束时间、时间限制等文本框需要设置。这不仅仅是考虑自己填入的问题,需要考虑很多因素

首先开始时间必须在结束时间之前:这里应该用easyUI框架就有现成的时间,自己添加条件即可,但实在出不来,就通过算法判断,添加js事件来实现。

其次考虑到网络不稳定等状况,考试时长需在开始时间与结束时间之间,这样就确保在答题过程中出现意外的情况下扔有补救的措施,同时添加相应的js时间来提示提高用户体验。

具体代码:function reval(){     var st=$("#add-startTime").datebox('getValue');     var en=$("#add-endTime").datebox('getValue');          var date3 = new Date(en).getTime()- new Date(st).getTime();   //时间差的毫秒数      alert(date3);     if(date3<0) alert("不合法的时间");     else{          //计算相差分钟数       var minutes=Math.floor(date3/(60*1000))       alert("要小于结束——开始时间:"+minutes);} }

14.使用easyUI框架根据用户以及时间的id来动态获取当前用户对当前时间管理的权限,通过Ajax来获取,这样就实现了最大解耦,但测试了几次都不成功,就在页面上直接调用了处理的方法,也是ajax异步处理,但这样就比较混乱了。

15.根据echart框架的了解,加入了一个成绩统计的功能,但由于时间有限,加入的不是那么成功

16.前端使用easyUI框架,在页面直接增删查改数据库处理起来逻辑比较混乱,就通过后台获取进行显示以及处理。根据数据库id字段来获取parentid字段并显示。

17.页面向后台提交数据进行多选题批阅的时候,如果没有按顺序多选,会造成与数据库不一致,所以在批阅之前要加一个排序的功能。但如果顺序本来就是DB这种,去数据库里处理也得完善:根据字符串????

18.保证了jQuery与$是等同的,window.jQuery(function($) {             "use strict";//让js写法更严谨,当出现不符合要求的js,系统会报错 19.倒计时的实现:jQuery倒计时插件   这个方法为初始化插件             $('time').countDown({                 with_separators : false//是否显示天、小时、分钟和秒数之间的分隔符             });              $('.alt-1').countDown({//生成的time元素的class名称                 css_class : 'countdown-alt-1'             });

20.前台答题卡实现与试题同步:通过id进行绑定,应用easyUI框架。其中题号根据foreach遍历有一个index属性记录当前编号,加上前面题型的题目数即为该题的序号。

21.当上传图片的时候,路径会保存到数据库中,但是下次刷新时又没有了,原来是路径错了。直接加\不对,加/也不对,后来查阅资料用文件分隔符File.separator 就直接是\. 22.style:cursor:pointer当鼠标移上去的时候鼠标会由箭头改为手形

 

最新回复(0)