web基础知识—web基础知识有哪些 收藏 0

好程序员web前端教程分享web前端基础知识

　　好程序员web前端教程分享web前端基础知识，想要成为一名合格的Web前端工程师你必须要一项一项的掌握技术，更需要扎实的基础知识 下面就为大家介绍一下，web前端中的常见技术名称及所实现的功能。

　　1、AJAX

　　AJAX全称为“AsynchronousJavaandXML”(异步Java和XML)，是指一种创建交互式网页应用的网页开发技术。国内通常的读音为“阿贾克斯”和阿贾克斯足球队读音一样。

　　2、jQuery

　　jQuery是继prototype之后又一个优秀的Javascrīpt框架，jQuery是一个快速的，简洁的java库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。

　　3、API

　　API(ApplicationProgrammingInterface，应用程序编程接口)是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件的以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

　　4、JavaScript

　　JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举，还可以显示浏览器停留的时间。

　　5、HTML

　　HTML(HyperTextMark-upLanguage)即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。

　　6、ASP

　　ASP是ActiveServerPage的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是。asp，现在常用于各种动态网站中。

　　7、PHP

　　PHP，一个嵌套的缩写名称，是英文超级文本预处理语言(PHP:HypertextPreprocessor)的缩写。PHP是一种HTML内嵌式的语言。

　　8、其他

　　GoogleWebToolkit(简称GWT)是Google推出的Ajax应用开发包，GWT支持开发者使用Java语言开发Ajax应用。

　　extjsExtJS是一个Ajax框架，是一个用java写的，用于在客户端创建丰富多彩的Web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用。

Web前端必备基础知识点，百万网友：牛逼

1.SQL注入——常见的安全性问题。

解决方案：前端页面需要校验用户的输入数据（限制用户输入的类型、范围、格式、长度），不能只靠后端去校验用户数据。一来可以提高后端处理的效率，二来可以提高后端数据的安全。

后端不要动态sql语句，使用存储过程查询语句。限制用户访问数据库权限。后端接受前端的数据时要过滤一些特殊字符（如：“–”等字符）

后端如果出现异常的话，要使用自定义错误页，防止用户通过服务器默认的错误页面找到服务器漏洞。

2.XSS攻击——相对复杂的安全性问题

攻击方式：基于DOM的XSS即通过浏览器来直接运行js脚本，无须提交服务器，从客户端的代码引起的。

如：其实就是发送一个合法的地址加自己的脚本，比如：www.xxx.com/search?wd=…受害者点击的是www.xxx.com/search?wd=…链接，然后受害者的浏览网页就加入这个恶意代码。

存储XSS攻击即通过输入框提交js脚本或者上传文件到服务器，从网站的数据库引起的攻击。

反射XSS攻击即通过url提交js脚本到服务器，从受害人的请求发起引起的攻击。

3.CSRF攻击——比xss攻击更危险的安全性问题

攻击方式：受害者打开网站A，登陆网站A，网站A保存一些cookies在本地（没有关闭浏览器），受害者又打开网站B，网站B保存一些恶意cookies，并向网站A发送受害者的请求（网站B利用受害者攻击网站A）。

4.DoS攻击——常见的具有破坏性的安全性问题（如果是分布式攻击的话就是DDos攻击）

攻击方式：Ping Flood攻击即利用ping命令不停的发送的数据包到服务器。

5.DNS缓存污染——常见的网站不可访问的问题

攻击方式：第三方可信赖的域名服务器缓存了一些DNS解析，但被别人制造一些假域名服务器封包污

染了，指向错误网址。

6.ARP欺骗——常见的窃取资料的安全性问题

攻击方式：利用ARP欺骗，伪造成网关，让受害者的数据经过攻击者的电脑，从而抓取别人的用户信息。7.中间人攻击（会话劫持）—–常见的窃取资料的安全性问题

攻击方式：劫持会话cookies，把受害者（A）与受害者（B）之间通信经过攻击者的电脑。（常见于在线聊天系统）

8.后门 —–常见的软件漏洞问题

后门是指一种绕过安全性控制而获取对程序或系统访问权的方法。在软件的开发阶段，程序员常会在软件内创建后门以便可以修改程序中的缺陷。如果后门被其他人知道，

或是在发布软件之前没有删除，那么它就成了安全隐患。常见于一些热补丁更新软件。

攻击方式：使用webshell提交恶意的动态网页到网站服务器，然后执行恶意的动态页面（如：www.XXX.xom/恶意页面.jsp）。

兼容问题主要包括css兼容,js兼容

不同浏览器默认样式不同:

对于部分样式需要通过加入前缀解决

事件兼容的问题，我们通常需要会封装一个适配器的方法，过滤事件句柄绑定、移除、冒泡阻止以及默认事件行为处理

阻止默认行为:

w3c 的方法是 e.preventDefault()，IE 则是使用 e.returnValue = false;

阻止事件冒泡:

w3c 的方法是 e.stopPropagation()，IE 则是使用 e.cancelBubble = true

1. 基础知识

1.1浏览器输入url到显示页面，发生了什么？

1.2 优化思路

2. 网络层面优化

