❶ 前端常用的框架有哪些
給你介紹Web前端三大主流框架
React：
1.聲明式設計：React採用聲明範式，可以輕松描述應用。
2.高效：React通過對DOM的模擬，最大限度地減少與DOM的交互。
3.靈活：React可以與已知的庫或框架很好地配合。
優點：
1.速度快：在UI渲染過程中，React通過在虛擬DOM中的微操作來實現對實際DOM的局部更新。
2.跨瀏覽器兼容：虛擬DOM幫助我們解決了跨瀏覽器問題，它為我們提供了標准化的API，甚至在IE8中都是沒問題的。
3.模塊化：為你程序編寫獨立的模塊化UI組件，這樣當某個或某些組件出現問題是，可以方便地進行隔離。
4.單向數據流：Flux是一個用於在JavaScript應用中創建單向數據層的架構5.同構、純粹的javascript：因為搜索引擎的爬蟲程序依賴的是服務端響應而不是JavaScript的執行，預渲染你的應用有助於搜索引擎優化。6.兼容性好：比如使用RequireJS來載入和打包，而Browserify和Webpack適用於構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。缺點：React本身只是一個V而已，並不是一個完整的框架，所以如果是大型項目想要一套完整的框架的話，基本都需要加上ReactRouter和Flux才能寫大型應用。
Vue：
Vue是尤雨溪編寫的一個構建數據驅動的Web界面的庫，准確來說不是一個框架，它聚焦在V（view）視圖層。
它有以下的特性：
1.輕量級的框架
2.雙向數據綁定
3.指令
4.插件化
優點：
1.簡單：官方文檔很清晰，比Angular簡單易學。
2.快速：非同步批處理方式更新DOM。
3.組合：用解耦的、可復用的組件組合你的應用程序。
4.緊湊：~18kbmin+gzip，且無依賴。
5.強大：表達式無需聲明依賴的可推導屬性(computedproperties)。
6.對模塊友好：可以通過NPM、Bower或Duo安裝，不強迫你所有的代碼都遵循Angular的各種規定，使用場景更加靈活。
缺點：
1.新生兒：Vue.js是一個新的項目，沒有angular那麼成熟。
2.影響度不是很大：google了一下，有關於Vue.js多樣性或者說豐富性少於其他一些有名的庫。
3.不支持IE8。
Angular：
Angular是一款優秀的前端JS框架，已經被用於Google的多款產品當中。
它有以下的特性：
1.良好的應用程序結構
2.雙向數據綁定
3.指令
4.HTML模板
5.可嵌入、注入和測試
優點：
1.模板功能強大豐富，自帶了極其豐富的angular指令。
2.是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能；3.自定義指令，自定義指令後可以在項目中多次使用。
4.ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能夠很容易的寫出可復用的代碼，對於敏捷開發的團隊來說非常有幫助。
5.angularjs是互聯網巨人谷歌開發，這也意味著他有一個堅實的基礎和社區支持。
缺點：
1.angular入門很容易但深入後概念很多,學習中較難理解。
2.文檔例子非常少,官方的文檔基本只寫了api,一個例子都沒有,很多時候具體怎麼用都是google來的,或直接問misko,angular的作者。
3.對IE6/7兼容不算特別好,就是可以用jQuery自己手寫代碼解決一些。
4.指令的應用的最佳實踐教程少,angular其實很靈活,如果不看一些作者的使用原則,很容易寫出四不像的代碼,例如js中還是像jQuery的思想有很多dom操作。
5.DI依賴注入如果代碼壓縮需要顯示聲明。
❷ 前端性能優化總結
gzip壓縮
gzip壓縮效率很高，可以達到70%的壓縮率
//npm i -D compression-webpack-plugin 安裝插件依賴
configureWebpack: config => {
const CompressionPlugin = require('compression-webpack-plugin')
config.plugins.push(new CompressionPlugin())
}
去掉console.log
生產環境中，不需要列印日誌。通過對webpack進行配置，打包時自動去掉console.log
//npm i -D terser-webpack-plugin
configureWebpack:config =>{
const TerserPlugin = require('terser-webpack-pulugin')
config.optimzation.minimizer.push(
new TerserPlugin({
extractComments:false,
terserOptions:{compress:{drop_console:true}} //插件配置項 移除console
})
)
}
去除SourceMap
代碼壓縮後進行調bug定位將非常困難，於是引入sourcemap記錄壓縮前後的位置信息記錄，當產生錯誤時直接定位到未壓縮前的位置，將大大的方便我們調試。
sourcemap附帶了很多信息，如果build需要生成sourcemap，將會大大降低build的速度，還會增加包的體積。
//vue 中
mole.exports = {
proctionSourceMap: false,
}
//react中
//打開webpack.config.prod.js
const shouldUseSourceMap = false
CDN
內容分發網路，它能夠實時地根據網路流量和各節點的連接、負載狀況以及到用戶的距離和響應時間等綜合信息將用戶的請求重新導向離用戶最近的服務節點上。其目的是使用戶可就近取得所需內容，解決 Internet網路擁擠的狀況，提高用戶訪問網站的響應速度。所以可以通過將資源部署在CDN上來提高響應速度，提高用戶體驗
預渲染
簡單來說，就是將瀏覽器解析JavaScript動態渲染的工作，在打包階段完成了（只構建了靜態數據）。換個說法，在構建過程中，webpack通過使用prerender-spa-plugin插件生成靜態結構的html
// 1、安裝prerender-spa-plugin
npm install prerender-spa-plugin --save-dev
// 2、安裝vue-meta-info
npm install vue-meta-info --save-dev
// 3、相關配置
// 預渲染配置：在webpack.prod.conf文件中加入
const PrerenderSPAPlugin = require('prerender-spa-plugin')
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer
// 在 plugins 中加入
new PrerenderSPAPlugin({
// 生成文件的路徑，也可以與webpakc打包的一致。
// 下面這句話非常重要！！！
// 這個目錄只能有一級，如果目錄層次大於一級，在生成的時候不會有任何錯誤提示，在預渲染的時候只會卡著不動。
staticDir: path.join(__dirname, '../dist'),
// 對應自己的路由文件，比如a有參數，就需要寫成 /a/param1。
routes: ['/', '/first', '/second', '/third', '/fourth', '/userCenter/userFirst','/userCenter/userSecond','/userCenter/userThird'],
// 這個很重要，如果沒有配置這段，也不會進行預編譯
renderer: new Renderer({
inject: {
foo: 'bar'
},
// headless: false,
renderAfterDocumentEvent: 'render-event', // 在 main.js 中 document.dispatchEvent(new Event('render-event'))，兩者的事件名稱要對應上。
args: ['--no-sandbox', '--disable-setuid-sandbox']
})
})
// 4、在main.js中
import MetaInfo from 'vue-meta-info'
new Vue({
el: '#app',
router,
components: { App },
template: '',
// 添加mounted，不然不會執行預編譯
mounted () {
document.dispatchEvent(new Event('render-event'))
}
})
注意：路由模式必須為 history ，如果不設置 history 模式，也能運行和生成文件，每個 index.html 文件的內容都會是一樣的
Service Worker
ServiceWorker 是運行在瀏覽器後台進程里的一段 JS，它可以做許多事情，比如攔截客戶端的請求、向客戶端發送消息、向伺服器發起請求等等，其中最重要的作用之一就是離線資源緩存。
ServiceWorker 擁有對緩存流程豐富靈活的控制能力，當頁面請求到 ServiceWorker 時，ServiceWorker 同時請求緩存和網路，把緩存的內容直接給用戶，而後覆蓋緩存
注意：需要HTTPS才能使用ServiceWorker
HTTP緩存
HTTP緩存一般分為兩類：強緩存(本地緩存)、協商緩存(304緩存)
普通刷新會啟用協商緩存
在地址欄輸入網址、通過鏈接引入資源等情況下，瀏覽器才啟用強緩存
強緩存(200)。本地緩存是最快速的一種緩存方式，只要資源還在緩存有效期內，瀏覽器就會直接在本地讀取，不會請求服務端。在chrome控制台的Network選項中可以看到該請求返回200的狀態碼，並且Size顯示from disk cache或from memory cache。強緩存可以通過設置兩種 HTTP Header 實現：Expires 和 Cache-Control。
協商緩存(304)。協商緩存，顧名思義是經過瀏覽器與伺服器之間協商過之後，在決定是否讀取本地緩存，如果伺服器通知瀏覽器可以讀取本地緩存，會返回304狀態碼，並且協商過程很簡單，只會發送頭信息，不會發送響應體。
協商緩存可以通過設置兩種 HTTP Header 實現：Last-Modified 和 ETag
首先在精確度上，Etag要優於Last-Modified
第二在性能上，Etag要遜於Last-Modified，畢竟Last-Modified只需要記錄時間，而Etag需要伺服器通過演算法來計算出一個hash值
第三在優先順序上，伺服器校驗優先考慮Etag
緩存優先順序：Service Worker -> Memory Cache(內存緩存) -> Disk Cache(硬碟緩存) -> Push Cache(推送緩存)
Push Cache 只在會話（session）中存在，會話結束就被釋放，而且緩存時間很短
HTTP2
HTTP2 四個新特性：
多路復用，無需多個TCP連接，因為其允許在單一的HTTP2連接上發起多重請求，因此可以不用依賴建立多個TCP連接。
二進制分幀，將所有要傳輸的消息採用二進制編碼，並且會將信息分割為更小的消息塊。
頭部壓縮，用HPACK技術壓縮頭部，減小報文大小
服務端推送，服務端可以在客戶端發起請求前發送數據，換句話說，服務端可以對客戶端的一個請求發送多個相應，並且資源可以正常緩存。
。。。。。。。。。。。。。
作者：MonkeySoft
篇幅有限更多請見擴展鏈接：http://www.mark-to-win.com/tutorial/50671.html
❸ 網站前端的工作具體是在做什麼
前端開發工程師的主要職責就是與交互設計師、視覺設計師協作，根據設計圖用HTML和CSS完成頁面製作。同時，在此基礎之上，對完成的頁面進行維護和對網站前端性能做相應的優化。另外，一名合格的前端開發工程師，應該具有一定的審美能力和基礎的美工操作能力，能很好地與交互及視覺協作。
HTML、CSS和DIV+CSS技術用來製作Web頁面;
Java、DOM、BOM等用建立開發基礎;
photoshop和Axure等軟體應用，完成頁面UI設計;
NodeJS和PHP加上資料庫等這樣的後端語言，方便前後端開發配合;
HTML5、CSS3、響應式頁面布局、微網站製作等開發移動互聯網的應用；
像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端開發必學的高級技術;
HTML5地理位置應用、離線應用、Webworker多線程實現、Websocket、跨平台開發技術和WebAPP開發等，這些企業級應用技術也是現在開發的主流；現在前端開發最熱門、要人最多，就是使用canvas開發網頁游戲動畫，以及會用 Cocos2d-js製作游戲等開發。
❹ Web前端面試題：瀏覽器是怎麼對HTML5的離線
在線的情況下，瀏覽器發現Html頭部有manifest屬性，它會請求manifest文件，如果是第一次訪問APP，那麼瀏覽器就會根據manifest文件的內容下載相應的資源並且進行離線存儲。如果已經訪問過APP並且資源已經離線存儲了，那麼瀏覽器就會使用離線的資源載入頁面，然後瀏覽器會對比新的manifest文件與舊的manifest文件，如果文件沒有發生改變，就不做任何操作，如果文件改變了，那麼就會重新下載文件中的資源並進行離線存儲。 離線的情況下，瀏覽器就直接使用離線存儲的資源。
❺ Web前端最全面試寶典- Html篇
HTML
1.對WEB標准以及W3C的理解與認識
標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外 鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，容易維 護、改版方便，不需要變動頁面內容、提供列印版本而不需要復制內容、提高網站易用性；
2.xhtml和html有什麼區別
HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言
最主要的不同：
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標簽名必須用小寫字母。
XHTML 文檔必須擁有根元素。
3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?
用於聲明文檔使用那種規范（html/Xhtml）一般為 嚴格 過度 基於框架的html文檔
加入XMl聲明可觸發，解析方式更改為IE5.5 擁有IE5.5的bug
4.行內元素有哪些?塊級元素有哪些?
塊級元素：div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
5.HTML全局屬性(global attribute)有哪些
參考資料：MDN: html global attribute或者W3C HTML global-attributes
accesskey
:設置快捷鍵，提供快速訪問元素如aaa在windows下的firefox中按alt + shift + a
可激活元素
class
:為元素設置類標識，多個類名用空格分開，CSS和javascript可通過class屬性獲取元素
contenteditable
: 指定元素內容是否可編輯
contextmenu
: 自定義滑鼠右鍵彈出菜單內容
data-*
: 為元素增加自定義屬性
dir
: 設置元素文本方向
draggable
: 設置元素是否可拖拽
dropzone
: 設置元素拖放類型： , move, link
hidden
: 表示一個元素是否與文檔。樣式上會導致元素不顯示，但是不能用這個屬性實現樣式效果
id
: 元素id，文檔內唯一
lang
: 元素內容的的語言
spellcheck
: 是否啟動拼寫和語法檢查
style
: 行內css樣式
tabindex
: 設置元素可以獲得焦點，通過tab可以導航
title
: 元素相關的建議信息
translate
: 元素和子孫節點內容是否需要本地化
6.什麼是web語義化,有什麼好處
web語義化是指通過HTML標記表示頁麵包含的信息，包含了HTML標簽的語義化和css命名的語義化。 HTML標簽的語義化是指：通過使用包含語義的標簽（如h1-h6）恰當地表示文檔結構 css命名的語義化是指：為html標簽添加有意義的class，id補充未表達的語義，如Microformat通過添加符合規則的class描述信息 為什麼需要語義化：
去掉樣式後頁面呈現清晰的結構
盲人使用讀屏器更好地閱讀
搜索引擎更好地理解頁面，有利於收錄
便團隊項目的可持續運作及維護
7.html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分 HTML 和 HTML5？
新特性：
HTML5 現在已經不是 SGML 的子集，主要是關於圖像，位置，存儲，多任務等功能的增加。
拖拽釋放(Drag and drop) API
語義化更好的內容標簽（header,nav,footer,aside,article,section）
音頻、視頻API(audio,video)
畫布(Canvas) API
地理(Geolocation) API
本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉後數據不丟失；
sessionStorage 的數據在瀏覽器關閉後自動刪除
表單控制項，calendar、date、time、email、url、search
新的技術webworker, websocket, Geolocation
移除的元素：
純表現的元素：basefont，big，center，font, s，strike，tt，u；
對可用性產生負面影響的元素：frame，frameset，noframes；
支持HTML5新標簽：
IE8/IE7/IE6支持通過 document.createElement 方法產生的標簽，可以利用這一特性讓這些瀏覽器支持 HTML5 新標簽，瀏覽器支持新標簽後，還需要添加標簽默認的樣式（當然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架）：
如何區分：
DOCTYPE聲明新增的結構元素、功能元素
8. HTML5 存儲類型有什麼區別？
HTML5 能夠本地存儲數據，在之前都是使用 cookies 使用的。HTML5 提供了下面兩種本地存儲方案：
localStorage - 沒有時間限制的數據存儲，數據永遠不會過期，關閉瀏覽器也不會丟失
sessionStorage - 針對一個 session 的數據存儲，同一個會話中的頁面才能訪問並且當會話結束後數據也隨之銷毀。
9. HTML5 標准提供了哪些新的API？
1：canvas，不用多說，可以畫出很多絢麗的圖形，甚至可以直接做出偽3D游戲。
2：媒體控制，也很好理解(直譯就是回放功能，假如只用html5.0以下的標簽寫，以前的音樂播放是不可能實現滾動條的。)
3：離線網頁程序，可以把資源文件完全緩存在客戶端，並且通過js的一些方法清空緩存
4：文檔編輯，應該是更好的支持對文檔的編輯。
5：拖動，可以將文件拖動到某些區域上傳
6：跨文檔請求，websocket，一種更加高效的通訊方式
7：歷史管理，可以通過js管理和插入歷史記錄
8：MIME頭自定義
9：客戶端數據存儲，localstoage sessionstoage
10：地理位置共享
11：本地資料庫
12：索引資料庫
10.HTML5 應用程序緩存和瀏覽器緩存有什麼區別？
HTML5 引入了應用程序緩存，這意味著 web 應用可進行緩存，並可在沒有網際網路連接時進行訪問。
應用程序緩存為應用帶來三個優勢：
離線瀏覽 - 用戶可在應用離線時使用它們
速度 - 已緩存資源載入得更快
減少伺服器負載 - 瀏覽器將只從伺服器下載更新過或更改過的資源。
11.常用那幾種瀏覽器測試？有哪些內核(Layout Engine)?
(Q1)瀏覽器：IE，Chrome，FireFox，Safari，Opera。
(Q2)內核：Trident，Gecko，Presto，Webkit。
12.請描述一下 cookies，sessionStorage 和 localStorage 的區別？
cookie在瀏覽器和伺服器間來回傳遞。 sessionStorage和localStorage不會
sessionStorage和localStorage的存儲空間更大；
sessionStorage和localStorage有更多豐富易用的介面；
sessionStorage和localStorage各自獨立的存儲空間；
13.如何實現瀏覽器內多個標簽頁之間的通信?
調用localstorge、cookies等本地存儲方式
14.請寫出localStorage對象的常用方法。
存儲 - localStorage.setItem(key, value) - 如果key存在，更新value
獲取 - localStorage.getItem(key) - 如果key不存在，返回null
刪除 - localStorage.removeItem(key) - 刪除key對應的數據
全部清除 - localStorage.clear() - 清空localStorage中所有數據
遍歷 - localStorage.length
遍歷 - localStorage.key(index)
15.如何在HTML5中啟用應用程序緩存？
<html manifest="fileName.appcache">
每個指定了manifest的頁面在用戶對其訪問時都會被緩存。
.appcache是manifest文件的擴展名
16.html5 離線存儲
Html5的一個重要特性就是離線存儲，所謂的離線存儲就是將一些資源文件保存在本地，這樣後續的頁面重新載入將使用本地資源文件，在離線情況下可以繼續訪問web應用，同時通過一定的手法（更新相關文件或者使用相關API），可以更新、刪除離線存儲等操作。
Html5的離線存儲使用一個manifest文件來標明哪些文件是需要被存儲的，使用如 <html manifest='offline.manifest'> 來引入一個manifest文件，這個文件的路徑可以是相對的，也可以是絕對的，如果你的web應用很多，而且希望能集中管理manifest文件，那麼靜態文件伺服器是個不錯的選擇。
17.HTML5 Canvas 元素有什麼用？
Canvas 元素用於在網頁上繪制圖形，該元素標簽強大之處在於可以直接在 HTML 上進行圖形操作
❻ web前端全棧開發，該怎麼學
web前端全棧開發學習路線：
第一階段
HTML的學習：超文本標記語言(HyperText Mark-up Language 簡稱HTML)是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染後呈現給用戶。因 此，我們必須掌握HTML的基本結構和常用標記及屬性。技術點：HTML 快速入門、文本、圖像、鏈接、表格、列表、表單、框架；類型為:PC端網站布局,WebApp頁面布局HTML5。第二階段
CSS的學習：CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以復用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。技術點:CSS 基礎語法、框模型與背景、文本格式化、表格、顯示與定位、動畫、過渡、2D/3D 轉換、CSS 優化以及HTML5新增的元素與屬性、 、表單域增強元素、CSS3選擇器、 文字字體相關樣式、 CSS3位移與變形處理、 CSS3 2D轉換與過度動畫、 CSS3 3D轉換與關鍵幀動畫、 彈性盒模型、 媒體查詢 、 響應式設計,至此我們就可以順利完成「一幢樓房」的建設。還可以對「樓房」進行更深一步的「裝修」，並且讓它看起來更「豪華」一些。第三階段
JavaScript、jQuery 的學習：Javascript：基礎語法、json、神奇的Array、常用Javascript類、JS的調試技巧；JS Dom：節點的獲取、元素的操作、節點創建、事件與冒泡、項目案例；JQuery：隱式迭代、選擇器、JQuery如何實現JSDom中的效果、JQuery EasyUI；同時注意:面向對象進階與 ES5/ES6裡面的設計模式（觀察者模式等）、變數對象與活動對象、作用域鏈、閉包以及JavaScript工具庫裡面各種類庫使用DOM庫、AJAX庫、原型和繼承庫。第四階段
HTTP協議、Ajax進階與後端開發了解: HTTP(s)協議詳解、 Ajax進階、跨域與 Defered、 PHP基礎、 MySQL基礎、 伺服器端組件原理、HTTP請求（GET、POST、PUT、DELETE等）、HTTP響應、Cookie原理、Session原理、Restful協議 、 介面的定義 、Mock數據 、Restful 、前後端聯調 、前端安全(XSS,CSRF,JS注入) 前端工程化與模塊化應用：Gulp、Webpack 、NPM、Git/SVN、CommonJS 、AMD 、 CMD 、 ES6模塊化第五階段
至此我們就可以用自己的學到的技術開啟新世界的大門啦,去做項目和功能開發:Touch端必然需要清楚的點: Canvas 基礎知識 、 繪制矩形、圓弧、線段、曲線、漸變與圖像、 Canvas 圖表繪制案例、 localStorage、sessionStorage 與離線緩存、 animate.css、 Yo/Mui、 touch.js、 zepto.js、 swiper、 iScroll；微信場景: WeUI 、 Swiper animate 在微信場景項目中的使用、 常見的頁面布局、 常見的交互與動畫；應用 Vue.js開發 WebApp：Vue.js基礎、 模塊化、 單文件組件、 路由、 與伺服器通信、 狀態管理、 單元測試、 生產發布第六階段
Hybrid,ReactNative:創建項目、創建小程序實例與創建、頁面框架、組件、API及工具詳解；React Native介紹、BS架構程序、非同步執行與載入、兼容通用標准和擴展性；混合技術:Cordova/Phone gap、嵌入客戶端(iOS、Android)、微信服務號介面(JSSDK)
❼ web前端開發面臨的挑戰主要是有哪些
平時工作，多數是開發Web項目，由於一般是開發內部使用的業務系統，所以對於安全性一般不是看的很重，基本上由於是內網系統，一般也很少會受到攻擊，但有時候一些系統平台，需要外網也要使用，這種情況下，各方面的安全性就要求比較高了。
1、測試的步驟及內容
這些安全性測試，據了解一般是先收集數據，然後進行相關的滲透測試工作，獲取到網站或者系統的一些敏感數據，從而可能達到控制或者破壞系統的目的。
2、SQL注入漏洞的出現和修復
SQL注入定義：
SQL注入攻擊是黑客對資料庫進行攻擊的常用手段之一。隨著B/S模式應用開發的發展，使用這種模式編寫應用程序的程序員也越來越多。但是由於程序員的水平及經驗也參差不齊，相當大一部分程序員在編寫代碼的時候，沒有對用戶輸入數據的合法性進行判斷，使應用程序存在安全隱患。用戶可以提交一段資料庫查詢代碼，根據程序返回的結果，獲得某些他想得知的數據，這就是所謂的SQL Injection，即SQL注入。
SQL注入有時候，在地址參數輸入，或者控制項輸入都有可能進行。如在鏈接後加入』號，頁面報錯，並暴露出網站的物理路徑在很多時候，很常見，當然如果關閉了Web.Config的CustomErrors的時候，可能就不會看到。
3、跨站腳本攻擊漏洞出現和修復
跨站腳本攻擊，又稱XSS代碼攻擊，也是一種常見的腳本注入攻擊。例如在界面上，很多輸入框是可以隨意輸入內容的，特別是一些文本編輯框裡面，可以輸入例如這樣的內容，如果在一些首頁出現很多這樣內容，而又不經過處理，那麼頁面就不斷的彈框，更有甚者，在裡面執行一個無限循環的腳本函數，直到頁面耗盡資源為止，類似這樣的攻擊都是很常見的，所以我們如果是在外網或者很有危險的網路上發布程序，一般都需要對這些問題進行修復。
❽ 如何看待前端離線非同步存儲方案 localForage
本文闡述了怎麼使用DBMS存儲過程。我闡述了使用存儲過程的基本的和高級特性，比如返回ResultSet。本文假設你對DBMS和JDBC已經非常熟悉，也假設你能夠毫無障礙地閱讀其它語言寫成的代碼（即不是Java的語言）
❾ java 如果在離線狀態下前端能顯示怎麼做
嘗試用本地哈。