6-Web应用开发简介
Web前端开发技术 (第3版)储久良1
3 ftp 4 mailto
文件传输协议 电子邮件地址
5 ldap 6 news 7 file
轻型目录访问协议搜索 Usenet新闻组 当地电脑或网上分享的文件
8 gopher
Internet Gopher Protocol (Internet 查找协议)
教育部高等学校软件工程专业教学指导委员会规划教材
括代码的可维护性、组件的易用性和浏览器兼容性等。
教育部高等学校软件工程专业教学指导委员会规划教材
第1章 Web前端开发技术综述
Page: 11
Web前端开发技术-HTML5、CSS3、JavaScript
1.3 Web前端开发技术
1.3.1 HTML HTML是SGML（Standard Generalized Markup
教育部高等学校软件工程专业教学指导委员会规划教材
第1章 Web前端开发技术综述
Page: 10
1.2 Web前端开发工程师职业需求
Web前端开发技术-HTML5、CSS3、JavaScript
我国互联网行业的发展呈现迅猛的增长势头，对网站开发、 设计制作的人才需求随之大量增加。前端开发和后台开发人员的 比例为1：1，而在我国目前依旧在1：3以下，人才缺口较大。
Language，标准通用标记语言）下的一个应用(也称为一个子集) ，也是一种标准规范，它通过标记符号来标记要显示的网页中的 各个部分。而SGML是一种定义电子文档结构和描述其内容的国 际标准语言，是所有电子文档标记语言的起源。
HTML是构成Web页面(Page)的基础。 HTML文档：用来描述网页，由HTML 标记和纯文本构成文 本文件。不同于纯文本文件（不含HTML标记）。
协议类型://服务器地址（端口号）/ 路径/文件名 http://info.cern.ch/www20/0002 /kexuetansuo_1 2385/index.shtml
网页设计与制作教程——Web前端开发(第6版)课件第5章 CSS3的属性5.8
《网页设计与制作教程Web前端开发第6版》 刘瑞新主编 配套资源
祝贺你又学完了一章
5.8 CSS属性的应用
【例5-21】设置图像边框，本例文件5-20.html的显示效果，如图5-25所示。
5.8 CSS属性的应用
3. 图像的不透明度 语法：opacity：value | inherit; 【例5-22】设置图像的透明度，本例文件5-22.html的显示效果，如图5-26所示。
5.8 CSS属性的应用
2. 图文链接 对链接的修饰，还可以利用背景图片将文字链接进一步的美化。 【例5-24】图文链接，本例文件5-24.html，鼠标未悬停时文字链接的效果，如图528（a）所示；鼠标悬停在文字链接上时的效果，如图5-28（b）所示。
5.8 CSS属性的应用
5.8.3 创建导航菜单 1. 纵向导航菜单 【例5-25】制作纵向列表模式的导航菜单，本例文件5-25.html，鼠标未悬停在 菜单项上时的效果，如图5-29（a）所示；鼠标悬停在菜单项上时的效果，如图 5-29（b）所示。
padding:5px 5px 5px 0.5em; text-decoration:none; /*链接无修饰*/ border-left:12px solid #711515; /*左边的粗红边框*/ border-right:1px solid #711515; /*右侧阴影*/ } #nav li a:link, #nav li a:visited{ /*未访问过的链接、访问过的链接的样式*/ background-color:#c11136; /*改变背景色*/ color:#fff; /*改变文字颜色*/ } #nav li a:hover{ /*鼠标悬停于菜单项上时的样式*/ background-color:#990020; /*改变背景色*/ color:#ff0; /*改变文字颜色*/ } 菜单经过进一步美化，显示效果如图5-29所示。
WEB应用系统开发 第四章测验 测验答案 慕课答案 UOOC优课 课后练习 深圳大学
第四章测验一、单选题 (共100.00分)1. 使用CSS设置格式时，p em{color:blue }表示（）。
A. p元素内的em元素为蓝色B. p元素内的元素为蓝色C. em元素内的p元素为蓝色D. em元素内的元素为蓝色正确答案：A2. 以下能正确表示子代选择器的是（）。
A. h1,pB. h1 pC. h1+pD. h1>p正确答案：D3. 有一个无序列表，里面有三项，若只把第二项和第三项的文字设置为蓝色，以下哪个选项正确？（）。
A. ul li{color:blue;}B. li li{color:blue;}C. li>li{color:blue;}D. li+li{color:blue;}正确答案：D4. 在HTML中，下面（）是已被访问过呈红色文字的样式。
A. a:link{color:red;}B. a:hover{color:red;}C. a:visited{color:red;}D. a:active{color:red;}正确答案：C5. 在同一个样式表中使用全部四个链接伪类，以下列哪种顺序出现是正确的？（）。
A. a:link，a:visited，a:hover，a:activeB. a:hover，a:link，a:visited，a:activeC. a:link，a:hover，a:visited，a:activeD. a:active，a:link，a:hover ，a:visited正确答案：A6. 若要选取段落的第一行设置格式，以下选择器表示正确的是（）。
A. p:first-lineB. p:firstC. p:firstlineD. p:first-letter正确答案：A7. 若只对有href属性的锚（a 元素）应用样式，以下表示正确的是（）A. a:hrefB. a.hrefC. [href]D. a[href]正确答案：D8. 以下选择器中，优先级最高的是（）A. 元素选择器B. ID选择器C. 类选择器D. 后代选择器正确答案：D9. 下列哪个选项是把列表中的最后一个“li”的背景设置为蓝色（）A. ul>li{background:blue;}B. ul>li:last-child{background:blue;}C. ul>li:first-child{background:blue;}D. ul>li:only-child{background:blue;}正确答案：B10. 下列哪些属性不可以被继承（）A. borderB. font-styleC. text-alignD. list-style正确答案：A。
6-Web应用开发简介
1.1.2 WEB应用程序
应用程序的模式分为两种：C/S模式和B/S模 式。 其中C/S模式（客户端/服务器端模式）的客户 端程序一般能够独立运行； B/S模式（浏览器端/服务器端模式）的应用 程序一般需要通过浏览器来运行。 Web应用程序一般采用的是B/S模式。采用 B/S模式的Web应用程序分为3层结构。
1.1 何为WEB应用
Internet是一个全球计算机互连网络。同时也 是全球信息资源的总汇。 Web则是Internet上集文本、声音、图像、视 频等多媒体信息于一身的全球信息资源网络， 是Internet上的重要组成部分。
1.1.1 WEB的概念及发展
World Wide Web简称为Web，中文译为万维网，是Internet上 的一种服务。 Web的历史最早可追溯到1980年Tim Berners-Lee负责的 Enquire (Enquire Within Upon Everything的简称)项目(用于科学 家之间方便交流信息等方面)，该项目虽然和目前的Web不太 一样，但是它已经具有了和Web类似的核心思想。 之后，一直到1990年，第一台Web服务器"nxoc01.cern.ch"开 始运行，Tim Berners-Lee在自己编写的图形化Web浏览器 "World Wide Web"上看到了最早的Web页面。1991年，CERN (European Particle Physics Laboratory)正式发布了Web技术标 准，这也意味着Web正式登上了历史的舞台。
1.1.2 WEB应用程序
服务器端开发技术如下。
JSP/Servlet：服务器端的Java应用程序，可以生成
thinkphp6 验证规则
thinkphp6 验证规则（实用版）目录1.验证规则简介2.验证规则配置3.验证规则应用示例4.验证规则的优点与局限性正文【验证规则简介】ThinkPHP6 是一款流行的 PHP 开发框架，它提供了丰富的功能和便捷的 API，使得开发者能够快速地构建 Web 应用程序。
在 ThinkPHP6 中，验证规则是一个非常有用的功能，它可以帮助开发者对用户输入的数据进行有效性检查，确保应用程序的稳定性和安全性。
【验证规则配置】ThinkPHP6 提供了灵活的验证规则配置，开发者可以根据需要自定义验证规则。
以下是一些常用的验证规则配置：1.验证字段：可以指定需要验证的字段，如用户名、密码、邮箱等。
2.验证类型：可以指定验证类型，如必填、非空、数字、字母、手机号码等。
3.验证规则：可以指定验证规则，如正则表达式、最大长度、最小长度等。
4.错误提示：可以指定验证失败时显示的错误提示信息。
【验证规则应用示例】以下是一个简单的验证规则应用示例：```phpuse thinkValidate;// 创建一个验证对象$validate = new Validate();// 配置验证规则$rules = ["username" => "require|max:25","password" => "require|min:6","email" => "require|email",];// 验证数据$result = $validate->check($rules);// 输出验证结果if ($result) {echo "验证成功";} else {echo "验证失败：";print_r($validate->getError());}```在这个示例中，我们创建了一个验证对象，并配置了验证规则。
JSP Web应用开发案例教程课件第六章
目录
Contents
A 什么是Servlet B Servlet的工作原理 C Servlet的创建、部署与运行 D 通过JSP页面访问Servlet E doGet()与doPost()方法 F 重定向与转发
public void init(ServletConfig config) throws ServletException
Servlet第一次被请求加载时，服务器创建一个Servlet实例， 并调用init()方法完成实例的初始化。在初始化期间， Servlet实例可以使用服务器传递给它的ServletConfig类型 的对象，接收服务设置信息。ServletConfig类型的对象被 保存在Servlet中，直到Servlet被销毁。
当 服 务 器 终 止 服 务 时 ， destroy() 方 法 会 被 执 行 ， 销 毁 Servlet。
21
6.3 Servlet的创建、部署与运行
6.3 Servlet的创建、部署与运行
22
小节
Java Servlet的核心思想是在服务
器端创建Servlet对象，以响应用户请
求。所以学习Java Servlet的首要任务
</web-app>
6.3 Servlet的创建、部署与运行
28
6.3.2 编写部署文件
在Tomcat服务器的webapps目录的root目录下也有 一个文件，没有使用MyEclipse的用户可以参照它编 写自己的部署文件。
6.3 Servlet的创建、部署与运行
校网络教室集成方案设计农业网络信息系统集成教学实习报告
计算机科学与信息工程系《农业网络信息系统集成》教学实习汇报实习名称: 某校网络教室集成方案设计专业班级姓名学号成绩12月目录1 教学实习旳内容.................................. 错误!未定义书签。
2 教学实习旳目旳.................................. 错误!未定义书签。
3 教学实习设计简介................................ 错误!未定义书签。
4 总结与体会...................................... 错误!未定义书签。
1 教学实习旳内容目前, 计算机技术发展非常迅速, 计算机网络正渗透进社会生活各个角落, 它将极大地提高人们旳工作效率, 变化人们旳生活面貌。
有人预言, 二十一世纪将是电脑网络旳世纪.校园网建设不仅是社会发展旳大势所趋、上级部门旳政策规定, 并且高性能旳校园网建设成功后将会对学校旳教育事业产生深远旳积极影响。
如：从管理旳角度来说, 高速运行旳校园网可以及时地、全方位地反应学校各方面旳运作状况, 使各级领导旳决策建立在愈加科学旳基础之上, 同步也为各部门旳协调配合及时地传递多种必需旳信息, 这些无疑都将极大地提高各部门旳办事效率；在教学方面, 先进旳校园网将会为广大教师提供当今最先进旳多媒体教学和科研手段, 全面提高学校旳教学和科研水平, 缩短学校与先进学校旳差距。
在校园旳信息服务方面, 校园网将可以及时地为全校师生提供多种有价值旳信息和服务：多种告知公告、历史档案、图书资料旳信息甚至全球因特网信息旳广泛浏览等等；在学生旳平常生活方面, 可以采用先进旳IC卡来集学生证、图书证、就餐证、健康卡、购物卡等多种功能于一体, 这样将极大地以便学生（其实也包括教职工）旳生活；在计算机应用方面, 稳固高效旳网络将会为广大师生员工提供最佳旳用机环境和用机模式, 全面推进计算机旳普及, 实现办公形式和生活观念旳革新（如可以对部分人员开放家庭办公、外地旳远程办公）, 我们认为, 只要设计得当、措施得力, 以上所列举旳只是未来网络在建成初期可以实现旳部分功能, 伴随应用和开发水平旳不停提高, 校园网潜在旳巨大功能将会不停进入人们旳实际生活中来.2 教学实习旳目旳通过本次教学实习, 对所学专业知识深入理解并系统化, 锻炼和提高综合运用所学知识处理实际问题旳能力。
WEB前端工程师岗位职责(20篇)
WEB前端工程师岗位职责(20篇)WEB前端工程师岗位职责(20篇)之相关制度和职责,WEB前端工程师(岗位职责)职位描述岗位职责:1)JavaScript组件库的研发｡2)网站的前台页面编码及页面JS特效设计及开发｡3)JavaScript单元测试及代码质量把握｡任职要求:1.计算机相关专业...WEB前端工程师(岗位职责)职位描述岗位职责:1) JavaScript组件库的研发｡2) 网站的前台页面编码及页面JS特效设计及开发｡3) JavaScript单元测试及代码质量把握｡任职要求: 1.计算机相关专业毕业,本科以上学历,有地图网站开发阅历优先2.精通 Web 前端技术(包括 XHTML/XML/CSS/Javascript等),具有良好的算法思想3.生疏对象化JavaScript编程思想,能够进行面对对象/组件的前端设计和开发4.深化理解Ajax运作机制,生疏基于Javascript的框架应用和项目开发,至少生疏Prototype､Mootools､JQuery等常见框架中的一种5.对各种扫瞄器的兼容性有确定了解,最好有相关问题的解决阅历6. 具有良好的敬业精神和团队协作力气,责任心强,做事认真､仔细､有条理,能够高效的完成工作WEB前端工程师(岗位职责)职位描述岗位职责:1､依据产品需求完成高质量的Web前端开发和维护;2､对详细的产品进行性能优化,实现极致的Web加载､执行和渲染时间;3､在理解前端开发流程的基础上,结合前端实际建立或优化提升工作效率的工具;4､在理解产品业务的基础上,结合前端技术建立或优化Web的交互方式｡岗位要求:1､2年以上Web前端开发阅历;2､精通HTML5､CSS3､JAVASCRIPT､JQUERY;3､能娴熟解决扫瞄器兼容问题;4､生疏移动端开发;5､对前端架构设计有阅历者优先; 6､生疏页面组件开发､git､nodeJs､Bootstrap等优先｡团队现状我们愿望在大数据呈现方面,构建通用的前端框架､UI交互;假如你有想法､敢做,来吧,我们一起制定目标,一起前行,实现他｡我们需求您!WEB前端工程师(岗位职责)职位描述职位描述:1.能够独立负责web端和手机端前端页面设计和开发2.负责现有系统的前端迭代开发,参加前端框架､组件､模板的设计与开发｡3.依据开发进度及所支配的任务,完成模块的设计和开发工作,同时留意程序的平安､质量和性能;4.可以进行相关技术文档编制及翻译,有阅读英文文档力气者优先｡职位要求:1.3年以上互联网前端开发阅历,有手机端和响应式页面的开发阅历;2.精通JavaScript/JSON/XML,精通至少一种JS框架(如jQuery､AngularJS､React.js);3.把握 CSS3/HTML5,生疏Less或sass语法 ,比较深刻理解W3C标准 ;4.至少生疏一门后端语言(如Java/PHP/C++/C#/Ruby/Go)或Node.js,并有实践阅历;5.生疏各种跨扫瞄器兼容性技术,娴熟用法调试工具调试和修改错误;6.生疏git工具,以及git-flow,关注新技术,学习力气和独立解决问题的力气强;7.乐观上进,擅长学习,良好的沟通力气及创新力气,较强的责任心及团队合作精神,有独立解决问题的力气并能与设计人员､程序开发人员进行较好的协作｡WEB前端工程师(岗位职责)职位描述岗位职责:1､Web页面编写及交互实现;2､手机页面及H5小玩耍开发;3､Web前沿技术争辩及应用｡任职要求:1､计算机专业或相关专业大学本科以上学历,1年以上工作阅历2､精通javascript､HTML5､CSS3等开发语言,生疏流行JS框架,深刻理解Web标准,并具备丰富的相关开发阅历3､娴熟运用至少一种常见JS开发框架或类库,有框架开发阅历者优先考虑4､有PHP开发或其他后台开发阅历,生疏数据库者优先考虑5､生疏各种网络协议原理及相关学问,对web性能优化､常见漏洞有深化的理解,并能够在工作中取得有成效的问题定位和解决过程实践6､具备丰富的前端行业学问,了解各相关领域的前沿信息,了解最新前端技术的设计和实现原理,并能灵敏在工作中进行应用7､有良好的团队合作力气,擅长沟通,主动性强,执行力气强,具备良好的问题定位分析力气,有两年以上本角色工作阅历者更佳｡WEB前端工程师(岗位职责)职位描述1)娴熟Javascript､HTML/HTML5/XML､CSS/CSS3､Ajax等前端开发技术,生疏W3C标准; 2)能娴熟运用一种常见JS开发框架,如JQuery;3)能够娴熟手工编写HTML及CSS代码; 4)对网站及页面性能优化有确定生疏和阅历;5)对各大扫瞄器兼容性有很大的了解WEB前端工程师(岗位职责)职位描述岗位职责1､负责系统后台WEB端､网站开发1､后台系统架构设计､数据库结构设计2､服务器端APP接口的开发与维护3､参加项目需求分析,系统框架及核心模块的具体设计岗位要求:1､具备数据库应用系统的规划及设计力气,娴熟把握MySQL数据库;2､拥有独立开发移动客户端后台的力气和阅历;3､生疏各种WEB缓存技术,生疏网站构架和性能优化;4､有解决问题､钻研新技术的爱好和力气,擅长沟通和表达,有良好的团队合作精神;5､对业内新技术及趋势有较强的敏感度;6､具备团队合作精神,工作热忱,能够承受确定的工作压力｡7､生疏Html5､Html､CSS､JQuery编程技术8､有电商行业开发阅历优先考虑｡工作地点:西安市高新区锦业路1号都市之门c座WEB前端工程师(岗位职责)职位描述岗位职责:WEB前端开发工程师任职资格:1､2年以上Web开发阅历｡2､精通HTML､CSS､JavaScript等前端技术｡3､对标准化､可用性､页面性能有深化了解,生疏MVC,MVVM的模式开发,有确定的多扫瞄器兼容和页面响应式开发阅历｡4､娴熟用法PS或FW等图像处理工具,生疏PHP或JAVA至少一种后端开发语言｡5､有MobileWeb､HTML5､CSS3､Node.js等开发阅历者;有互联网公司用户中心开发阅历者优先｡6､宠爱前端技术,共性乐观,擅长沟通,有较强的学习力气和团队协作｡任职要求:任职资格:1､2年以上Web开发阅历｡2､精通HTML､CSS､JavaScript等前端技术｡3､对标准化､可用性､页面性能有深化了解,生疏MVC,MVVM的模式开发,有确定的多扫瞄器兼容和页面响应式开发阅历｡4､娴熟用法PS或FW等图像处理工具,生疏PHP或JAVA至少一种后端开发语言｡5､有MobileWeb､HTML5､CSS3､Node.js等开发阅历者;有互联网公司用户中心开发阅历者优先｡6､宠爱前端技术,共性乐观,擅长沟通,有较强的学习力气和团队协作｡WEB前端工程师(岗位职责)职位描述岗位职责:1､负责PC端与移动端的前端开发,能够解决扫瞄器兼容性问题(不要管IE6了好吗!);2､娴熟 CSS+DIV及 JS; 3､与UI设计师任职要求:1､1年以上开发阅历,本科以上学历(力气优秀者可放宽);2､能够对H5页面及移动端屏幕进行优化;3､具备较强的独立解决问题力气､沟通力气､快速学习力气和抗压力气;4､代码洁癖优先,适应精益路线者及快速更新迭代者优先｡公司为你供应:1､做五休二,弹性工作时间,不打卡;2､带薪培训,内部良好的晋升通道;3､五险一金 + 补充商业险,健全的社保福利体系;4､带薪年假,同时每年供应一次健康体检;5､不限量零食和饮料;6､工作地点交通便利,办公环境高大上,和张江各种IT男及妹子一起工作,让您快速了解互联网｡==================About Us====================小而精的团队,大家互补心齐,分散力强,期盼你和我们一起快速成长! 老板很nice,内推人都很务实!内推网的任何问题,你都可以来改进!没错,你来改进!WEB前端工程师(岗位职责)职位描述任职要求:1､精通XHTML/XML､CSS､HTML5/CSS3,生疏页面架构和布局,对表现与数据分别､Web语义化等有深刻理解;2､精通JavaScript､Ajax､DOM等前端技术,把握面对对象编程思想,对js框架应用(如prototype/jQuery/YUI/Ext等)有确定的阅历; 3､对css/JavaScript性能优化､解决多扫瞄器兼容性问题有确定的阅历;4､对用户体验､交互操作流程､及用户需求有深化理解;5､有猛烈的上进心和求知欲,擅长学习和运用新学问,擅长沟通和规律表达,有猛烈的团队意识和执行力｡WEB前端工程师(岗位职责)职位描述岗位职责:1､协同完成网站产品的技术架构设计;2､独立完成公司网站产品的功能模块编码;3､负责网站平台相关业务模块的分析､设计;4､参于各项目中的编码工作;5､相关开发文档的整理与编写任职要求:1､娴熟把握H5､XML､HTML/XHTML､CSS､Javascript､AJAX､JSON等Web页面技术;2､精通PHP+MySQL程序设计及开发,拥有良好的代码习惯,要求结构清楚,命名规范,规律规范,规律性强,代码冗余率低;3､有开源架构代码的分析力气,可以用法zendframework和jquery 框架进行开发;4､娴熟用法MySQL数据库,可以写出高效的SQL语句;5､生疏面对对象的软件设计方法,对面对对象的设计模式有较深的理解并能娴熟应用;6､生疏linux开发环境,能很快适应linux开发环境;7､具备很好的学习钻研力气,听从支配;有很强的事业心和进取精神,能承受确定的工作压力｡ 8､大专以上学历,计算机相关专业;有一年以上PHP开发阅历;WEB前端工程师(岗位职责)职位描述岗位职责:1､负责开作旗下相关项目的前端开发工作(包含网页､手机html5页面和微信相关页面);2､与产品经理､视觉设计师､后端工程师紧密合作,实现产品功能､保证网站用户体验;3､贡献创新灵感,持续的优化前端体验和页面响应速度,并保证兼容性和执行效率;任职要求:1､2年以上web前端工作阅历;2､精通html与css,生疏html5和css3特性,生疏响应式网页设计; 3､精通JavaScript､Ajax､DOM等前端技术;4､对原生JavaScript有足够把握,不过渡依靠框架;5､生疏Bootstrap或其他CSS框架;6､对互联网产品有着良好的感觉,对交互体验有较为深化的了解; 6､较强责任心和团队协作精神,具备独立解决问题力气和不断探究的看法;WEB前端工程师(岗位职责)职位描述岗位职责:1.负责系统界面的前端构建,各类交互设计与实现;2.系统样式和脚本的模块设计及优化;3..协作后台开发人员完成项目｡任职要求:1.计算机或相关专业专科以上学历,2年以上前端页面与脚本开发阅历;2.精通XHTML/XML､CSS､HTML5,生疏页面架构和布局,对表现与数据分别､Web语义化等有深刻理解;3.精通JavaScript､Ajax､DOM等前端技术,把握面对对象编程思想,对js框架应用(如prototype/jQuery/YUI/Ext等)有确定的阅历;4.有独立完成简洁前端模块的设计与实现的阅历,优化代码并保持良好兼容性;5.对用户体验､交互操作流程､及用户需求有深化理解;6.有Flash编程阅历者优先;7.有猛烈的上进心和求知欲,擅长学习和运用新学问,擅长沟通和规律表达,有猛烈的团队意识和执行力｡WEB前端工程师(岗位职责)职位描述职位职能:软件工程师职位描述:岗位职责1､技术人员职位,在上级的领导和监督下定期完成量化的工作要求; 2､能独立处理和解决所负责的任务;3､依据开发进度和任务支配,完成相应模块软件的设计､开发､编程任务;4､进行程序单元､功能的测试,查出软件存在的缺陷并保证其质量; 5､进行编制项目文档和质量记录的工作; 6､维护软件使之保持可用性和稳定性｡任职资格1､计算机相关专业背景,本科以上学历｡2､娴熟用法C#､或者JAVA前台开发工具｡3､生疏数据库编程,对数据库应用有确定的了解(ORACLE/MYSQL/SQL SERVER等);4､做事严谨踏实,责任心强,条理清晰,擅长学习总结,有良好的团队合作精神和沟通协调力气｡薪资福利1､正常状况下每年保证10%的加薪幅度2､完善的社保和公积金保障3､完善的薪水晋升制度4､年度旅游嘉奖等了解公司资料:WEB前端工程师(岗位职责)职位描述岗位职责:1.用法HTML5等Web前端技术;2.工作内容包括Web及Mobile应用程序;3.协作架构师完成HTML5基础技术框架的开发;4.协作.NET工程师研讨技术实现方案,进行应用及系统整合;5.持续的优化前端体验和页面响应速度,并保证兼容性和执行效率｡岗位要求:1.精通HTML5､CSS3､JavaScript等Web前端开发技术,精通Web2.0标准,Ajax､DOM､XML､JSON等相关技术; 2.娴熟应用HTML5､CSS3,Jquery,一年以上相关开发阅历;3.能娴熟用法至少一种Javascript框架(如:jQuery,Prototype),生疏HTML5特性,了解HTML5最新规范,能够娴熟运用HTML5特性构建移动端的WebApp;4.生疏编写能够自动适应HTML5界面,能让网页格式自动适应各款各大小的手机;5.利用HTML5相关技术开发移动平台､PC终端的前端页面;6.生疏手机端和PC端web实现的差异,有移动平台web前端开发阅历,了解移动互联网产品和行业,有在Android､iOS等平台下HTML5+CSS+JavaScript(或移动JS框架)开发阅历者优先;7.良好的沟通力气和团队协作精神, 对移动互联网行业有深厚的爱好,有较强的争辩力气和学习力气｡聘请人数:1人｡WEB前端工程师(岗位职责)职位描述岗位职责:1､对UI设计界面进行页面制作;2､能够理解后端架构,实现系统页面制作与开发;3､基于HTML5.0标准进行手机端页面制作4､调试网站页面在不同扫瞄器下的兼容性｡任职要求:1､计算机或相关专业专科及以上学历;2､具有UI设计界面力气,网页风格布局设计者优先考虑2､懂XHTML/HTML5/CSS3,能编写吻合W3C标准､兼容主流扫瞄器的代码;3､精通ps切图､懂DIV+CSS网页设计布局以及手机端的一些规范; 4､生疏 JavaScript,能娴熟用法JQuery等常用框架,对于bootstrap 框架生疏的优先考虑;5､责任心强,工作仔细高效,能承受确定的工作压力,有较强的沟通力气和团队合作精神;6､优秀的学习力气,分析和解决问题的力气和猛烈的进取心｡7､争辩过Web性能优化和前端效果的实现｡WEB前端工程师(岗位职责)职位描述1､Web 应用的设计与开发;2､简洁用户界面与交互应用开发;3､现有产品的持续改进;4､与设计､开发一起完成产品的前端开发工作｡任职要求1､精通 JavaScript/CSS/HTML;2､生疏至少一种前端框架(JQuery/YUI/MooTools 等);3､能够写出高性能､可复用的前端组件;4､生疏服务器端开发技术;5､有1年以上的前端开发阅历｡6､学历不重要,力气才重要｡PHP开发工程师职责2､协作架构师一起完成公司产品的架构工作;任职要求1､生疏一种编程语言和数据库系统｡把握PHP+MySQL 更佳,了解OOP､框架､模板等开发技术,生疏LAMP环境更佳;2､生疏Javascript,生疏Html/Xhtml､CSS等网页前端技术｡了解各种扫瞄器特性与相关调试工具,如 firebug等;3､有ajax网站开发阅历,生疏web标准,对表现与数据分别,html语义化等有深刻理解更佳;4､生疏Linux系统,生疏各种web server技术;5､对web技术钻研有猛烈爱好,有良好的学习力气和猛烈的进取心;6､思维缜密､思路清楚,较好的规律分析力气;7､良好的沟通和口头､书面表达力气｡8､需求会用法H5 学习力气较强者可不限工作阅历｡ WEB前端工程师(岗位职责)职位描述岗位职责和要求:任职要求:两年以上纯项目开发阅历,并有独立完成的胜利案例;2､精通JavaScript､Ajax等Web开发技术,有良好的程序设计和架构力气;3､精通html/xhtml､DIV,CSS等网页制作技术,生疏页面架构和布局; 4､生疏各类扫瞄器兼容性的调整;5､生疏web标准,对表现与数据分别,html语义化等有深刻理解;6､生疏jQuery框架开发;7､娴熟用法javascript或jQuery开发客户所需求的各种插件或控件; 8､对web技术钻研有猛烈爱好,有良好的学习力气和猛烈的进取心; 9､敢于提出自己的理念与见解,我们需求能时刻在客户角度思索设计的用户体验师;10､思维缜密､思路清楚,有较好的规律分析力气｡同时沟通力气和书面表达力气良好｡WEB前端工程师(岗位职责)职位描述职位描述:1.负责公司产品Web前端研发;2.与产品经理､设计师､后端工程师团结合作,负责公司各产品易用性改进､界面技术优化和网站性能优化;3.Web前沿技术争辩和新技术调研｡任职资格:1.本科及以上学历,计算机､通信及相关专业;2.精通HTML/XHTML､CSS等网页制作技术,生疏页面架构和布局;3.精通JavaScript､Ajax等Web开发技术,娴熟运用至少一款主流的JS框架;4.生疏W3C标准,对表现与数据分别､Web语义化等有较为深刻的理解;5.生疏用户交互设计理论,热衷分析并改善产品的用户体验;6.具备工程化的前端思维,具备较好的问题分析与解决力气;7.思路清楚,具备良好的沟通力气和团队协作精神,擅长学习､总结,乐于共享｡具备以下资格优先:1.具有HTML5/CSS3等开发阅历;2.具有tomcat服务端开发阅历;3.生疏Linux平台,把握Java､C/C++中至少一种后端开发语言;4.能够理解数据结构和算法设计,具有确定的软件工程意识;5.生疏团队开发流程,娴熟用法git工具进行代码管理;6.对下一代Web技术(如HTML5､Node.js)有猛烈爱好,有良好的学习力气和猛烈的进取心;7.有较强的学习力气和较高的学习热忱;具备乐观向上的创业心态,良好的职业素养,具备成熟的团队协作意识｡WEB前端工程师(岗位职责)职位描述岗位职责:将UI设计制作好的界面开发为html静态页面;制作页面部分特效,解决页面不同扫瞄器兼容性问题,主要为为pc 端,小部分移动端页面制作;协作后台开发人员实现界面和功能任职要求: 1.精通html+css+div,生疏页面架构与布局;2.精通Ajax､Javascript､JSON､Jquery等前端技术一种或多种3.生疏网页制作软件,具备规范的从PSD图到前端界面制作的力气,生疏photoshop等相关软件的用法;4.能娴熟高效地手写吻合W3C标准､兼容多扫瞄器的前端代码;5.有html5､CSS3开发阅历者优先;6.有较强的沟通及协调力气,解决问题力气强,较高的工作效率,能吃苦耐劳,有责任心WEB前端工程师(岗位职责)职位描述岗位职责:1､负责移动端/网页端(包括H5产品)的整体UI设计与用户体验,包括交互设计与视觉设计;2､娴熟把握图像设计技能,能独立完成H5创意设计;3､关注市场动态,关注社会热点,并结合公司品牌制作社交网络传播物料;4､关怀完成日常的线上活动页面以及线下物料设计;5､协作推广人员,对宣扬页面的整体视觉呈现进行把控;任职要求: 1､大专以上学历,具有3年以上网页和手机页面或app的设计阅历者优先; 2､具有扎实的美术功底,独到的颜色把握力气和优秀的审美､创意力气; 3､生疏整体网站和h5或app界面的设计制作流程; 4､可以协作程序开发人员进行网站的整体设计､创意和制作; 5､精通Photoshop､Illustrator､flash等相关设计软件;娴熟把握PLO､Epub360､易企秀等h5操作平台｡ 6､具有较强的领悟力气､创新力气和沟通力气,工作乐观,仔细负责,勤恳踏实;有良好的抗压力气,能够适应创业公司的快速节奏;我从来不曾抗拒你的魅力,你是策划,项目还是设计我的情意总是轻易就洋溢眼底｡我是挺你的,我挺你究竟,生平第一次我放下矜持,信任自己真的可以深深拥抱你｡无论你是文艺青年､小资清爽青年或者是潮流独立青年,只要你有审美,只要你有创意,只要你有激情,嗯,只要你够点儿意思｡过来,我们聊聊餐厅服务员岗位职责客房服务员工作职责酒店卫生管理制度物业公司管理制度售后服务管理制度酒店厨房管理制度。
第六章万维网PPT课件
(FrontPage的简化版)； (4) Media Player 和Real Player网络多媒体工具； (5) Netmeeting网络会议软件； (6) Microsoft Chat聊天软件； (7) 通信簿。
6.4.2 Internet Explorer 5.0的安装
用装有IE5.0的光盘安装或用FTP从Interne某个站点 上将ie5setup.exe智能安装程序传送到本地硬盘， 然后安装。微软Internet Explorer 5.0Web 页面见 图6.2所示，地址为。在这里用户可下载Internet Explorer5.0智能安装向导。它是一个506K的应 用程序ie5setup.exe，一旦下载到本地机，用户就 可执行它，并开始Internet Explorer5.0下载和安
用HTML可编辑网页。目前，高版本的浏览器(例 如，Netscape3.0)已内嵌了可视化网页制作工 具。也就是说不用HTML编写就很容易制作 出简单的多媒体网页。另外在Office 97中除 了OutLook外都可存成HTML格式的文件。 1998年3月微软正式推出了FrontPage 98 for Windows 95，它是一个全新的网页制作和 Web站点网页创建管理工具，是目前功能最 强、最为流行的网页可视化写作工具。
1.Dreamweaver-CS6-基础知识解析
5. 编码工具栏
编码工具栏垂直显示在文档窗口的左侧，只消逝在代码视图中。 在使用编码工具栏时，不能将其取消停靠或移动，但是可以将 它隐蔽起来。
6. 状态栏 状态栏位于窗口的底部，用于供给与当前文档有关的信息
A ：标签选择器 B ：选取工具 C ：手形工具 D ：缩放工具 E ：设置缩放比率 F ：手机屏幕、平板电脑屏幕和显示器屏幕切换 G ：窗口大小弹出菜单〔在“ 代码” 视图中不行用〕 H ：文档大小和下载时间 I ：编码指示器
8. “ 文本”选项卡
“文本”选项卡用于插入各种文本格 式和列表格式的标签。
9. “ 保藏夹”选项卡
1.2.4 属性检查器 属性检查器用于检查和编辑当前选定页面元素的最常用属性，随着
选定元素的不同会有所变化。它在设计视图和代码视图中都能显 示。
1.2.5 使用治理面板和面板组 Dreamweaver 通过一套面板和面板组系统来轻松地处理不同的简洁
界面。
1. 开放或折叠面板 单击面板右上角的“折叠为图标”
或者“开放面板”图标可以轻松 开放或折叠面板，折叠为图 标后的显示方式有两种：只 显示图标和显示图标以及相 应的文字。
2. 拖动面板或者面板组 在众多的面板组〔又称为标签组
，下同〕集合的局部，假设 希望将其中一个面板或者面 板组拖出来，用户可以直接 将鼠标指针放在需要拖出的 面板名称上或者面板组名称 的后面，按下鼠标左键不放 拖动鼠标就可以将其拖出。
Java_Web应用开发技术与案例教程课件第6章第2节 Servlet常用接口、类及其方法
第5节 MVC开发模式与应用案例
在开发一个Web应用程序时，通常需要同时使用这3种技术，并分别承担不同的职责 。 JSP一般用来编写用户界面层的信息显示，充当视图层的角色（简称为V）； Servlet主要用来扮演任务的执行者，一般充当着控制层的角色(简称为C)； JavaBean主要实现业务逻辑的处理，充当模型层的角色(简称为M)。
1．javax.servlet.http.HttpServletRequest
类HttpServletRequest的对象对应JSP的request对象， 常用方法：
void setCharacterEncoding()： 设置请求信息字符编码，常用于解决post方式下参数值汉字乱码问题。
String getParameter(String paraName)：获取单个参数值。 String[] getParameterValues(String paraName)：
假设，组件之间共享数据的参数为：username（用户名称）和userpwd（密码）。
【实现】 （1）登录页面login.jsp （2）处理登录的Servlet：LoginCheckServlet.java （3）显示结果的页面Info.jsp
【运行】《程序执行》
回顾上次课介绍的内容
1、如何创建Servlet？ 一般在创建时，直接采用注解方式，配置servlet_形成访问地址，利用该地址，对 servlet 运行 2、重写 doGet（参数：请求，相应参数） doPost(参数) 3、部署 4、运行——利用该地址，对servlet 运行 5、给出了设计案例
的JSP页面。并且，在跳转到新组件后，重新创建request对象。 response.sendRedirect("JSP网页地址");
java web 6年工作经验 自我介绍
尊敬的领导，您好！我是一名从事Java Web开发工作的工程师，具有6年丰富的工作经验。
在我职业生涯的过程中，我积累了丰富的项目经验并深刻理解了Java Web开发的核心技术和流程。
下面我将详细介绍我的工作经历、技术能力及个人成就，希望能为您提供一个全面的了解。
一、工作经历1. 2015年-2017年，在一家互联网企业担任Java开发工程师，负责公司内部管理系统的开发和维护工作。
工作期间，我深入参与了项目的需求分析、技术选型、架构设计和研发工作，积累了丰富的软件开发经验和团队协作能力。
2. 2017年-2019年，在一家知名软件外包公司担任高级Java工程师，主要负责参与多个客户项目的开发和实施，涉及行业包括金融、电商和物流等。
在这段工作经历中，我不断学习和应用新的技术，提高了自身的技术水平和解决问题的能力。
3. 2019年至今，加入一家中型互联网金融公司，担任技术主管兼架构师一职。
我领导团队成功开发了多个复杂的金融交易系统，对高并发、分布式架构有着深刻的理解和丰富的实践经验。
我也参与了公司技术规划和团队建设工作，对团队成员进行培训和指导，提高了整个团队的工作效率和质量。
二、技术能力1. 精通Java编程语言，熟练掌握Spring、SpringMVC、MyBatis等主流开发框架。
对Java语言特性和JVM优化有着深入的理解和实践经验。
2. 对于前端技术也有一定的涉猎，熟练掌握HTML、CSS、JavaScript 等前端开发技术，具备良好的前后端分离开发能力。
3. 对于数据库开发和调优有着丰富的经验，熟练使用MySQL、Oracle等关系型数据库，并具备NoSQL数据库使用经验。
4. 擅长系统架构设计和性能优化，具有处理大规模数据和高并发访问的能力。
三、个人成就1. 在公司内部管理系统的开发过程中，我成功实现了多个模块的独立开发和完整测试，为公司内部业务流程的优化和提升效率做出了重要贡献。
2. 在软件外包公司工作期间，我的项目交付都能按时完成，交付质量也都受到了客户的认可和好评。
6-OBCP第六章-OBProxy-路由策略与使用运维-V3
优先级: session变量 > 配置项。 当用户指定session变量proxy_idc_name时，覆盖全局proxy_idc_name设置
弱一致性读：配置弱一致性读
OceanBase数据库可以通过设置ob_read_consistency参数进行挼一致性读配置 Global级别
全局级别：配置项proxy_idc_name用来控制全局级别的当前IDC机房信息, 默认为空。配置项的设置可以通过启 动参数/登陆修改/ocp配置项更新进行, 在proxy的启动脚本中使用-i 机房名启动传入，或者proxy运行后通过 alter proxyconfig set proxy_idc_name='机房名';设置
OBProxy支持用户通过同一个OBProxy访问多个OceanBase集群 Server session对于每个client session独占 同一个client session对应server session状态保持相同(session变量同步)
OB Server
Client
OBProxy
和路由相关的一些基础概念
这些基础概念和OBproxy路由密切相关，根据不同的配置，Obproxy 进行综合的路由排序： LDC配置：
本地： 同城同机房（IDC相同） 同城： 同城不同机房（IDC不同，Region 相同） 异地： 不同的地域（Region不同）
Observer 状态： 常态 vs 正在合并 租户的Zone 类型： 读写型 vs 只读型 路由精准度： 优先精准度高的
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
时使用的个人计算机。 软件方面指的是能接收并显示服务器上传递过来的信息 资源的应用程序，如Internet Explorer。
1.1.1 WEB的概念及发展
Web 1.0 Web 2.0 Web 3.0
1.1.2 WEB应用程序
最初，Web上的内容是由静态页面组成的，页 面上包含了一些文本、图片等信息资源，用户 可以通过超链接来浏览信息。 采用静态页面的缺陷包括，不能与用户进行交 互，不能实时更新Web上的内容，因此像搜索 引擎、股市行情等许多功能无法实现。 之后出现了动态页面，即根据不同的用户或不 同的时间，呈现给用户不同的信息资源。其中， 动态内容是由Web应用程序来实现的。
1.2.3 XM常都是配合其他应用程序而使用的，它也可以单独运行，如使 用浏览器打开。
1.2.3 XML、CSS的应用
XML的用途是非常广泛的。包括以下几个方面。
1.实现不同应用程序之间的数据交互 XML是跨平台的，它提供了一种不同的应用程序之间进行 数据库交换的公共标准，是一种公共的交互平台，如图 12所示。
1.1.1 WEB的概念及发展
Web在组成上包括以下两部分：
服务器：
物理设备方面指的是存放供用户访问的信息资源的远程
计算机，如某个公司的网站服务器架设在操作系统为 Linux的计算机上。 软件方面指的是能根据用户的请求将信息资源传递给用 户的应用程序，如Apache服务器。
客户端：
1.1.1 WEB的概念及发展
Web使用超文本（Hypertext）技术将Internet 上的资源、以页面的形式表示出来，以供用户 使用，并且资源之间可以通过超链接链接起来， 以达到多种资源共享的目的。 同时、Web上的资源是十分丰富的，包括图片、 文本、多媒体等，因此用户可以通过Web来获 取知识、进行娱乐、在线交易等。
CSS语法非常简单，组成CSS语法的元素只有 CSS选择符与CSS属性。每个CSS选择符可以 包含一个或多个CSS属性。基本格式如下： 选择符{属性: 属性值} 在HTML中，选择符可以有多种形式，如HTML 标记、ID值等。例如： body {color: black} 上述代码说明在<body>标记内，文本的颜色 都是黑色的。
1.2.3 XML、CSS的应用
2.对一种数据实现多种样式 XML也将信息的数据部分和信息的显示样式部分分离开来，这样就可 以给同一份数据添加多种样式（样式部分必须由其他语言来定义，如 使用CSS），从而得到多种显示效果，如图 1-3所示。
1.2.3 XML、CSS的应用
3.实现数据的分布式处理 XML是一种针对Internet设计的标记语言，它可以在Internet上自由传送。 当XML数据被发送给客户后，客户可以通过应用软件从XML文档中提 取数据，进而对数据进行编辑和处理。XML文档对象模型允许用脚本 和其他编程语言处理XML格式的数据。这种情况下的数据处理可以在 客户端完成，而没有必要返回到Web服务器上，因此节省了Internet上 的数据带宽。基于XML的分布式数据处理图如图 1 -4所示。
1.1.2 WEB应用程序
Web应用程序是一种使用HTTP作为核心通信协 议，通过Internet让Web浏览器和服务器通信 的计算机程序。不同于静态网站，Web应用程 序能够动态创建页面，实现网站和用户的实时 交互。 说明：HTTP (Hypertext Transfer Protocol)称为 超文本传输协议，它主要用来定义客户端和服 务器端通信的规范。
随着Web的普及，Web应用程序已经成为目前 最流行的应用程序。 主要应用于企业级应用、 大型门户网站、电商网站开发等
1.1.2 WEB应用程序的一般结构
客户端脚本 服务器端代码
1.2 使用JAVA开发WEB应用
Java提供的JSP和Servlet是开发Web应用中引 人注目的技术，同时它的开源项目也是层出不 穷，如Web框架Struts、Struts 2等，持久层框 Hibernate、Ibatis等，J2EE框架Spring，模板 引擎Velocity、FreeMarker等。
2.WebWork
1.2.2 丰富的框架技术
3. Struts 2
Struts 2是Apache基金会的一个开源项目，它建立在Struts框架与 WebWork框架基础之上，继承了二者的优点，是目前非常流行的一个 Web框架。
Spring是一个以IoC和AOP为核心的轻量级容器框架。它提供了一系列 的JavaEE开发解决方案，包括表示层的SpringMVC、持久层的 SpringJDBC、业务层事务管理等众多的企业级应用技术。 Hibernate是一个ORM（对象关系映射）框架，它对JDBC进行了轻量级 的封装。通过使用Hibernate框架，开发人员能够以面向对象的思维方 式来操作数据库。
7. EasyJWeb
1.2.3 XML、CSS的应用
XML中文称为可扩展标记语言，它是由W3C（万维网协 会）推出的新一代数据交互的标准，主要用于定义Web 网页上的文档元素和商业文挡。 XML的前身是标准通用标记语言（Standard Generalized Markup Language , SGML）。XML最早于1996年出现， 并由相关人士向W3C提案。直到1998年2月，W3C正式 推出了XML（XML 1.0）。 在Internet背景下，XML以其应用简单、使用灵活等优势 在Web应用中占据着重要地位，并得到了迅速的发展。 如今，XML不仅已经广泛用于计算机及计算机网络的各 个方面，还在机械、物理、化学、数学等领域发挥着越 来越重要的作用。
1.1.2 WEB应用程序
Web应用中的每一次数据交换都要涉及客户端 和服务端两个层面。因此Web应用程序的开发 技术分为客户端开发技术和服务器端开发技术 两种。客户端开发技术如下。
1.1.2 WEB应用程序
HTML：超文本标记语言，是Web的描述语言。 CSS：用于（增强）控制网页样式并允许将样式信息与网 页内容分离的一种标记性语言。 DOM：文档对象模型的缩写，使用DOM可以访问页面其他 的标准组件。 ActiveX：一个集成平台，使用ActiveX可轻松方便地在Web 页中插入多媒体效果、交互式对象、复杂程序等。【微软】 JavaScript：客户端脚本语言，可以为客户提供更流畅的浏 览效果。 其他： Applet 【Java】、VBScript 【微软】 等。
1.2.3 XML、CSS的应用
XML是一种数据存储语言，它使用一系列简单的标记（或者 称为元素）来描述数据，包含XML的文件称为XML文件,它通 常以".xml"结尾。下面是一个名为student.xml文件中的代码：
1.2.3 XML、CSS的应用
在上述代码中， “<?xml version=” 1.0“ ?>”是 XML文件中的声明，属性version指定XML文件 的版本号，属性encoding指定XML文件的字符 编码格式。 <student>是XML文件中的根元素，一个XML文 件中有且只有一个根元素，其他元素都包含在 根元素中（注释可以例外）；"<!--姓名-->"是注 释部分。XML文件中每个元素都有开始和结束 部分。
1.1 何为WEB应用
Internet是一个全球计算机互连网络。同时也 是全球信息资源的总汇。 Web则是Internet上集文本、声音、图像、视 频等多媒体信息于一身的全球信息资源网络， 是Internet上的重要组成部分。
1.1.1 WEB的概念及发展
World Wide Web简称为Web，中文译为万维网，是Internet上 的一种服务。 Web的历史最早可追溯到1980年Tim Berners-Lee负责的 Enquire (Enquire Within Upon Everything的简称)项目(用于科学 家之间方便交流信息等方面)，该项目虽然和目前的Web不太 一样，但是它已经具有了和Web类似的核心思想。 之后，一直到1990年，第一台Web服务器"nxoc01.cern.ch"开 始运行，Tim Berners-Lee在自己编写的图形化Web浏览器 "World Wide Web"上看到了最早的Web页面。1991年，CERN (European Particle Physics Laboratory)正式发布了Web技术标 准，这也意味着Web正式登上了历史的舞台。
1.1.2 WEB应用程序
应用程序的模式分为两种：C/S模式和B/S模 式。 其中C/S模式（客户端/服务器端模式）的客户 端程序一般能够独立运行； B/S模式（浏览器端/服务器端模式）的应用 程序一般需要通过浏览器来运行。 Web应用程序一般采用的是B/S模式。采用 B/S模式的Web应用程序分为3层结构。
1.1.2 WEB应用程序
服务器端开发技术如下。
JSP/Servlet：服务器端的Java应用程序，可以生成
动态的Web页面。 PHP：在服务器端执行的嵌入HTML文档的脚本语 言。 ASP：用于构建Windows服务器平台上的Web应用 程序。 【微软】 其他：CGI、Perl、ISAPI等。
1.2.3 XML、CSS的应用
CSS英文全称为Cascading Style Sheets，中文 称为层叠样式表单，由W3C的CSS工作组设置 和维护，它是一种用来表现HTML或XML等文 件式样的计算机语言，属于浏览器解释型语言， 不需要编译，就可以直接由浏览器执行。