Recent life

最新推荐文章于 2025-09-05 11:22:47 发布

原创最新推荐文章于 2025-09-05 11:22:47 发布 · 864 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#websphere #javascript #browser #scroll #div #linux

本文分享了作者在课题组的学习经历，重点介绍了使用JavaScript结合面向对象编程(OOP)及设计模式进行Web开发的经验，包括核心功能实现、技术总结等方面的内容。

课题组的氛围仍然让我感觉精力充沛，甚至开学3周我只去上了两次课
加拿大的那个小项目停掉了，但是我的javascript又上升了一个高度
在那个核心功能的实现过程中，将OOP与DesignPattern用到了javascript中
接下来的工作是流量项目的整体改动，以及进入深圳VES项目的启动

加入课题组，从研究生院项目B/S端的开发，掌握了WebSphere与J2EE的架构
参与网络流量控制项目，熟悉了linux下C程序设计以及linux操作系统
萌生第一篇学术论文，虽然还没定稿，但是知道论文是怎么写的
接下来进入深圳VES项目，这个肯定会让我有些兴奋，因为是C/S模式的开发
我喜欢有挑战性的工作

下面是LCC项目核心功能UI实现过程的技术总结：
1。event.x与event.clientX的区别
event.x是鼠标在元素上的相对位置，比如有个div定义成position:relative left:0px，那么鼠标从外面区域移入这个div，event.x会变为0
但是event.clientX却是鼠标相对Browser左边的绝对距离。

2。document.body.scrollTop的问题
LCC中树形节点增加到一定个数，Browser会出现scroll，这个时候移动层的移动实现就需要用到scrollTop+event.clientY
这里的问题是如果页面定义了<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
就要改成document.documentElement.scrollTop

3。LCC核心UI的设计思想
树节点用node，定义为通用的类，里面的UI元素用DIV的position:relative
这样即可解决在添加叶子时实现上下子节点的自动伸缩

Demo:http://cs.whu.edu.cn/funy/dragTree.html