前端编程经验的总结

功能界面设计,涉及到的技术有前端的CSS+DIV布局,以前布局使用表格,框架,现在布局基本上
使用区块的浮动布局。
功能界面实际的一般思路是:
  >1. 首先是要有项目的需求分析,完成需求说明的文档,这个部分右需求分析是完成。
  >2. 功能界面的设计,这部分由美工和网站策划师完成。
  >3. 前端工程师完成功能界面的实现,必须分毫不差的实现美工的效果。
  >4. 布局完成,渲染完成之后,即可以为表单添加特效,校验及其他的特效等,也就是
        前端工程师的脚本编程。
  >5. 有些异步请求的校验,以及需要用异步请求完成的功能可以是由服务端工程师完成。
  注:对于CSS+DIV的布局:
      有一般的规律可循:
    *1. 搭建结构,用HTML标签元素搭建文档的结构
    *2. 添加图片,文件等内容
    *3. 给标签元素命名,有利于层叠样式表给特定标签元素的渲染
      >类别命名一般用于层叠样式表选择使用
      >标号命名一般用户Js编程加特效
      注:这里说的是一般,也可以混用,
      命名习惯:
      #1. 类别命名可以使用标签类型+功能名字的方法
      #2. 编号命名根据需要或者是需求命名
      注:这里还是得听项目经理的
  *4. 给标签的样式表塞值:
    塞值步骤可以是(个人经验):
    #前提: 可以有公共通用的层叠样式表的塞值文件:
      *commons.css可以设置属性,如所有标签
      或者是文件中用到的标签内外边距为0,图
      片的边框大小为0px,锚标记得字体大小。
      颜色,访问样式的设置,如:
      text-decoration,a:visited,a:hover,
      a:link,a:active
      剩下通用字体的设置等等。
    #1. width(宽度) height(高度)
    #2. line-hight(行高) text-align/vertical-algin
      (文本的对齐方式)
      是水平对齐还是垂直对齐。
    #3. 字体的设置:font-size(字体大小) font-weight
      (字体粗细)
      color(字体颜色)
    注:层叠样式表也支持继承,说白了就是就近原则
      覆写的原则。
    #4. 背景图片,背景色:background,background-color
    #5. 内边距 边框 外边距:
      padding border margin
    #6. 最后就是布局:是区块元素或者内嵌区块元素就要
      布局,float(浮动布局),relative, absolute
      overflow等
    #7. 特殊的层叠样式表的塞值:
      *1. left=-1px;左位移
      *2. bottom=-1px;相邻元素向上位移
      *3. z-index=0;层叠权限级别

Js编程经验总结:

脚本编程用到的最多的就是Java脚本库:JQuery,封装了Java脚本编程中对元素的选择方法,Java脚
本编程的操作对象是DOM(Document Object Model)元素:文档对象模型,是基于事件响应的编程,其中用到了许多的回
调函数即函数指针的调用,通过传递函数对象(很多的匿名函数),局部依赖方法,完成相应的功能。说简单点,其实脚本编程其实就是
选择标签元素后,对表签元素的属性的设置值,移除值,以及对其层叠样式表属性的设值或移除值,对其文本内容的
getter,setter以及对标签元素的getter delete等等,从而对DOM元素添加特效。

异步请求:JQuery的异步请求方式,有6种常用的方法,

注:Js的对象表示方式可以使重量级的xml文件,或者是轻量级的json数据表示方式(字符串键,对象值)
*1. $.ajax({
//请求的地址
url:"",
//异步请求要提交的参数
data:{},
//是否异步请求
async:true/false,
//是否缓存
cache:true/false,
//异步的请求方式
type:"POST",
//传输的数据类型
dataType:"json",

//异步请求成功之后要调用的函数,result是异步请求的服务端方法成功之后的返回值
success:function(result){
...
}
});
//url:为你要请求访问服务器地址,data为你要提交的参数,
//function 为异步请求成功之后要执行的函数
*2. $.post(url,data,function);
*3. $.get(url,data,function);
*4. $.load(url,data,function);//不管请求成功或者失败,都会执行回调函数。
*5. $.getJSON(url,data,function);
*6. $.getScript(url,fuction)

EL表达式:

*EL表达式中判断对象值是否为空的方式: ${empty 值}
*EL表达式中判断对象值是否相等的方式:
  >1. eq 一般选用这个,比较字符串不需要用双引号。
  >2. == 这个也可以用

伪协议:href="javascript:",超链接后为执行javascript类型的方法。

<c:out value="" />是jstl标签库中提供的数据输出功能,${}是J2EE中提供的数据输出功能,两者完成的效果一样。

el表达式一般不直接用==判断是否相等,> < >= <= !=之类的表示大于,小于,大于等于,小于等于, 不等于,而是
使用字母的表达式,eq,ne,gt,lt,,ge,le,字符串比较,不需要使用“”。

时间: 2024-10-01 05:21:56

前端编程经验的总结的相关文章

老夫决定把这九年的编程经验传授给你。

