言

在前端網頁的設計過程中，在頁面跳轉的時候，出現了網頁css效果消失的現象，下面一張是原圖，另一張是失去效果以后的效果圖。

正文

當時第一反應是哪里出錯了么，我就立馬單獨啟動了一下網頁，發現效果在，這個時候我就在想哪里出問題了么，因為有的是跳轉過去是有效果的，有的沒效果的，因此嘗試看了一下后臺，

response.sendRedirect();

request.getRequestDispatcher().forward(request, response);

response.sendRedirect();用這句話是可以跳轉出效果的，主要是后一種，跳轉以后，效果就出不來，因此問題就出在這里。

問題：

在使用RequestDispatcher跳轉頁面時，跳轉后的頁面沒有了任何樣式，

原因：

用dispatcher（轉發）的時候地址欄地址不改變；而用(redirect)重定向的時候地址欄地址會發生改變;

RequestDispatcher將當前文件的路徑給改了，所以Js文件以及CSS文件、圖片的路徑都不對了；

解決方案：

主要就是外鏈接的樣式文件找不到了，修改前：

<link rel="stylesheet" href="../css/style2.css">

于是我就把地址補全：

<link rel="stylesheet" href="${pageContext.request.contextPath }/admin/css/style2.css">

這樣無論怎么樣，地址都不會丟失了。

友們有沒有注意到，人類的發展總和蘋果有著密不可分的關系。。

早期西方的宗教故事里，亞當和夏娃因為好奇心偷吃了禁果，被上帝趕出了伊甸園，從而孕育了人類。

大不列顛島的牛頓被一顆金蘋果砸了一下腦門，突然就開了竅，提出了經典力學的架構，為以后物理學的發展打下了牢實的地基。

再看最近的 10 年，喬幫主用咬過一口的蘋果作為企業 Logo，開創了智能手機時代的 iPhone 神話。

蘋果總能在人類歷史的關鍵節點上扮演重要角色，不過對于像托尼吃貨來說，知道紅富士爽口清脆，哈克蘇皮薄心甜，就足夠了。

而托尼今天要說的這顆蘋果，不僅和以上的偉大成就沒什么關系，還是一顆快要被網友們玩壞的 “ 爛蘋果 ” （ Bad Apple ）。

說到這個 Bad Apple 來歷，其實是二次元同人作品東方 Project 中的一首歌曲，隨著彈幕網站文化的興起，Bad Apple 也被越來越多的非東方 Project 的粉絲所熟知。

Bad Apple 不僅旋律洗腦上頭，它的 PV 視頻也做的頗具特色，在全長三分多鐘的時間里，都采用了黑白兩色的影繪進行表現。

一般人看完之后也許看不出什么門道，可這在那些沒事干的技術大觸們眼里，這段 PV 素材就如稀世珍寶一樣。。

其實也不難理解，黑白的對比是最直觀的，那只要是能看的出對比的播放媒介，都能想方設法整出這段 PV 來。

首先淪陷的是電腦，比如這款風靡世界幾十年的熱門游戲 —— 掃雷。

媽媽為什么我們玩的游戲不一樣？

壞蘋果還能入侵電腦的任務管理器，整個 CPU 都舞動起來了。

果然，紙片人是不會占用 CPU 的

當然，不單單是電腦，這位 UP 主削了 25 顆真蘋果，然后用慢幀動畫的一張一張照片拍下來。。。

最后全部吃掉了，沒有浪費。

再硬核一點的，只要是能看起來像屏幕的，都被 Bad Apple 占領了。

像是遠古的電話機啦。。。

老款的顯像管電視啦。。。

低畫質的 LED 字幕屏啦。。。（ 實話，沒看出來是啥 ）

實驗室扔掉不要的繼電器啦。。（ 渣中渣畫質 ）

還有最過分連燈都沒有的撥片。。（ 原理類似于百貨大樓上的廣告格柵板 ）

大到學校的公示屏。

