Web前端基础知识整理

1. 前端基础知识文件分类 XML(扩展标记语言)装载有格式的数据信息,用于各个框架和技术的配置文件描述特点:扩展名为.xml内容区分大小写标签要成对出现,形成容器,只能有一个标签按正确的嵌套顺序,只有一个根标签标签属性的语法:属性名=”值”,写在头上,空格隔开格式: java解析xml的方式SAX(Simple APT for XML) - 常用于移动设备Android基于事件的逐行扫描文档,边扫描边解析,只在读时检查数据,不需要把全数据加载到内存中,对于大型文档解析有优势DOM(Document Object Model) - 文档对象模型数据全部存到内存中解析,速度快,dom4j组件方式解析常用HTML(超文本标记语言)扩展名为.html或.htm内容不区分大小写标签建议成对出现嵌套顺序正确,一个根标签标签具有固定含义: 可视化和功能性2. JS(JavaScript)(Java脚本)一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型特点:与html和css结合客户端的技术能够动态修改html,css中的属性等内容,形成动态效果解释型语言区分大小写弱类型的语言格式: 3. JSON(JS对象简谱)JS对象标记,JavaScript Object Notation,可以当做字符串传输,能被java,python等多种语言处理,通用性高格式:json对象:{key:value,key:value,key:value}json数组:{{key:value,key:value,key:value},{key:value,key:value,key:value}} JSON与字符串直接转换java向js传输的是json格式的字符串,要转换成json对象才能被js使用代码: 4. JSP(java server page)(Java服务器界面)由servlet改编而成,用静态的html去嵌套jsp脚本,完成动态数据的显示/src/main/webapp下创建.jsp文件jsp运行的工作原理编写.jsp文件编写jsp代码:jsp元素+html/css/javascript<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>//jsp抬头在web容器部署运行时,首次运行jsp会将它翻译成类servlet源文件.java并编译.class第一次jsp运行比较慢是因为要翻译成.java文件web容器执行.class文件jsp元素jsp元素运行级别高于静态元素,如果出现相同属性仅执行jsp元素jsp指令,指示页面执行动作属性<%@指令名 属性="值"...%>page指令:规定整个页面的属性特征language=”java” ,规定整个页面的编程语言contentType=”text/html; charset=UTF-8”,规定当前页面基于html编写isErrorPage=”true”,规定当前页面主要用于显示错误信息includetaglib小脚本作为web服务器运行的java代码,相当于servlet的service()方法<% java语句,结构或jsp内置元素 %>如果想在jsp中写html部分,需要用<% %>将jsp语句隔开jsp内置元素 全局声明语法:<%! 全局属性或方法 %>写在声明中的全局声明会当做类的属性/方法写的脚本中的局部变量/方法会写入service方法中jsp表达式语法:<%=表达式%>用于显示表达式的值页面jsp注释语法:<%--注释内容 --%>不能在html客户端源码中查看jsp动作标签 5. jsp开发模式Model分类ModelI:jsp+javaBeanMdoelII:jsp+servlet+javaBean,mvcEL(expression language)用于输出存储范围对象语法: 表达式常量表达式,{2*5}获取存储在jsp上下文四个存储范围中的对象,依次查找当前页面和三块存储区,可简化javaBean对象属性的获取范围关键字${pageScope.x.sage}pageScoperequestScopesessionScopeapplicationScope判断空对象,empty,not empty判断大小,ge,gt,le,lt6. jstl(jsp标准标签库语言)目的是减少jsp上小脚本的数量,作为sun公司推出的jsp辅助技术分类:核心库:控制程序流程,存储变量的使用和输出jstl sql库:直接在页面上使用sql语句jstl fmt库:按指定形式格式化数值使用:maven中添加jstl依赖库在jsp页面上通过<%@taglib%>指令引入jstl对应类型库在jsp中使用具体的标签案例:输出控制uri=依赖库,引入的是当前标签库的标识prefix=前缀,代表在jsp中代码当前引入的标签库的标识out标签:向页面输出value:引用EL表达式将存储猚中的对象引出escapeXml:默认true,表示输出内容有特殊字符也不识别直接打印出来 循环var,表示当次循环对象的引用items,使用EL表达式在四个存储范围加载集合对象 以上就是Web前端基础知识整理的详细内容，我目前是在职前端开发，如果你现在也想学习前端开发技术，在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我的前端学习交流裙：前面：851 中间：231 最后：348。里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，前端面试题，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。

本文章由javascript技术分享原创和收集