前语:不要为了读文章而读文章,一定要带着问题来读文章,勤思考. 作者:刘超 来源:http://1t.click/y8P 时间一晃而过,大学毕业转眼间已经工作 9 年了,总结一下自己这些年来的感受. 与程序打交道的人生,是简单的人生 一次做规划局的项目,规划局的职员很是钦佩地说:"你们真了不起,在电脑上敲敲键盘就能做出软件来." 规划局领导说:"跟电脑打交道是最简单的,难的是跟人打交道." 领导的话很有深意,一语道破了本质,做程序的人,是比较简单的. 不懂什么叫编程

前端编程和线程

转自:http://www.cnblogs.com/liaowanzhong/p/5143692.html 1.       HTML5是以后前端编程的趋势,因为它封装了html4+CSS+JavaScript,可以提升了编程开发效率.但是并不代表CSS和Js就可以不学习,当你明白了编程语言底层的原理之后对程序员的编写的程序的健壮性和出错调试都很有帮助. a)         CSS的作用就是给html标签的属性赋自定义的初始值,完成对页面文档流的渲染效果. b)         Js的作用就是

前端编程提高之旅(二)----网站常见特效的jquery实现

最好的编程语言是逻辑,前端各种交互特效的实现多可以用jquery实现,特效可以纷飞,内在逻辑则基本不变.这一篇文章主要介绍jquery实现常见特效背后的逻辑.    1.通过类名获取元素集合    首先来看一个js原生代码不支持的方法,通过类来获取元素集合. document.getElementsByClassName=function(classname){ var retnode = []; var myclass = new RegExp('\\b'+classname+'\\b');/

牢记20条编程经验

http://article.yeeyan.org/view/184220/150437 原文作者乔纳森·丹尼可(JonathanDanylko)是一位自由职业的Web架构师和程序员,编程经验已超过20年 1. 估算解决问题所需要的时间.不要怕,承认吧!我曾见过一些程序员为了解决一个特殊问题而坐在显示器前面8小时.为自己定一个时间限制吧,1小时.30分钟或甚至15分钟.如果在这期间你不能解决问题,那就去寻求帮助,或到网上找答案,而不是尝试去做“超级堆码员”. 2. 编程语言是一种语言,只是一种语

Python/Numpy大数据编程经验

Python/Numpy大数据编程经验 1.边处理边保存数据,不要处理完了一次性保存.不然程序跑了几小时甚至几天后挂了,就啥也没有了.即使部分结果不能实用,也可以分析程序流程的问题或者数据的特点. 2. 及时用 del 释放大块内存.Python缺省是在变量范围(variablescope)之外才释放一个变量,哪怕这个变量在后面的代码没有再被用到,所以需要手动释放大的array. 注意所有对数组的引用都del之后,数组才会被del.这些引用包括A[2:]这样的view,即使np.split也只是

JAVA web编程经验之: 一个请求一个事务

对于一个web请求,你会开启几个事务呢? 或许你没注意过吧. 又或许你不会对代码,性能要求太高,所以.... 一个请求一个事务, 因为一个事务往往和一个数据库连接关联, 如果开启了多个事务的话,也就意味着多个数据库连接, 性能不高吧? 前提 1.项目的代码结构分层如下: web层 ->  service层 -> infrastructure层(或DAO层) 2.所有事务都添加在 service层, 通过AOP(或其他类似的技术)实现 先看代码(一个Spring Controller 的调用代码

Windows网络编程经验小结

转自:CSDN网友的强贴,其ID:gdy119 (夜风微凉) 1. 如果在已经处于 ESTABLISHED状态下的socket(一般由端口号和标志符区分)调用closesocket(一般不会立即关闭而经历TIME_WAIT的过程)后想继续重用该socket: BOOL bReuseaddr=TRUE; setsockopt(s,SOL_SOCKET ,SO_REUSEADDR,(const char*)&bReuseaddr,sizeof(BOOL)); 2. 如果要已经处于连接状态的soket

嵌入式C编程经验 之 全局变量猛于虎

/********************************************************************************* * Filename: 一线研发之声:嵌入式C编程经验 之 全局变量猛于虎 * Author:SedateFire          E-mail:[email protected] * Version:1.001                 Time: 2012-01-05 * key: 嵌入式  os-less  全局变量 

编程经验

所谓高手,就是说他在模仿的过程中不断比较自己写的东西和框架本身的差异,不断发现问题,想尽办法解决问题,思考得越多,你碰到的问题就会越多,这是一个正向循环,最终你的技术能力就会螺旋式的上升:而低手只会被动的等待问题,一旦问题自己觉得解决得差不多就放下了,这样自然就不会产生更多的问题,最终技术能力就始终停留在那个菜鸟阶段 1. 估算解决问题所需要的时间.不要怕,承认吧!我曾见过一些程序员为了解决一个特殊问题而坐在显示器前面8小时.为自己定一个时间限制吧,1小时.30分钟或甚至15分钟.如果在这期间你