小到單片機屏幕，他們一個都沒有放過。。。

在網友們的口耳相傳中，這些經典作品都成了 B 站上的鎮站之寶，有屏幕的地方，都能有爛蘋果，直到現在都還有人上傳新的腦洞。

而這之中最讓托尼驚掉下巴的，是在電子、醫療等領域廣泛使用的示波器。

示波器雖然看上去也是塊屏幕，可顯示的本質其實是 X 和 Y 兩條信號線，想要顯示出確切的畫面，只能靠兩條線去勾畫輪廓，相較想亮哪個亮哪個的像素點，這個要難多了。

雖然聽起來需要無數函數來畫線，但努努力還是能做到的。（ 其實我努力了也做不到 ）

示波器的顯像原理是通過給 X 軸和 Y 軸方向上施加電壓，控制光點在屏幕上出現的位置。

只要將兩個方向都連上外接的信號，通過一定的手段，就能繪制出任意的圖案了，物理實驗中漂亮的利薩茹曲線，就是利用 X 軸和 Y 軸上的整數比正弦波繪成的。

簡單來說，制作者只需將每一幀的輪廓提取出來，將兩個方向的信號分量計算好，用單片機存好，模擬輸出就可以了。

厲害的大牛甚至可以把示波器做成電腦的顯示屏。。。

或者用彩色的示波器玩拳皇。。。（ 這是加了特技的，不過在裝了 XP 的示波器上，你甚至可以看電影 ）

無所不能。。。

凡是能組成像素點的物件，不管是用電腦中的字符語言畫動畫，還是扯硬件直接魔改，只要是塊屏，都能給鼓搗出來。

技術宅們還是不能小覷啊。。。

不過，托尼覺得大家熱衷于用各種硬核操作復刻這顆 “ 壞蘋果 ” 也不是什么壞事。

這也是一種學以致用嘛。

圖片、資料來源：https://zh.moegirl.org/Bad_Applehttps://www.bilibili.com/video/av706/?p=1http://zhai.pcgames.com.cn/373/3734368.htmlhttps://www.bilibili.com/video/av13391232?from=search&seid=3235804925133870262

“ 學不來，學不來 ”

習web前端，首先要學HTML。

關于HTML基礎知識，首先是要掌握一些常用標簽的使用和他們的各個屬性，這些常用的標簽我總結了一下有以下這些：

html：頁面的根元素。

head：頁面的頭部標簽，是所有頭部元素的容器。

body：頁面的主體標簽，頁面展現的內容就放置在這里面。

title：頁面的標題。

meta：位于文檔的頭部，提供頁面的元信息，包括關鍵字、描述等等。

link：定義文檔與外部資源的關系，最常用的用途就是引入樣式表。

script：腳本標簽，可以把js腳本代碼放置在這個標簽內，也可以使用這個標簽的src屬性引入一個外部標簽。

style：樣式標簽，可以把css代碼寫在這個標簽中。

a：超鏈接，href屬性代表要鏈接到的地方，target屬性代表打開方式。

img：圖像標簽，src屬性表示圖片的位置。

form：表單元素，它內部的input、select、textarea等標簽都是比較重要的。

div：定義文檔中的分區或節，可以使用div來進行頁面的布局等操作。

另外還有ul、li、p、button、iframe、p、table等標簽也很常用，nav、section、article、header、aside、footer等語義化標簽也需要了解一下。

除了要了解上面這一些標簽之外，還需要對一些新的HTML5的API有一定的了解：

還有一些要知道的知識點：

你來，或者不來，免費前端直播間和教程都在這里，給你插上飛翔的翅膀

我自己是一名從事了多年的web前端開發程序員，新朋友在學習web前端開發過程有不懂的可以關注我上面公眾號，有不錯的前端學習教程，開發工具等資料分享，專業的老師答疑 ！從最基礎到企業項目實戰。每晚8點還有免費的直播課程分享，與你分享web前端開發企業當下人才需求及怎么從零基礎學好前端。