1. web前端利用ajax怎样储存用户登录的信息
应该会。Cookie，有时也用其复数形式Cookies，指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据（通常经过加密）。Cookie是由服务器端生成，发送给User-Agent（一般是浏览器），浏览器会将Cookie的key/value保存到某个目录下的文本文件内，下次请求同一网站时就发送该Cookie给服务器（前提是浏览器设置为启用cookie）。Cookie名称和值可以由服务器端开发自己定义，对于JSP而言也可以直接写入jsessionid，这样服务器可以知道该用户是否合法用户以及是否需要重新登录等。
2. 前端和Web前端有什么区别吗
web前端是指网站的前端开发，相对于后端而言，主要是给用户呈现网站等界面。
web前端属于IT行业中热门的岗位，相比较于其他的IT技术来说，是比较简单的。前端主要负责实现网站或者APP页面，涉及的代码量比后端开发小，但薪资和发展都不差，课程是目前前沿的前端技能叫web全栈工程师。
web全栈工程师5.0课程包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（Mysql数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。
3. 如何将web系统进行前端、数据库、存储文件进行分离。
本来这几个就没合体啊, 前端是cookies 或缓存之类的 数据库是 文件或链接 你看下购物车功能 分析下就能得出区别
4. web图片一般存在后端哪里
web图片一般存在Java后端。
web前端上传图片到Java后端，并保存到本地。一般来说，图片在后端的存储方式分为两种：一，可以将图片以独立文件的形式存储在服务器的指定文件夹中，再将路径存入数据库字段中，二，将图片转换成二进制流，直接存储到数据库的Image类型字段中。
5. web前端项目的结构是怎样的
你指的是文件夹结构吗？
通常包含index.html文件，以及cn/html文件夹（用户存储html文件）、CSS文件夹、images文件夹、js文件夹
前面这些都是上线时要有的，如果是自己的项目，还可以增加imageStudio等文件夹用于存储PSD等设计图、相关文档等
6. web前端开发需要掌握的几个必备技术
Web前端开发需要掌握的几个必备技术是：
HTML +_CSS核心、JavaScript、VUE框架
前端的应用非常广泛，基本网站、APP、HTML5小程序等都需要前端开发，所以只要是互联网产品基本都需要前端。
前端程序猿切页面写页面，Web上、H5上的炫酷效果，是前端开发大展身手的地方。最常见的用于前端开发的技术组合是：
HTML+CSS+JavaScript。
web前端是在开发人员中最直接面向产品、面向用户的设计人员，一个开发团队的成果是要靠web前端去展现，因为用户不会去关心后台的处理有多么强大。
后端开发是写后台，各种业务逻辑、数据处理、模块接口、客户端接口等等。后端开发者通常精通于一种Web编程语言和一个数据库管理系统。电商平台点击筛选条件下面为你筛选出来的宝贝的功能以及付款人数数据的变化等都是由后台来实现提供的。
目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端去做。
前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。
前端开发需要学习的技术
1 掌握基本web前端开发技术：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug
2 必须掌握网站性能优化、SEO和服务器端开发技术的基础知识
3 必须学会运用各种web前端开发与测试工具进行辅助开发
4 除了掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
5 未来web前端开发工程师还要研究HTML5、web视觉设计、网站配色、网站交互设计模式等相关技术
web前端有广阔的发展空间，app、小程序、移动端、pc端等都网站是需要前端技术的开发支持才能够完成，技术门槛相对较低、需求量较大，薪资待遇良好。只要是互联网端的客户界面，就需要前端来制作完成，前端开发的编程量不大，但是需要部分编程，入门简单，但是要学的深入需要一个过程。
Web前端招聘岗位
• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...
• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...
• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...
• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...
7. web前端开发面临的挑战主要是有哪些
平时工作，多数是开发Web项目，由于一般是开发内部使用的业务系统，所以对于安全性一般不是看的很重，基本上由于是内网系统，一般也很少会受到攻击，但有时候一些系统平台，需要外网也要使用，这种情况下，各方面的安全性就要求比较高了。
1、测试的步骤及内容
这些安全性测试，据了解一般是先收集数据，然后进行相关的渗透测试工作，获取到网站或者系统的一些敏感数据，从而可能达到控制或者破坏系统的目的。
2、SQL注入漏洞的出现和修复
SQL注入定义：
SQL注入攻击是黑客对数据库进行攻击的常用手段之一。随着B/S模式应用开发的发展，使用这种模式编写应用程序的程序员也越来越多。但是由于程序员的水平及经验也参差不齐，相当大一部分程序员在编写代码的时候，没有对用户输入数据的合法性进行判断，使应用程序存在安全隐患。用户可以提交一段数据库查询代码，根据程序返回的结果，获得某些他想得知的数据，这就是所谓的SQL Injection，即SQL注入。
SQL注入有时候，在地址参数输入，或者控件输入都有可能进行。如在链接后加入’号，页面报错，并暴露出网站的物理路径在很多时候，很常见，当然如果关闭了Web.Config的CustomErrors的时候，可能就不会看到。
3、跨站脚本攻击漏洞出现和修复
跨站脚本攻击，又称XSS代码攻击，也是一种常见的脚本注入攻击。例如在界面上，很多输入框是可以随意输入内容的，特别是一些文本编辑框里面，可以输入例如这样的内容，如果在一些首页出现很多这样内容，而又不经过处理，那么页面就不断的弹框，更有甚者，在里面执行一个无限循环的脚本函数，直到页面耗尽资源为止，类似这样的攻击都是很常见的，所以我们如果是在外网或者很有危险的网络上发布程序，一般都需要对这些问题进行修复。
8. web前端需要掌握的哪些知识
一个合格的web前端需要掌握哪些技术？
最基础的自然是JavaScript，HTML和css这三种语言。
首先了解下它们到底是什么。
HTML是用户看到的网页的骨架，比如你会发现当前页面分为左中右三个部分，其中还填充了不同的文字和图片；每个子部分还会继续细分，比如当前页面的中间部分下方有输入框等等。
CSS是网页展示的细节控制，比如你会发现有的文字是红底白色，有的子部分占了页面的二分之一宽，有的只占六分之一，有些部分需要用户进行某些操作（如点击，滑动）才会出现等等，这些就是有CSS来控制。
JavaScript是负责捕捉用户在浏览器上的操作，并与后端服务器进行数据交换的脚本语言。当用户在前端进行点击，输入等操作的时候，会触动绑定了该动作的JavaScript脚本，然后JavaScript收集数据，调用后端的api接口，再将后端返回的数据交给HTML和CSS渲染出来。
一个网页的HTML代码和CSS代码是可以直接在浏览器中查看的，你可以直接按F12，就能看到下图右侧的模块，左右侧红框就是代码与实际页面的对应关系。因此如果你看到某个网站的布局很不错，不妨点击F12，进行学习。
前端框架
然而，实际应用中，已经很少有正规的项目组直接用上述三种语言进行web 前端开发了，而是使用很多封装了这三种语言的框架，比如
Vue.js
，angular，react native等等。它们是来自谷歌和Facebook的大神项目组，基于自己的经验，封装了原生前端语言，实现了更多更复杂更酷炫的功能。因此，可以说，学会使用这些框架，能达到事半功倍的效果。
比如用了vue，它是自底向上增量开发的设计，其核心只关心图层，而且还可以与其他库或已存项目融合，学习门槛极其友好；另一方面，vue可以驱动单文件组件和vue生态系统支持的库开发的复杂单页应用。有了这个生态系统，可以说，vue是处在一个不断壮大，不断完善的欣欣向荣的状态。
网络通信协议
由于前后端分离的趋势，前端还需要了解很多网络通信协议的知识，这里不局限于http协议，因为据我的经验，有时候我们还会用到websocket等协议。因此，前端需要简单了解不同协议的特点以及使用方式，但是好消息是不用像学习计算机网络课程一样对每种协议的原理都了解的特别透彻，只要学会如何用前端语言发送这种协议的请求就够了。
9. web前端配置文件的格式有哪些
*.pif为DOS环境下的可执行文件在Windows下执行时所需要的文件格式★常见的文件后缀名.ACA：Microsoft的代理使用的角色文档.acf：系统管理配置.acm：音频压缩管理驱动程序,为Windows系统提供各种声音格式的编码和解码功能.aif：声音文件，支持压缩，可以使用WindowsMediaPlayer和QuickTimePlayer播放.AIF：音频文件，使用WindowsMediaPlayer播放.AIFC：音频文件，使用WindowsMediaPlayer播放.AIFF：音频文件，使用WindowsMediaPlayer播放.ani：动画光标文件扩展名，例如动画沙漏。.ans：ASCII字符图形动画文件.arc：一种较早的压缩文件，可以使用WinZip,WinRAR,PKARC等软件打开.arj：压缩文件。可以使用WinZip,WinRAR,PKARC等软件打开.asf：微软的媒体播放器支持的视频流，可以使用WindowsMediaPlayer播放.asp：微软的视频流文件，可以使用WindowsMediaPlayer打开.asp：微软提出的ActiveServerPage,是服务器端脚本，常用于大型网站开发，支持数据库连接，类似PHP。可以使用VisualInterDev编写，是目前的大热门.asx：WindowsMedia媒体文件的快捷方式.au：是Internet中常用的声音文件格式，多由Sun工作站创建，可使用软件WaveformHoldandModify播放。NetscapeNavigator中的LiveAudio也可以播放.au文件.avi：一种使用MicrosoftRIFF规范的Windows多媒体文件格式，用于存储声音和移动的图片.bak：备份文件，一般是被自动或是通过命令创建的辅助文件，它包含某个文件的最近一个版本，并且具有于该文件相同的文件名.basBasic：语言源程序文件，可编译成可执行文件,目前使用Basic开发系统的是VisualBasic.bat：批处理文件，在MS-DOS中，.bat文件是可执行文件，有一系列命令构成，其中可以包含对其他程序的调用.bbs：电子告示板系统文章信息文件.bfc：Windows的公文包文件.bin：二进制文件，其用途依系统或应用而定.bmp：Bitmap位图文件，这是微软公司开发Paint的自身格式，可以被多种Windows和WindowsNT平台及许多应用程序支持，支持32位颜色，用于为Windows界面创建图标的资源文件格式。.c：C语言源程序文件，在C语言编译程序下编译使用.cab：Microsoft制订的压缩包格式，常用于软件的安装程序，使用Windows自带的实用程序，Extract.exe可以对其解压缩，WinZip,WinRAR等都支持这种格式.cal：Windows中的日历文件.cdf：InternetExplorer的频道文件.cdr：CorelDraw中的一种图形文件格式，它是所有CorelDraw应用程序中均能够使用的一种图形图像文件格式.cdx：索引文件，存在于Dbase,Foxbase,Foxpro系统软件环境下.cfg：配置文件，系统或应用软件用于进行配置自己功能，特性的文件.chm：编译过后的HTML文件，常用于制作帮助文件和电子文档.clp：在Windows下剪贴板中的文件格式.cmd：用于WindowsNT/2000的批处理文件，其实与BAT文件功能相同，只是为了与DOS/Windows9x下的BAT有所区别.cmf：声卡标准的音乐文件，FM合成器等可以回放.cnf：NetMeetting会议连接文件.cnt：联机帮助文件目录索引文件，通常和同名的.hlp文件一起保存.col：由AutodeskAnimator,AutodeskAnimatorPor等程序创建的一种调色板文件格式，其中存储的是调色板中各种项目的RGB值.com：DOS可执行命令文件，一般小于64KB.cpl：控制面板扩展文件，Windows操作系统使用.cpp：C++语言源程序，非常强大的语言，在各种平台中都有相应的开发系统.crd：Windows中的卡片文件.crt：用于安全方面的证书认证文件.cur：Windows下的光标资源文件格式，可用光标编辑软件编辑.css：Text/css文件.dat：数据文件，在应用程序中使用.dat：VCD中的图象声音文件，VCD播放软件可调用，或是通过VCD机播放.dbf：数据库文件，Foxbase,Dbase,VisualFoxPro,等数据库处理系统所产生的数据库文件.dcx：传真浏览文档文件.ddi：映象文件，DUP,HD,IMG等工具可.dev：设备驱动程序.dib：设备无关位图文件，这是一种文件格式，其目的是为了保证用某个应用程序创建的位图图形可以被其它应用程序装载或显示一样.dir：目录文件.dll：Windows动态连接库，几乎无处不在，但有时由于不同版本DLL冲突会造成败各种各样的问踢.doc：是目前市场占有率最高的公室软件MicrosoftOffice中的字处理软件Word创建的文档.dos：Windows保留的MS-DOS的某些系统文件.dot：MicrosoftWord的文档模板文件，通过模板可以简化一些常用格式文档的创建工作,而且可以内嵌VBA程序来实现某些自动化功能.drv：设备驱动程序文件，用在各种系统中.dwg：AutoCAD的图纸文件，也是许多绘图软件都支持的格式，常用于共享数据.dxb：AutoCAD创建的一中图形文件格式.dxf：图形交换格式，一种计算机辅助设计的文件格式，最初开发用来与AutoCAD一起使用，以便于图形文件在应用程序之间的传递,它以ASCII方式储存图形，在表现图形的大小方面十分精确.der：Certiticate文件.dic：Txt文件.emf：由Microsoft公司开发的Windows32位扩展图元文件格式，其总体设计目标是要弥补在MicrosoftWindows3.1(Win16)中用的*.wmf文件格式的不足,使得图元文件更加易于使用.eps：用PostScript语言描述的一种图形文件格式，以文本文件保存，在PostScript图形打印机上能打印出高品质的图形图象，最高能表示32位图形图象.err：编译错误文件，存在于Dbase,Foxbase,Foxpro系列软件环境下.exe：可执行文件，虽然后缀名相同，但具有不同的格式和版本.exp：3DS使用的显示卡驱动程序.exc：Txt文件.flc：AutodeskAnimator和Animatorpro的动画文件，支持256色，最大的图象象索是64000*64000,支持压缩，广泛用于动画图形中的动画序列，计算机辅助设计和计算机游戏应用程序.fnd：保存的搜索结果.fon：点阵字库文件.for：Fortran语言程序.fot：指向字体的快捷键.fp：配置文件，存在于Dbase,Foxbase,Foxpro系列软件的环境下.fpt：备注字段文件，存在于Dbase,Foxbase,Foxpro系列软件的环境下.frt：报表文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.frx：报表文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.fxp：编译后的程序，存在于Dbase,Foxbase,Foxpro系列软件的环境下.gif：在各种平台的各种图形处理软件上均能够处理的，经过压缩的一种图形文件格式.grh：方正公司的图象排版文件.grp：Windows下的程序管理器产生的组窗口文件.goc：Gocserve.gra：MSGraph.Chart.5.h：C语言源程序头文件.hlp：Windows应用程序帮助文件.hqx：Macintosh中使用BinHex将二进制文件编码为7位的文本文件，大多数Macintosh文件皆以.hqx出现(.bin极少使用)，在Macintosh中,可使用StuffItExpander对.hqx解码，在Windows中可使用BinHex13解码.ht：超级终端.htm：保存超文本描述语言的文本文件，用于描述各种各样的网页，使用各种浏览器打开.html：同.htm文件.icm：图象配色描述文件.ico：Windows中的图标文件，可以包含同一个图标的多种格式，使用图标编辑软件创建.idf：MIDI乐器定义.idx：索引文件，存在于Dbase,Foxbase,Foxpro系列软件的环境下.iff：文件交换格式文件，这种文件格式多用于Amiga平台,在这种平台上它几乎可以存储各种类型的数据，在其它平台上，IFF文件格式多用于存储图象和声音文件.image：MAcintosh磁盘映象文件，常见于萍果机的FTP网点，在Macintosh中由ShrinkWrap处理.ime：Windows下的输入法文件.img：磁盘映象文件，用HD-COPY,WinImage等工具打开后可以恢复到一张磁盘上.inc：汇编语言包含文件，类似C/C++中的.H文件.inf：Windows下的软件安装信息，Windows的标准安装程序根据此文件内的安装信息对软件，驱动程序等进行安装.ini：Windows中的初始化信息文件,已经用的不多了，新的应用程序将设置保存在系统的注册表中.jar：一种压缩文件，ARJ的新版本，不过不太流行，可以使用WinJar,Winrar等打开.jpeg：一种图片压缩文件,同.jpg.jpg：静态图象专家组制订的静态图象压缩标准，具有很高的压缩比，使用非常广泛，可使用PhotoShop等图象处理软件创建.lnk：快捷方式，这个文件指向另一个文件，开始菜单的程序文件夹下每条项目都是一个LNK文件.log：日志文件,通常用来记录一些事件之类.lzh：一种古老的压缩文件，可以使用WinRAR打开.mac：Macintosh中使用的一中灰度图形文件格式，在MacintoshPaintbrush中使用，其分辨率只能是720*567.mag：图形文件格式.mdb：MicrosoftAccess使用的数据库格式，是非常流行的桌面数据库.men：内存应用文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.mid：音频压缩文件，曾经非常流行，不过在现在的软件中用的很少了rle：一种压缩过的位图文件格式，RLE压缩方案是一种极其成熟的压缩方案，特点是无损失压缩，既节省了磁盘空间又不损失任何图像数据，但在打开这种压缩文件时，要花费时间，此外，一些兼容性不太好的应用程序可能会搭不开.rm：Windows下的RealPlayer所支持的视频压缩文件，网上非常流行的流式视频文件，很多实时视频新闻等都是采用这种格式的，不过，最新的WindowsMediaVideoV8已经对其发起了强大的攻势.rmi：MIDI音序文件.rtf：丰富文本格式文件，以纯文本描述内容，能够保存各种格式信息，可以用写字版，Word等创建.sav：存档文件.scp：用于Windows系统中Internet拨号用户，自动拨号登录用的脚本文件，可避免手动登录时繁琐的键盘输入.scr：屏障保护文件.sct：屏幕文件.scx：屏幕文件.set：Microsoft备份集文件，用于保存要备份的内容，设置等信息.shb：指向一个文档的快捷方式.snd：Mac声音文件,Apple计算机公司开发的声音文件格式，被Macintosh平台和多种Macintosh应用程序所支持，支持某些压缩.sql：查询文件，在Dbase,Foxbase,Foxpro系列软件的环境下使用.svg：SVG可以算是目前最火热的图像文件格式了，它是基于XML由WorldWideWebConsortium联盟开发的，SVG是可缩放的矢量图形.svx：Amiga声音文件，Commodore所开发的声音文件格式，被Amiga平台和应用程序所支持，不支持压缩.swf：flash是Micromedia公司的产品，严格说它是一种动画编辑软件，实际上它是制作出一种后缀名为.swf的动画，这种格式的动画能用比较小的体积来表现丰富的多媒体形式，并且还可以与HTML文件达到一种"水乳交融"的境界.swg：虚拟内存交换文件，由操作系统使用.sys：系统文件，驱动程序等，在不同的操作系统中有不同的定义
10. web前端有哪些性能优
一，关键资源字节数
字节数也就是我通常说的减少资源文件（js,css,image,video...）的大小
1，压缩
前端使用uglify混淆压缩
后端开启gzip
对图片进行压缩，使用压缩比例更高的格式（webP）
强缓存（http状态码：200），不用请求服务器直接使用本地缓存
协商缓存（http状态码：304），使用时先请求服务器若被告知缓存没过期则使用本地缓存，不用下载资源
使用localstorage对数据进行存储
使用http2.0的多路复用合并请求
配置combo，在无法使用http2.0的情况下作为一种合并资源请求的手段
使用spite图
使用svg-symbol
2，缓存
3，针对首屏优化
对非关键资源延迟加载、异步加载，减少首屏资源大小
二，关键资源连接数
1，合并请求
2，减少图片请求数
3，针对一些场景采用css、js内联的方式
4，使用强缓存减少了一次服务器请求
5，非关键资源延迟、异步加载，减少了首屏资源连接数
三，关键渲染路径
网上有张关于页面渲染路径的图，这里我就不放了，大家有兴趣自己网络下
1，bigpipe分块输出
这里主要是因为要完成一整个页面的输出后端需要处理很多个任务，我们可以将这些多个任务进行分块，谁先完成谁就先输出，最终通过JS回填的方式输出DOM节点。这种方式主要解决了直出页面阻塞的问题
2，bigrender分块渲染
常规的手段就是采用前端模板渲染页面，针对首屏时间主要减少了首次构建DOM树时的节点数
3，针对reflow，repaint，composit路径处理
4，涉及到动画时关于layer的概念render layer、graphics layer
5，css放在头部、js放底部避免阻塞DOM树的构建，
关于css、js的位置对于页面渲染的影响大家可以关注下相关的文章。
核心：css资源不会阻塞DOM树的构建但会阻塞DOM的渲染，JS会阻塞DOM树的构建，CSS会阻塞JS的执行