JSF学习笔记
- 格式：doc
- 大小：186.00 KB
- 文档页数：37
下载文档原格式
合集下载
JavaScript语言精粹笔记
JavaScript语⾔精粹笔记JavaScript语⾔精粹笔记 掌握语⾔的每个特性可以让你出风头，但是并不推荐，因为⼀部分的特性带来的⿇烦可能远超本⾝的价值。
正如书中所⾔，坏的材料并不能雕刻出好的作品，要成为⼀名更好的程序员，要取其精华去其糟粕。
当你知道要做什么的时候，它还能表现的更好，编程时⼀件相对困难的事情，绝不应该在懵懂的状态下开始编程之旅。
JS中的注意为//或者/*content*/，注释⼀定要精确地描述代码，不然没有⽤的注释⽐没有注释更糟糕。
JS中的代码块不会创建新的作⽤域，因此变量应该被定义在函数的头部，⽽不是在代码块中。
try语句执⾏⼀个代码块，并捕获该代码块抛出的任何异常。
catch从句定义⼀个新的变量来接收抛出的异常对象。
throw语句抛出⼀个异常，如果在try中，那么流程控制语句跳转到catch从句中，如果在函数中，则该函数调⽤被放弃，控制流程跳转到调⽤该函数的try语句的catch从句中 return语句会导致从函数中提前返回，可以返回指定的值，但是如果没有指定，那么就返回undefined，并且不允许在return关键字和表达式之间换⾏ 对象是通过引⽤来传递，他们永远不会被复制。
原型连接在更新时是不起作⽤的，当我们对某个对象做出改变时，不会触及对象的原型。
只有在检索值的时候才被⽤到。
如果我们尝试去获取对象的某个值的时候，但是该对象没有此属性名，会去寻找原型对象，如果原型对象中也没有，那么再从它的原型中寻找，以此类推，最终到object.prototype。
如果属性完全不存在原型链中，那么结果就是undefined，这个过程被称之为委托。
hasOwnprototype()检测对象是否拥有此属性，该⽅法不会检查原型链。
for in属性名的顺序是不确定的，最好的办法就是完全避免使⽤，⽽创建⼀个数组⽤来保存正确顺序的属性名 delete删除属性不会触及原型链中的任何对象，可以让来⾃原型链的属性透现出来。
红宝书笔记总结
红宝书笔记总结《JavaScript高级程序设计》（红宝书）是一本经典的JavaScript编程指南，由Nicholas C. Zakas撰写。
本书涵盖了JavaScript语言的基础知识、高级概念和最佳实践，对于想要深入学习和理解JavaScript的开发人员来说是一本不可或缺的参考书。
本文将对红宝书中的主要内容进行总结和归纳。
第一部分：JavaScript语言基础第一部分介绍了JavaScript的基本语法、数据类型和操作符等基础知识。
重点包括以下几个方面：1.JavaScript的基本语法：介绍了JavaScript的变量声明、函数定义和控制流语句等基本概念，使读者能够熟悉JavaScript的语法规则。
2.数据类型和变量：详细介绍了JavaScript的基本数据类型（数字、字符串、布尔值等）以及如何声明和操作变量。
3.操作符：介绍了JavaScript的各种操作符，包括算术操作符、比较操作符和逻辑操作符等，以及它们的优先级和使用方法。
4.语句：介绍了JavaScript的各种语句，包括条件语句、循环语句和跳转语句等，使读者能够使用这些语句实现复杂的程序逻辑。
第二部分：引用类型第二部分讲解了JavaScript中的引用类型，包括对象、数组、函数和正则表达式等。
以下是主要内容：1.对象：介绍了JavaScript中对象的基本概念和创建方法，以及如何使用点操作符和方括号操作符来访问对象的属性和方法。
2.数组：详细介绍了JavaScript中数组的特性和操作方法，如如何添加和删除数组元素、排序和迭代数组等。
3.函数：介绍了JavaScript中函数的定义和调用方法，以及函数的参数、作用域和闭包等概念。
4.正则表达式：解释了JavaScript中正则表达式的基本语法和常用方法，以及如何使用正则表达式进行模式匹配和替换等操作。
第三部分：面向对象的JavaScript第三部分讲解了JavaScript中的面向对象编程，包括面向对象的基本概念、继承和封装等。
javascript学习笔记-韩顺平
第三讲∙Js的数据类型：∙基本数据类型∙数值类型∙字符串类型∙布尔类型通过typeof可以看到变量的具体数据类型举例：<html><head><title> New Document </title><script language="javascript">var vi="abc";var v2=890;window.alert("v1是"+typeof v1);window.alert("v2是"+typeof v2);vi=456; //体现js是动态语言：即数据类型可以任意变化window.alert("v1是"+typeof v1);//体现js是动态语言</script></head><body></body></html>∙复合数据类型∙数组∙对象∙特殊数据类型∙Null 即：var=null∙Undefined即：如下代码<script language="javascript">window.alert(tt ); //直接报错：未定义var tt; //未给值</script>∙Js定义变量，初始化，赋值∙定义变量：即var=a∙初始化：即在定义变量时就给值∙赋值：即：比如你先定义一个变量 var=tt ，然后再给值：tt=780；∙js数据类型转换：∙自动转换例子：var=123; //a是数值a=”hello” //a的类型是string∙强制转换例子：字符串转换成数字Var a="123” ;a=parseInt(a); //使用系统数强制转换Var b=90 ; //b是numberb=b+””, //b就是string∙运算符∙+ — * / %∙%(取摸：即两个数相除的余数) 强调：取模主要用于整数之间取模例子：编写一个程序，判断两个数是否能够整除<script language="javascript">var a=90;var b=8;if(a%b==0){window.alert("能整除");}else{window.alert("不能整除");}</script>∙++，运算符a++ = a=a+1a-- = b=b-1++a 表示先把自己加1再赋值--a 表示先把自己减1再赋值例子：Var a=56;Var b=++a; //b=++a等同于[a=a+1;b=a] b=a++等同于[b=a; a=a+1;] Window.alert(b);Window.alert(a);∙--运算符∙Var a=56;∙Var b=--a; //b=--a等同于[a=a-1;b=a] b=a--等同于[b=a; a=a-1;]∙Window.alert(b);∙Window.alert(a);例子：编写一个程序，判断两个数是否能够整除<script language="javascript">var a=90;var b=8;if(a%b==0){window.alert("能整除");}else{window.alert("不能整除");}</script>∙++，运算符a++ = a=a+1a-- = b=b-1++a 表示先把自己加1再赋值--a 表示先把自己减1再赋值例子：Var a=56;Var b=++a; //b=++a等同于[a=a+1;b=a] b=a++等同于[b=a; a=a+1;] Window.alert(b);Window.alert(a);∙--运算符∙Var a=56;∙Var b=--a; //b=--a等同于[a=a-1;b=a] b=a--等同于[b=a; a=a-1;]∙Window.alert(b);∙Window.alert(a);错误案例：更正：输出：myfuns.js代码：调用myfuns.js案例一：Js文件：调用：案例2：Js文件：调用：abc（5）；输出：3 3 4Js文件：调用：数组在内存中的存在形式：内存数据调用案例：输出：900内存数据分析:输出：35 90 900内存数据调用分析：输出： hello world abc 顺平输出： h e l l o w o r l d a b c 顺平输出： hello world输出：0=451=902=0gg=9000二维数组的遍历：输出：shunping 123 4.5a b c优化排序：输出：输出：找到下标为4数组转置：输出：。
javascript权威指南第七版笔记
javascript权威指南第七版笔记摘要：1.概述2.语言基础3.面向对象编程4.DOM 操作5.事件处理6.异步编程7.客户端存储8.获取和操作数据9.处理错误10.优化和调试11.模块化编程12.实战案例正文：《JavaScript 权威指南第七版笔记》是一本关于JavaScript 编程的详尽指南，涵盖了语言基础、面向对象编程、DOM 操作、事件处理、异步编程、客户端存储、获取和操作数据、处理错误、优化和调试、模块化编程等多个方面。
以下是本书各章节的主要内容概括：1.概述：介绍了JavaScript 的历史、用途、基本概念和开发环境。
2.语言基础：讲解了JavaScript 的基本语法、数据类型、变量、运算符、流程控制、函数和作用域等基本知识。
3.面向对象编程：介绍了JavaScript 的原型、原型链、构造函数、对象创建和封装等面向对象编程的概念和技巧。
4.DOM 操作：讲述了DOM（文档对象模型）的基本概念，以及如何使用JavaScript 操作DOM 元素，包括节点查找、节点操作、属性操作和文本操作等。
5.事件处理：介绍了事件的概念、事件流（冒泡和捕获）、事件处理程序（内联、DOM0 级和DOM2 级）、事件对象（类型、目标、阻止默认行为、阻止冒泡等）以及鼠标事件和键盘事件等。
6.异步编程：讲解了异步编程的基本概念，如回调函数、Promise、async/await 等，以及AJAX（异步JavaScript 和XML）的原理和实践。
7.客户端存储：介绍了浏览器存储的各种方式，包括cookie、localStorage、sessionStorage 和IndexedDB 等。
8.获取和操作数据：讲述了如何使用JavaScript 获取和操作各种数据类型，如字符串、数字、布尔值、数组、对象和正则表达式等。
9.处理错误：介绍了JavaScript 中的错误类型、异常处理和调试方法，以及如何编写健壮的代码来避免错误。
JSF实例学习--订购系统
JavaServer Face为Java应用程序的开发提速。
JavaServer Faces(JSF)是一项使用Java技术来快速构建Web应用程序的新技术。
JSF通过提供以下特性来加速开发进程：标准和可扩展的用户界面组件；极易配置的页面导航；用于输入验证的组件；自动化的Bean 管理；事件处理；轻松的错误处理，以及内置的对国际化的支持。
本文介绍如何使用JSF来构建在线比萨（pizza）订购系统。
项目描述该应用程序被称之为PizzaRia，是一个在线商店，允许用户选择比萨饼并递交选定的比萨饼。
PizzaRia与其他在线商店类似，用户可以浏览菜单，向购物车中添加所选产品并进行结账。
该应用程序的用户界面由5个JSP文件组成，它们是index.jsp, details.jsp, shoppingCart.jsp, checkOut.jsp以及order.jsp 。
每个用户界面的页面包括3个其它页面：header.jsp, menu.jsp和footer.jsp用户购物流程：进入商店、查看商品详细信息、购物（放入购物车）、结账、付款。
数据库该程序的数据存储在3张表中：products（产品）、orders（定单）和OrderDetails（订单详细项目）。
Products表存储产品信息，具有4列：ProductId（产品标识）, Name（名称）, Description（说明）和Price（价格）。
Orders表中的每一行存储一个单独的订单，其中的信息包括联系人姓名、送货地址以及信用卡细目。
Orders表有6列：OrderId（定单标识）, ContactName（联系人姓名）, DeliveryAddress（送货地址）, CCName （信用卡所属人姓名）,CCNumber（信用卡号码）和CCExpiryDate（信用卡有效期限）。
每个订单的详细项目被存储在OrderDetails表中。
OrderDetails表有4列：OrderId（定单标识）, ProductId（产品标识）,Quantity（数量）和Price（价格）。
JavaEE5学习笔记13JSF集成Facelets使用经验总结
JavaEE5学习笔记13-JSF集成Facelets使用经验总结
刘岩
Email:
1.Facelets就像tiles、sitemesh一样，以为了JSF模板布局而提出的页面模板框架，使用
Facelets，先将项目页面的整体样式模板设计好（比如采用一般的上、中、下结构）。
之后项目的其他页面布局只需要声明采用预先定义好的布局框架即可。
使得用了最少的页面代码完成了整个系统样式的统一。
2.JSF集成facelets的准备
首先下载facelets相关的jar包，jsf-facelets.jar，在.net/就可以得到它。
就是说，凡是xhtml文件结尾的都支持可以使用定义好的facelets模板。
修改JSF配置文件，增加如下内容
此处是告诉JSF，采用FaceletViewHandler进行视图处理器，这个处理器在JSF生命周期的第1阶段和第6阶段生效。
也就是说视图创建阶段和返回响应阶段，将布局特效夹杂其中。
这样环境算是配好了。
3.模板页面
我们先定义一个模板页面，这个页面就是所有页面布局的基础，其他页面呈现出来的效果都是基于此模板页面的。
代码如下：
页面头header.xhtml
页面底部。
第6章 JSF(深入)
二、利用监听器实现事件处理
在JSF请求处理过程的各个阶段，JSF框架都会发送
特定的Phase事件。开发人员可以对这些Phase事件通 过监听器进行捕捉来实现一些特定的操作。
PhaseId.RESTORE_VIEW PhaseId.APPLY_REQUEST_VALUES
PhaseId.PROCESS_VALIDATIONS PhaseId.UPDATE_MODEL_VALUES
JSF定义了一系列标准转换器（Converter）组件，实现了对基
本数据类型及其包装类的自动类型转换。这些基本数据类型 包括Boolean、Byte、Character、Double、Enum、Float、Integer、 LongConverter、Short、BigDecimal和BigInteger。这些标准转换 器组件都包含在javax.faces.convert包中。 对于DateTime、Number等常见数据类型，JSF框架同样也提供 了标准类型转换器。开发人员可以使用f:convertDateTime、 f:convertNumber等标记引用这些转换器。它们各自提供一些 简单的属性，可以让开发人员在转换时指定转换的一些格式 细节。 每个标准转换器都关联着一条标准的错误提示信息。当类型 转换发生错误时，错误信息将被存储到FaceContext的错误信 息列表中。在JSF视图中可以通过标记<h:message>显示这些 错误信息，其中<h:message>的属性for代表相关联的组件的名 称，经常被用来对要显示的错误消息进行过滤。
一、JSF请求处理过程
请求
否
是请求回调？
是
创建视图
恢复视图
应用请求值
JavaEE5学习笔记13JSF集成Facelets使用经验总结
JavaEE5学习笔记13：JSF集成Facelets使用经验总结引言JavaServer Faces（JSF）是Java EE的一部分，它是一个用于构建Web应用程序的事件驱动组件模型框架。
Facelets是JSF的一个视图技术，它允许开发者使用XML和XHTML来创建用户界面。
本文将总结JSF集成Facelets的使用经验。
JSF和Facelets简介JSFJSF是一种用于简化Web应用程序开发的方法，它提供了一个组件模型，允许开发者以声明方式构建用户界面。
JSF的核心概念包括组件（UIComponent）、导航（Navigation）、事件和监听器（Event and Listeners）等。
FaceletsFacelets是JSF的一个视图技术，它使用XML和XHTML作为视图的标记语言。
Facelets提供了一种简洁的方式来定义页面模板、重用UI组件和实现页面布局。
JSF集成Facelets的优势组件重用：通过Facelets，可以创建可重用的UI组件，简化开发过程。
模板化：Facelets支持模板化，允许开发者定义页面的公共部分，如页眉和页脚。
声明式导航：JSF的导航规则可以与Facelets结合使用，实现页面间的导航。
事件处理：JSF的事件处理机制可以与Facelets视图无缝集成，处理用户交互。
开始使用JSF和Facelets环境搭建安装Java EE 5 SDK：确保你的开发环境已经安装了Java EE 5 SDK。
配置IDE：在IDE中配置Java EE 5项目，如Eclipse或IntelliJ IDEA。
创建项目新建Java EE Web项目：在IDE中创建一个新的Java EE Web项目。
添加JSF和Facelets库：将JSF和Facelets库添加到项目的类路径中。
配置web.xml配置Faces Servlet：在web.xml文件中配置Faces Servlet，它是处理JSF页面请求的Servlet。
JavaScript权威指南之学习笔记(第六版)
JavaScript权威指南之学习笔记(第六版)核心笔记一、说明JS权威指南文字用红色标出；JS高级程序设计用橙色标出;自己加上的文字用粉红色标出；其(一)-(九)为JS权指南，(十)为JS高级程序设计二、记法结构2.1字符集Javascript程序用的是Unicode字符集编码。
2.2大小写敏感Javascript是一种区分大小写的语言，但是注意HTML是不区分大小写的（尽管XH TML区分大小写的）。
也即在HTML中这些标记和属性名可以任意的大小写方式输入，但是在Javascript中它们通常都是小写的。
2.4可选的分号尽管理论上说来JS允许在任意两个标识符之间放置换行符，但是实际上JS会自动插入分号。
例：ReturnTrue;JS会假定你的意图是:Return;True;2.7标识符第一个字母必须是字母、下划线或美元符号($)！三、数据类型和值3.1数字Javascript不区整型值和浮点型数值。
在Javascript中，所有的数字都是由浮点型表示的。
3.1.1,3.1.2整型直接量、八进制和十六进制的直接量十六进制直接量是以”0x”或”0X”开头，而八进制是以数字0开头。
在ECMAScript标准中不支持八进制的直接量，但是Javascript的某些实现是允许八进制格式的整型直接量的。
所以一般最好不要使用以0开头的整型直接量。
3.1.3浮点直接量例如3.14234.342.3424242.32e231.23424E-323.1.6特殊的数值当一个算术运算(如0除0)产生了未定义的结果或错误时，就会返回一个特殊的非数字的值，为NaN。
这个数字值和任何数值都不相等，包括它自己在内，所以需要一个专门的数字来检测IsNaN()来检测这个值。
特殊数值常量NANInfinity 无穷大Number.MAX_VALUENumber.MIN_VALUENumber.NaNNumber.POSITIVE_INFIITYNumber.NEGATIVE_INFITY这是特殊的常量都是在运算时可能产生的，用IsNaN()或isFinite()等函数来检测。
JavaEE5学习笔记10JSF基本UI控件使用和生命周期
JavaEE5学习笔记10-JSF基本UI控件使用和生命周期
刘岩
Email:
1.JSF也是JavaEE5的标准，感觉上sun是看到了的控件好处，将微软那套给沿袭
过来了，推出了JSF的标准，并且自己实现了一套叫做JSF RI，Apache也实现了一套JSF 标准——MyFaces。
MyFace的组件比RI要好一些，所以有时候用RI的JSF实现，之后将MyFaces的部分组件包包含进来当做一个JSF组件插件来用。
笔者的教训就是：JSF学起来很快！把它类比Struts2来学了（实际上在开发上确实和Struts2非常像！），很快就能搭建一个网站出来，之后就认为自己学会了JSF了~~实际上，JSF入门很容易，要想精通，搞明白它的原理、生命周期、灵活运用Web组件使之将Web开发真正做到类似于AWT、SWING开发，确实得下一番苦工！这个在笔者一次面试经历中吃了大亏了。
唉~~还是自己功夫没下到家啊~~这个总结也是赶紧弥补以前的学习总结吧~~不能糊里糊涂的混日子了，自以为学个技术能拿出个演示Demo就算完事了，还是得知道怎么来的，多调试一下才叫学习啊，呵呵说多了。
2.JSF的UI组件标签的使用和呈现的效果网上有很多资源，这里就不总结了，直接写一个
页面代码，包括了常用的使用控件。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Jsf学习笔记系列（一）Tag：jsf学习入门第一课Core的作者说你可以把JavaServer Faces(JSF)看成“swing for server-side applications”，我想这是因为：1、JSF里面定义了很多可用的UI部件（用户可自定义）。
2、JSF有消息驱动机制。
要用JSF，除了JDK和Tomcat（servlet container）之外，还要下载一个JavaServer Faces reference implementation，要用到里面的lib，现在sun 网站上有1.1的版本。
一个简单的开发例子：1、建立一个目录，这个目录是部署这个应用的单元（打包成.war)，比如sample。
2、在这个目录下放置jsp页面。
3、在此目录下建立WEB-INF目录，在其中放置faces-config.xml和web.xml。
4、在WEB-INF目录下建立class和lib目录。
5、将bean的java code以包的形式放在class目录下（并且将它们编译）。
6、将必要的.jar放在lib目录下。
7、制作.war: jar cvf sample.war。
8、将.war放到tomcat/webapps下接着就可以用http://localhost:8080/sample来访问了。
再分别把具体的东西解释下：1、必要的jar有六个，你可以像上面那样放到.war里，也可以直接将他们放到tomcat/common/lib中，而且这样的话，你就不必在每个.war中包含它们 :jsf/lib/jsf-api.jarjsf/lib/jsf-impl.jar:jsf/lib/jsf-impl.jartomcat/server/lib/commons-digester.jartomcat/server/lib/commons-beanutils.jartomcat/webapps/jsp-examples/WEB-INF/lib/jstl.jartomcat/webapps/jsp-examples/WEB-INF/lib/standard.jar2、bean class里面的getter和setter是前端和后端的管道，没什么好说的。
3、jsf的页面要包含两个标签的定义：<%@ taglib uri="/jsf/core" prefix="f" %><%@ taglib uri="/jsf/html" prefix="h" %>（f: core tags; h: HTML tags.）页面上似乎和struts差不多，看个例子：<html><%@ taglib uri="/jsf/core" prefix="f" %> <%@ taglib uri="/jsf/html" prefix="h" %><f:view><head><title>A Simple JavaServer Faces Application</title> </head><body><h:form><h3>Please enter your name and password.</h3><table><tr><td>Name:</td><td><!-- 输入用户名--><h:inputText value="#{}"/></td></tr><tr><td>Password:</td><td><!--输入密码--><h:inputSecret value="#{user.password}"/> </td></tr></table><p><!--Submit按钮，指定action--><h:commandButton value="Login" action="login"/></p></h:form></body></f:view></html>接受用户输入用户名和密码，里面是普通的html标签和jsf的标签，没什么太多东西。
再看一个例子：<html><%@ taglib uri="/jsf/core" prefix="f" %><%@ taglib uri="/jsf/html" prefix="h" %><f:view><head><title>A Simple JavaServer Faces Application</title></head><body><h3>Welcome to JavaServer Faces,<h:outputText value="#{}"/>!</h3></body></f:view></html>输出user bean的一个值（name)。
4、两个xml的配置文件：faces-config.xml的内容：<?xml version="1.0"?><!DOCTYPE faces-config PUBLIC"-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.0//EN" "/dtd/web-facesconfig_1_0.dtd"><faces-config><navigation-rule><from-view-id>/index.jsp</from-view-id><navigation-case><from-outcome>login</from-outcome><to-view-id>/welcome.jsp</to-view-id></navigation-case></navigation-rule><managed-bean><managed-bean-name>user</managed-bean-name><managed-bean-class>erBean</managed-bean-class> <managed-bean-scope>session</managed-bean-scope></managed-bean></faces-config>faces-config下面表明了从index.jsp通过login这个action，前进到welcome.jsp。
managerd-bean表明了user的bean class，以及它的存活时间是在session级的。
再看web.xml：<?xml version="1.0"?><!DOCTYPE web-app PUBLIC"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN""/dtd/web-app_2_3.dtd"><web-app><servlet><servlet-name>Faces Servlet</servlet-name><servlet-class>javax.faces.webapp.FacesServlet</servlet-class><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>Faces Servlet</servlet-name><url-pattern>*.faces</url-pattern></servlet-mapping><welcome-file-list><welcome-file>index.html</welcome-file></welcome-file-list></web-app>servlet-mapping指定了url的后缀，welcome-file-list指定初识页（可以用这个页面前进到某个其他页面）。
例子讲完了，再讲下jsf的处理周期：jsf页面有encoding和decoding的过程，前者将jsf的元素树变换成html页面，后者将页面的内容 (form的数据等）变回jsf的元素，并由这些元素执行它们自己所定义的动作。
具体的周期见下图，我还没完全弄懂，只是知道在每个过程之后都能处理 event。
jsf学习笔记系列（二）Tag：jsf入门学习笔记关于Bean的一些基础知识：1、bean的getter和setter可以操作indexed property,就像这样：T[] getFoo()T getFoo(int index)void setFoo(T[] newArray)void setFoo(int index, T newValue)但是JSF好像不支持indexed property,所以要在bean里面想办法。
还有如果set和get的前缀后面有两个大写字母的话，那么相应property的头字母就不用像一般的规则那样处理，比如：getURL对应的property是URL，而不是uRL。