❶ web.config 子目錄html全部頁面做301轉跳 求求.....
對應頁面301跳轉的方法有很多,最笨的方法是手動一頁一頁301到對應的新頁面,但實際不具可操作性,除非只是少數幾個頁面,要是更新域名等的301,基本不可能。那麼怎樣通用的實現對應頁面的301跳轉呢?URL偽靜態+PHP301又是怎樣操作的呢?
要實現對應頁面跳轉,首先要分析原頁面URL的結構,然後分析新頁面的URL規則,然後實現301的跳轉,落葉通過採用的URL偽靜態+PHP301的操作是通過分析原URL的規則,利用IIS中httpd.ini中的偽靜態功能,將原URL正則重寫到單一的PHP入口,然後通過該單一PHP中獲取到原URL的特徵字元串,對應跳轉到新頁面的特徵字元串。
❷ web前端學習起步階段該怎麼做
首先,需要掌握基本知識。在我們梳理的知識架構中,按照我們分析的兩個維度里最前置的、最淺顯的部分,作為打基礎的階段,必須要在這個過程中更多投入到實踐中去,我們通常做的多了、熟練了,就認為這部分知識和內容掌握了。
其次,需要掌握常用工具。對於常用工具的掌握應該掌握一些有大公司或專業團隊背景的流行工具,這些工具的熟練掌握能夠提升專業度、職業度,同時,能提升我們的工作效率。我們只有在檢驗自己對於知識和技能熟練程度的時候,才會自虐式的用Notepad去編寫頁面、css和腳本等內容。
還有,要掌握溝通技巧。通常做技術的人會被定位為「不善溝通」的人,這是為什麼呢?究其原因,主要是因為多跟程序和代碼打交道,跟人的溝通較少導致。這種時候我們要特別注意增加和人溝通的機會,著重提升這塊兒的能力。另一方面,我們通常被稱為「不懂溝通技巧」的人。作為一個技術人員,包括我自己,似乎天生就有一些難以接受挑戰的缺陷。在國內,我們的技術人員通常都是自己制定方案、自己執行方案,在執行過程中又缺乏相關產品、交互設計等人員的溝通,大多是在自己的思路貫徹下進行開發,久而久之,我們習慣於信任自己的觀點、在自己的視角看問題,對於挑戰總是百般地「據理」力爭。我們需要更多提升的是,如何在對方的視角看問題、如何在用戶的視角看問題。
另外,要養成良好的開發習慣。開發習慣是養成的,一旦有不好的習慣,對於將來去修正帶來的將是很大的麻煩,我們在培養良好開發習慣一定要從起步時做起,例如:寫代碼之前先分析、先寫文檔、先寫注釋。定義變數最好能用直接可理解的語義,最好是拼音,別整英文,尤其是生僻單詞,將來自己忘了還要開金山詞霸。文件最好有有意義的文件夾命名來管理,文件名最好有意義,需要版本號的最好能和項目版本號一同更新……等等
❸ 前端開發怎麼入門
Web前端開發課程目錄:
1、PC端交互開發
(原生JS、JQuery)
2、PC項目實訓
3、Mobile terminal
4、HTML5+CSS3
5、WebAPP開發
首先需要確定你的學習方法,然後開始學習
一、如果是自學:
1、你需要確定自己幾個問題,比如:
a、自律能力、自我控制力夠強嗎?
b、對於編程這種抽象的東西理解能力怎麼樣?
c、以及自己是否真的決定要加入這個行業了?
在做出最後的決定之前,必須認識自己如果你還不清楚這幾個問題,繼續往下看。
2、用自學來判定,自己是否能堅持:
現在隨著知識慢慢被市場重視,更不用說
IT這個方向。所以,如果你考慮清楚了,我建議你先給自己一個測試,看看自己是否真的熱愛這個新領域,以及是否可以自學。
方法很簡單,現在找學習資料(書籍/視頻等)不是什麼難事。
所說的測試,就是考驗你的 「三個力」 :控制能力、意志力、解決問題能力。
把自己當成上班的同學,每天至少
8個小時工作(學習)時間,給自己每天不同的任務,對於完不成的,可自己晚上加班,尋找解決途徑,但必須是當天完成,如果你這樣能堅持半個月,那麼你不用去培訓了,你可以通過自學來給自己漲技能。
二、如果選擇培訓機構需要注意的有:
1、實地考查,是否真實存在的機構
2、教學質量,去機構就是為了學習,教學質量跟不上,錢也打水漂。(先去試聽,授課老師的講課方式能否理解,並考驗自己對這個行業是否真正有興趣)
3、面授課程,參加面授課程可以在課堂上遇到的問題及時與老師溝通,得到解決。即使理解不了的問題,有人可以帶著手把手的教,學習起來會比較輕松。
前端開發 培訓:
❹ web.config怎麼實現域名指向綁定到子目錄
現在不知道你想做URL重定向嗎? 如果你做URL重定向,你就去買的空間裡面去設置URL。如果你想用一個空間下面的子目錄做二級域名用URL也是可以實現的。現在不知道你想做URL重定向嗎? 如果你做URL重定向,你就去買的空間裡面去設置URL。如果你想用一個空間下面的子目錄做二級域名用URL也是可以實現的。
❺ 如何搭建web前端框架
搭建web前端框架步驟如下:
1、確定項目使用的技術
根據項目的需求等來選擇使用的技術(這里以angular4 + typsescript + nodejs+mongodb舉例)
2、新建一個項目的工作文件夾
使用npm init初始化項目,根據問題配置,一般是直接回車使用默認配置,生成package.json文件
3、新建一個index.html頁面
4、新建配置文件system.config.js
5、新建ts的配置文件tsconfig.json
npm install typescript
6、新建webApp目錄,這裡面放的是所有html頁面和js代碼,首先得有個入口文件,與system.config.js配置文件中的入口文件名一樣,app.mole.ts,裡面引入了所有js文件,不被引入的在載入時都不會被載入
7、打包(將代碼壓縮,使程序運行速度更快)
❻ Web前端開發怎麼做
web前端開發工程師,做的工作與網站前/後台系統的頁面相關,使用到的主要技術包括:HTML、CSS、JavaScript,如果能會後台編程語言,當然會更好。
現代web前端開發已經不能像傳統web開發已經簡單的描述成切圖、css、js了(這是 @腦子不大 的回答)。在新的HTML5規范中,加入很多新的特性,這樣就對web前端工程師有了更高的要求,比如資料庫操作,使用cancvs、css3繪圖。
切圖這個概念已經是過去時了,早期由於技術匱乏,所以要將設計圖切成一塊一塊,並拼接成網頁。現在則能使用html5組織頁面,使用css3繪圖,很多元素已經不需要再使用圖片還原設計,這是一個最大的進步。
JavaScript也在向更強大的編程語言發展,新的ECMAScript6的標准也在制定中。
最後,最重要的一點,Web前端技術的生態環境現在在發展,Chrome OS、Firefox OS都是未來能直接使用原生前端技術開發程序的系統。包括現在很多瀏覽器的插件,也是直接使用前端技術開發。NodeJS也是未來的一個大熱門方向,它讓前端技術可以做後台開發。
❼ Web前端初學者的常見問題匯總
今天小編要跟大家分享的文章是關於Web前端初學者的常見問題匯總。正在學習web前端知識的小夥伴們來和小編一起看一看本篇文章,希望本篇文章能夠對大家有所幫助。
1、Vue.js是什麼?
漸進式框架
自底向上增量開發的設計
易學習
易整合
Vue.js(讀音/vju_/,類似於view)是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是,Vue
採用自底向上增量開發的設計。Vue的核心庫只關注視圖層,並且非常容易學習,非常容易與其它庫或已有項目整合。另一方面,Vue完全有能力驅動採用單文件組件和
Vue生態系統支持的庫開發的復雜單頁應用。
2、vue.js到底適合做哪種類型的界面?
a、表單項繁多
b、內容需要根據用戶的操作進行修改
Vue.js就是一個用於搭建類似於網頁版知乎這種表單項繁多,且內容需要根據用戶的操作進行修改的網頁版應用。
3、單頁應用程序(SPA)是什麼?
一個頁面就是應用(子應用)
顧名思義,單頁應用一般指的就是一個頁面就是應用,當然也可以是一個子應用,比如說知乎的一個頁面就可以視為一個子應用。單頁應用程序中一般交互處理非常多,而且頁面中的內容需要根據用戶的操作動態變化。
4、前面說的網頁版知乎我也可以用JQuery寫啊,為什麼要用Vue.js呢?
a、產品是絕對需要反復修改的
b、修改可能會導致DOM的關聯與嵌套層次要發生改變從而使jquery結構相關代碼變的異常復雜
c、vue.js可以解決這個問題
你是否還記得你當初寫JQuery的時候,有寫過('#xxx').parent().parent().parent()這種代碼呢?當你第一次寫的時候,你覺得頁面元素不多,不就是找這個元素的爸爸的爸爸的爸爸嗎,我大不了在注釋裡面寫清楚這個元素的爸爸的爸爸的爸爸不就好了。但是萬一過幾天之後你的項目組長或者你的產品經理突然對你做的網頁提出修改要求,這個修改要求將會影響頁面的結構,也就是DOM的關聯與嵌套層次要發生改變,那麼(『#xxx』).parent().parent().parent()可能就會變成$(『#xxx』).parent().parent().parent().parent().parent()了。
這還不算什麼,等以後產品迭代越來越快,修改越來越多,而且頁面中類似的關聯和嵌套DOM元素不止一個,那麼修改起來將非常費勁。而且JQuery選擇器查找頁面元素以及DOM操作本身也是有性能損失的,可能到時候打開這個頁面,會變得越來越卡,而你卻無從下手。
這個時候如果你學過Vue.js,那麼這些抱怨將不復存在。
5、前端裡面常說的視圖層是什麼?
我們把HTML中的DOM就可以與其他的部分獨立開來劃分出一個層次,這個層次就叫做視圖層。
Vue的核心庫只關注視圖層
6、使用jquery開發完整頁面的流程?
a、html寫構架
b、css裝飾
c、js交互
講到JQuery,就不得不說到JavaScript的DOM操作了。如果你用JQuery來開發一個知乎,那麼你就需要用JQuery中的各種DOM操作方法去操作HTML的DOM結構了。
現在我們把一個網頁應用抽象一下,那麼HTML中的DOM其實就是視圖,一個網頁就是通過DOM的組合與嵌套,形成了最基本的視圖結構,再通過CSS的修飾,在基本的視圖結構上「化妝」讓他們看起來更加美觀。最後涉及到交互部分,就需要用到JavaScript來接受用戶的交互請求,並且通過事件機制來響應用戶的交互操作,並且在事件的處理函數中進行各種數據的修改,比如說修改某個DOM中的innerHTML或者innerText部分。
7、Vue.js為什麼能讓基於網頁的前端應用程序開發起來這么方便?
a、有聲明式
b、響應式的數據綁定
c、組件化的開發
d、VirtualDOM
因為Vue.js有聲明式,響應式的數據綁定,與組件化的開發,並且還使用了VirtualDOM這個看名字就覺得高大上的技術。
8、vue.js中常說的數據動態綁定是什麼?
就是vue.js會自動響應數據的變化情況,並且根據用戶在代碼中預先寫好的綁定關系,對所有綁定在一起的數據和視圖內容都進行修改。而這種綁定關系,在圖上是以input
標簽的v-model屬性來聲明的,因此你在別的地方可能也會看到有人粗略的稱vue.js為聲明式渲染的模版引擎。
9、前端中為什麼要組件化開發?
a、非組件化開發代碼和工作量都非常大
b、修改起來生不如死
但是現在我們做單頁應用,頁面交互和結構十分復雜,一個頁面上就有許許多多的模塊需要編寫,而且往往一個模塊的代碼量和工作量就非常龐大,如果還按照原先的方法來開發,那麼會累死人。而且遇到以後的產品需求變更,修改起來也非常麻煩,生怕動了其中一個div之後,其他div跟著雪崩,整個頁面全部亂套,或者由於JavaScript的事件冒泡機制,導致修改一些內層的DOM事件處理函數之後,出現各種莫名其妙的詭異BUG。
10、前端中如何進行組件化開發?
a、借用的後端的面向對象中的模塊化思想(把一些大功能拆分成許多函數,然後分配給不同的人來開發)
b、把一個單頁應用中的各種模塊拆分到一個一個單獨的組件(component)中,我們只要先在父級應用中寫好各種組件標簽(占坑),並且在組件標簽中寫好要傳入組件的參數(就像給函數傳入參數一樣,這個參數叫做組件的屬性),然後再分別寫好各種組件的實現(填坑)
在面向對象編程中,我們可以使用面向對象的思想將各種模塊打包成類或者把一個大的業務模塊拆分成更多更小的幾個類。在面向過程編程中,我們也可以把一些大功能拆分成許多函數,然後分配給不同的人來開發。
在前端應用,我們是否也可以像編程一樣把模塊封裝呢?這就引入了組件化開發的思想。
Vue.js通過組件,把一個單頁應用中的各種模塊拆分到一個一個單獨的組件(component)中,我們只要先在父級應用中寫好各種組件標簽(占坑),並且在組件標簽中寫好要傳入組件的參數(就像給函數傳入參數一樣,這個參數叫做組件的屬性),然後再分別寫好各種組件的實現(填坑),然後整個應用就算做完了。
11、為什麼有VirtualDOM技術?
a、問題
現在的網速越來越快了,很多人家裡都是幾十甚至上百M的光纖,手機也是4G起步了,按道理一個網頁才幾百K,而且瀏覽器本身還會緩存很多資源文件,那麼幾十M的光纖為什麼打開一個之前已經打開過,已經有緩存的頁面還是感覺很慢呢?
b、原因
(1)、瀏覽器本身處理DOM也是有性能瓶頸的
(2)、用JQuery或者原生的JavaScriptDOM操作函數對DOM進行頻繁操作的時候,瀏覽器要不停的渲染新的DOM樹
這就是因為瀏覽器本身處理DOM也是有性能瓶頸的,尤其是在傳統開發中,用JQuery或者原生的JavaScript
DOM操作函數對DOM進行頻繁操作的時候,瀏覽器要不停的渲染新的DOM樹,導致頁面看起來非常卡頓。
12、VirtualDOM如何實現?
a、預計算dom的各種操作,把最後一次的結果渲染出來(減少dom的渲染次數)
而Virtual
DOM則是虛擬DOM的英文,簡單來說,他就是一種可以預先通過JavaScript進行各種計算,把最終的DOM操作計算出來並優化,由於這個DOM操作屬於預處理操作,並沒有真實的操作DOM,所以叫做虛擬DOM。最後在計算完畢才真正將DOM操作提交,將DOM操作變化反映到DOM樹上。
13、到底該怎麼用Vue.js做單頁應用開發?
其實可以直接看學習視頻開始干,應該是最好的
a、介紹-vue.js官方文檔的基礎部分硬著頭皮看一遍
我的建議是,先把介紹-
vue.js官方文檔的基礎部分硬著頭皮看一遍。除了組件這個小節涉及到了很多晦澀難懂的名詞以外,前面幾章完全就是把Vue.js當作一個模版引擎來用。
b、ECMAScript6,Webpack,NPM以及Vue-Cli的基本用法,最好對Node.js也要有所了解
然後開始學習ECMAScript6,Webpack,NPM以及Vue-Cli的基本用法,最好對Node.js也要有所了解。
c、看網上各種實戰視頻以及文章還有別人開源的源代碼
最後組件部分先大致看一遍,了解組件裡面都有哪些概念之後,開始看網上各種實戰視頻以及文章還有別人開源的源代碼。
14、ECMAScript是啥?
ECMAScript和JavaScript的關系是,前者是後者的規格,後者是前者的一種實現(另外的ECMAScript方言還有
Jscript和ActionScript)。日常場合,這兩個詞是可以互換的。
而ECMAScript6就是新一代的JavaScript語言。
15、Webpack是啥?
a、前端打包工具
Webpack是一個前端打包和構建工具。如果你之前一直是手寫HTML,CSS,JavaScript,並且通過link標簽將CSS引入你的HTML文件,以及通過Script標簽的src屬性引入外部的JS腳本,那麼你肯定會對這個工具感到陌生。不要緊,我們先來了解一下為什麼要用Webpack,然後帶著原因去學習就好了。
16、為什麼要用Webpack?
a、方便管理各種素材
b、打包以便減少瀏覽器的訪問次數
前面說了,做一個單頁應用程序本身就相當復雜,而且在做的時候肯定會使用到很多素材和別的第三方庫,我們該如何去管理這些東西呢?
還有前面講到了Webpack是一個前端打包工具,前端代碼為什麼要打包呢?因為單頁應用程序中用到很多素材,如果每一個素材都通過在HTML中以src屬性或者link來引入,那麼請求一個頁面的時候,可能瀏覽器就要發起十多次請求,往往請求的這些資源都是一些腳本代碼或者很小的圖片,這些資源本身才幾k,下載連1秒都不需要,但是由於HTTP是應用層協議,它的下層是TCP這個運輸層協議,TCP的握手和揮手過程消耗的時間可能比下載資源本身還要長,所以需要把這些小文件全部打包成一個文件,這樣只要一次TCP握手和揮手的過程,就把多個資源給下載下來了,並且多個資源由於都是共享一個HTTP請求,所以head等部分也是共享的,相當於形成了規模效應,讓網頁展現更快,用戶體驗更好。
17、NPM和Node.js又是什麼?它們是什麼關系?
a、Node.js是一個服務端的JavaScript運行環境
Node.js是一個服務端的JavaScript運行環境,通過Node.js可以實現用JavaScript寫獨立程序。
b、Node.js可以寫獨立程序(Webpack就是Node.js寫的)
像我們之前提到的Webpack就是Node.js寫的,所以作為一個前端開發,即使你不用Node.js寫獨立程序,也得配一個Node.js運行環境,畢竟很多前端工具都是使用它寫的。
c、NPM是一個node.js的包管理器(類似java的maven(包的依賴管理),php也有一個類似的)。
NPM是一個node.js的包管理器。我們在傳統開發的時候,JQuery.js大多都是網路搜索,然後去官網下載,或者直接引入CDN資源,這種方法太過於麻煩。如果以後遇到其他的包,這個包的代碼本身可能還調用了其他的包(也稱這個包和其他的那幾個包存在依賴關系),那麼我們要在自己的項目中引入一個包將變得十分困難。現在我們有了NPM這個包管理器,直接可以通過
npminstallxxx包名稱
的方式引入它,比如說
npminstallvue
18、Vue-CLi是啥?
它是一個vue.js的腳手架工具。說白了就是一個自動幫你生成好項目目錄,配置好Webpack,以及各種依賴包的工具,它可以通過
npminstallvue-cli-g
的方式安裝,後面的-g表示全局安裝的意思,意味著你可以打開命令行之後直接通過vue命令調用它。
19、Vuex和Vue-route是什麼(暫時了解即可)?
Vuex是vue的一個狀態管理器。用於集中管理一個單頁應用程序中的各種狀態。
Vue-route是vue的一個前端路由器,這個路由器不是我們上網用的路由器,而是一個管理請求入口和頁面映射關系的東西。它可以實現對頁面局部進行無刷新的替換,讓用戶感覺就像切換到了網頁一樣。
要講清楚這兩個東西,又得花費大量篇幅,所以這里只是簡單提一下,先學好vue.js本身才是最重要的。
以上就是小編今天為大家分享的關於Web前端初學者的常見問題匯總的文章,希望本篇文章能夠對正在學習web前端知識的小夥伴們有所幫助,想要了解更多web前端知識記得關注北大青鳥web培訓官網,最後祝願小夥伴們學習成功,成為一名優秀的web前端工程師。
原創小才君軟體編程網站開發
❽ 我是做web前端的,要實寫一個流程圖,不會寫,沒思路,求指教
如果這個流程圖是固定的,也就是說是不會隨著數據,改變位置的話,那就做五行七列的格子,然後往格子里加東西應該就可以了。像那個藍色四個角,你可以在這個包裹電話的小盒子里,定位四個小正方形,定位到四個角上。
例外那個每個圖標樣式都是固定的上圖下文,上圖帶四個小正方形的交互,並且大部分帶箭頭,可以寫公共樣式。像那些線,如果嫌麻煩,可以用圖片代替,定位上去。
❾ Javaweb項目,在WebContent添加一個子目錄「html」,在該子目錄內添加一個html文件,把其設置成默認頁面
路徑寫錯了,多了一層html目錄,應該寫成如下路徑:
<welcome-file>/html/SignIn.html</welcome-file>
❿ 怎麼將web前端程序配置成獨立網站或虛擬目錄,埠號在哪裡查看謝謝
你是用Tomcat發布嗎,是的話看下面
/bin.啟用,停止
/conf
配置文件
/work
servlet
/webapps
web
發布項目
/temp臨時文件
/logs
日誌文件
/lib
jar文件
埠號修改和查看是在,/conf
配置文件下的servlet.xml文件,用編輯器打卡,按ctrl+f快速查找『8080』即可找到(默認的埠號);