2.1 HTTP请求优化

2.2 Web缓存（HTTP缓存）

2.3 Web 缓存（浏览器缓存）

3. CDN

3.1 概念

3.2 CDN 与前端性能优化

4. 渲染层面优化

4.1 浏览器渲染

4.2 DOM 优化

Web前端：JavaScript最强总结，最全面的零基础入门教程

JavaScript 是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。

• 简单、易学、易用；
• 跨平台；IE、Navigator
• 符合ECMA（欧洲计算机制造协会）标准，可移植；
• 事件驱动式的脚本程序设计思想；
• 动态、交互式的操作方式。

• 交互式操作；
• 表单验证；
• 网页特效；
• Web游戏
• 服务器脚本开发等。

文本编辑器

Web浏览器

解释执行（由上而下）

JavaScript1.0——JavaScript1.4

JavaScript/IE3.0、JavaScript1.2/IE4.0；

微软允许用户自行设置对JavaScript处理模式。

JavaScript与Java的区别体现在：首先，它们是两个公司开发的不同的两个产品，Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript是Netscape公司的产品，其目的是为了扩展Netscape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。其次，JavaScript是基于对象的，而Java是面向对象的，即Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。第三，两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。第四，两种语言所采取的变量是不一样的。Java采用强类型变量检查，即所有变量在编译之前必须作声明。JavaScript中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运行时检查其数据类型。第五，代码格式不一样。Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那么进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。编写HTML文档就像编辑文本文件一样方便。第六，嵌入方式不一样。在HTML文档中，两种编程语言的标识不同，JavaScript使用<script>…</script>来标识，而Java使用<applet> … </applet> 来标识。第七，静态绑定和动态绑定。Java采用静态联编，即Java的对象引用必须在编译时的进行，以使编译器能够实现强类型检查，如不经编译则就无法实现对象引用的检查。JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查。

如果想要更高效、更系统地学会javascript，最好采用边学边练的学习模式。

今天分享的这套JavaScript学习教程，讲解了前端开发中的核心技术JavaScript，俗称JS

内容涵盖：JavaScript核心语法、JavaScript内置支持类、JavaScript调试、JavaScript DOM编程、JavaScript BOM编程、大量前端小案例、JavaScript事件处理、JavaScript对象、继承、JSON等知识点，该视频可以开启你的WEB前端之路。

1. .JavaScript教程-JavaScript概述

2. .JavaScript教程-HTML嵌入JavaScript代码的第一种方式1

3. .JavaScript教程-HTML嵌入JavaScript代码的第一种方式2

4. .JavaScript教程-HTML嵌入JavaScript代码的第二种方式

5. .JavaScript教程-HTML嵌入JavaScript代码的第三种方式

6. JavaScript教程-JS的标识符

7. .JavaScript教程-JS的变量1

8. .JavaScript教程-JS的变量2

9. JavaScript教程-JS的函数初步1

10. .JavaScript教程-JS的函数初步2

11. .JavaScript教程-全局变量和局部变量

12. .JavaScript教程-JS的数据类型

13. .JavaScript教程-Undefined数据类型

14. .JavaScript教程-Number数据类型

15. .JavaScript教程-Boolean数据类型

16. .JavaScript教程-回顾数据类型

17. .JavaScript教程-String数据类型

18. .JavaScript教程-Object数据类型

19. JavaScript教程-Object数据类型2

20. .JavaScript教程-Object数据类型3

21. .JavaScript教程-null undefined NaN的区别以及等同和全等运算符

22. .JavaScript教程-JS的常用事件

23. .JavaScript教程-回调函数的概念

24. .JavaScript教程-注册事件的两种方式

25. JavaScript教程-JS代码的执行顺序

26. .JavaScript教程-JS代码的执行顺序2

27. JavaScript教程-捕捉回车键

28. .JavaScript教程-捕捉回车键2

29. .JavaScript教程-void运算符

30. .JavaScript教程-JS的控制语句

31. JavaScript教程-设置和获取文本框的value

32. JavaScript教程-innerHTML和innerText属性

33. .JavaScript教程-正则表达式

34. .JavaScript教程-邮箱地址的正则表达式

35. JavaScript教程-扩展字符串的trim函数

36. .JavaScript教程-回顾JS

37. JavaScript教程-表单验证

38. JavaScript教程-表单验证2

39. JavaScript教程-表单验证3

40. .JavaScript教程-表单验证4

41. .JavaScript教程-复选框的全选和取消全选

42. .JavaScript教程-获取下拉列表选中项的value

43. .JavaScript教程-周期函数setInterval

44. .JavaScript教程-内置支持类Array

45. .JavaScript教程-BOM编程window的open和close

46. .JavaScript教程-BOM编程弹出确认框

47. .JavaScript教程-（补录）-将当前窗口设置为顶级窗口

48. .JavaScript教程-BOM编程history和location对象

49. .JavaScript教程-JSON在开发中的使用

50. .JavaScript教程-JSON在开发中的使用2

51. JavaScript教程-JSON在开发中的使用3

52. .JavaScript教程-JSON在开发中的使用4

53. JavaScript教程-JSON在开发中的使用5

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com