前端源碼封裝

1. app前端源碼不需要放伺服器嗎

原生的是不用放也沒法放，其餘的混合的或者封裝的得放，有些代碼還得看具體的，有些譬如下載頁還是得放的，網站app開發搭建問題不會的也可以找額代解決

2. 什麼是前端源碼,什麼是後台源碼

前端源碼一般是指html,js,css等一些瀏覽器可直接運行的輕量級腳本.
後端源碼一般指在某個編程環境下的運行的後端未編譯的代碼,如C#,java等,這些代碼在未編譯解釋前無法被瀏覽器識別!
注:其實js也可以作為後端編程代碼!即js也可是後端源碼!但要藉助於nodejs等運行工具!換句話說後端代碼是需要一個運行環境的,而前端只需要支持瀏覽器就可以了

3. 怎麼開發和部署前端代碼

• 先部署頁面，再部署資源：在二者部署的時間間隔內，如果有用戶訪問頁面，就會在新的頁面結構中載入舊的資源，並且把這個舊版本的資源當做新版本緩存起來，其結果就是：用戶訪問到了一個樣式錯亂的頁面，除非手動刷新，否則在資源緩存過期之前，頁面會一直執行錯誤。
  

• 先部署資源，再部署頁面：在部署時間間隔之內，有舊版本資源本地緩存的用戶訪問網站，由於請求的頁面是舊版本的，資源引用沒有改變，瀏覽器將直接使用本地緩存，這種情況下頁面展現正常；但沒有本地緩存或者緩存過期的用戶訪問網站，就會出現舊版本頁面載入新版本資源的情況，導致頁面執行錯誤，但當頁面完成部署，這部分用戶再次訪問頁面又會恢復正常了。

好的，上面一坨分析想說的就是：先部署誰都不成！都會導致部署過程中發生頁面錯亂的問題。所以，訪問量不大的項目，可以讓研發同學苦逼一把，等到半夜偷偷上線，先上靜態資源，再部署頁面，看起來問題少一些。

但是，大公司超變態，沒有這樣的「絕對低峰期」，只有「相對低峰期」。So，為了穩定的服務，還得繼續追求極致啊！

這個奇葩問題，起源於資源的 覆蓋式發布，用 待發布資源 覆蓋 已發布資源，就有這種問題。解決它也好辦，就是實現 非覆蓋式發布。

<img src="https://pic4.mg.com/50/_hd.jpg" data-rawwidth="631" data-rawheight="456" class="origin_image zh-lightbox-thumb" width="631" data-original="https://pic4.mg.com/_r.jpg">
好了，目前我們快速的學習了一下前端工程中關於靜態資源緩存要面臨的優化和部署問題，新的問題又來了：這™讓工程師怎麼寫碼啊！！！

要解釋優化與工程的結合處理思路，又會扯出一堆有關模塊化開發、資源載入、請求合並、前端框架等等的工程問題，以上只是開了個頭，解決方案才是精髓，但要說的太多太多，有空再慢慢展開吧。或者大家可以去我的blog看其中的一些拆解：fouber/blog · GitHub

• 總之，前端性能優化絕逼是一個工程問題！



以上不是我YY的，可以觀察 網路 或者 facebook 的頁面以及靜態資源源代碼，查看它們的資源引用路徑處理，以及網路請中靜態資源的緩存控制部分。再次贊嘆facebook的前端工程建設水平，跪舔了。

建議前端工程師多多關注前端工程領域，也許有人會覺得自己的產品很小，不用這么變態，但很有可能說不定某天你就需要做出這樣的改變了。而且，如果我們能把事情做得更極致，為什麼不去做呢？

另外，也不要覺得這些是運維或者後端工程師要解決的問題。如果由其他角色來解決，大家總是把自己不關心的問題丟給別人，那麼前端工程師的開發過程將受到極大的限制，這種情況甚至在某些大公司都不少見！

4. 開發一個webapp（前端+後端）需要多少錢

開發一個webapp（前端+後端）需要多少錢

如今，不少企業都想擁有屬於自己企業或產品的手機APP，但其中最困擾企業主的問題就是：開發一款手機APP到底需要多少錢？

簡單點來說，要視手機APP的需求及質量而言，價位一般在幾千到十幾萬左右，更高端的價格更高。

四、APP開發公司的所在地

需要注意的是，同樣實力的APP開發公司，在不同的城市也會導致APP的成本費用高一些，如在北京、深圳和上海等地的開發公司開發成本費用就會比較高，因為當地開發人員的薪資和其他支出相對更高。

以上就是影響一款手機APP製作成本價格的4點因素，希望對您有所幫助！

5. 前端基本功：JS（十一）動畫封裝(CSS樣式獲取、JSON遍歷)

盒子 原來的位置 0 + 10 盒子現在的offsetLeft 10

|-5| = 5

這三個函數都是 數學函數
Math

比如說 console.log(Math.ceil(1.01)) 結果 是 2
console.log(Math.ceil(1.9)) 結果 2
console.log(Math.ceil(-1.3)) 結果 是 -1

比如說 console.log(Math.floor(1.01)) 結果 是 1
console.log(Math.floor(1.9)) 結果 1
console.log(Math.floor(-1.3)) 結果 是 -2

console.log(Math.round(1.01)) 結果 是 1
console.log(Math.round(1.9)) 結果 是 2

勻速動畫的原理： 盒子本身的位置 + 步長
緩動動畫的原理: 盒子本身的位置 + 步長 (不斷變化的)

( 缺陷：只能水平方向！隨後的「封裝運動框架單個屬性會進一步改進」 )

我們訪問得到css 屬性，比較常用的有兩種：

點語法可以得到 width 屬性 和 top屬性 ** 帶有單位的 。 100px
但是這個語法有非常大的 缺陷**， 不變的。
後面的width 和 top 沒有辦法傳遞參數的。
var w = width;
box.style.w

最大的優點 ： 可以給屬性傳遞參數

我們想要獲得css 的樣式， box.style.left 和 box.style.backgorundColor
但是它只能得到 行內的樣式。
但是我們工作最多用的是 內嵌式 或者 外鏈式 。
怎麼辦？
核心： 我們怎麼才能得到內嵌或者外鏈的樣式呢？

外部（使用<link>）和內嵌（使用<style>）樣式表中的樣式（ie和opera）

兩個選項是必須的， 沒有偽類 用 null 替代

我們這個元素裡面的屬性很多， left top width ===
我們想要某個屬性， 就應該 返回該屬性，所有繼續封裝 返回當前樣式的 函數。

千萬要記得 每個 的意思 ： 那是相當重要

flag在js中一般作為開關，進行判斷。

等動畫執行完畢再去執行的函數 回調函數
我們怎麼知道動畫就執行完畢了呢？
很簡單 當定時器停止了。 動畫就結束了

案例源碼：

in運算符也是一個二元運算符，但是對運算符左右兩個操作數的要求比較嚴格。in運算符要求第1個（左邊的）操作數必須是字元串類型或可以轉換為字元串類型的其他類型，而第2個（右邊的）操作數必須是數組或對象。只有第1個操作數的值是第2個操作數的屬性名，才會返回true，否則返回false

案例源碼：

鏈接： http://pan..com/s/1miEvqoo

6. 前後端分離項目哪個才是前端源碼

前後端分離項目webapp中存放的是前端源碼。達芬奇項目分前端代碼和後端代碼，下載zip包或者源碼結構，webapp中存放的是前端源碼，davinci-ui存放的是前端編譯好的靜態資源，前後端分離，利用ajax交互。

7. 前端後端框架有哪些

java前端後端都有哪些框架? 10分
java的前端和後端框架現在比較多，就目前熱門的來說：

前端：jsp ajax jquary js sliverlight，很多都是基於js開發的框架，前端是比較好玩的一個東西

後端：基礎spring hibernate mybatis ibatis servlet struts，然後你可以進行不同的組合

比如s *** ssi ssh ，按照分層結構就是簡單的mvc結構，可以使用modelandview這樣的對象返回頁面，現在比較常用這個，

關於後端程序員寫前端用什麼框架更好
推薦兩個顏值很高的前端框架：Admin LTE：基於Bootstrap的一套後台系統，有很多現成模板可使用，又好看又好用，必須推薦！官網：Free Bootstrap Admin Template預覽：AdminLTE 2 | DashboardGitHub：almasaeed2010/AdminLTE · GitHub
前端開發框架有哪些
首先我想說明一下，我們通常說的js不是框架，是語言，即javascript，據最新世界編程語言排行榜來看，已經上升到了第7位，發展迅猛，其標準是ECMAScript，現在基本上是基於ECMAScript5。jQuery是用js寫的框架，其在DOM操作上有很明顯的優勢，也是時下很常用的一個js框架。

至於之外還要學習那些框架呢？

如果你說的是js框架，建議先掌握好jQuery，然後還有很多的，比如樓上提到的extjs，近幾年比較流行的AngularJS，基於移動端考慮的輕量級仿jquery框架zepto，還有jquery mobile，還有適合寫後端或服務端的node，等等。如果是web前端框架，就不僅僅是涉及的js了，還有html和css。個人覺得只有這三種語言都涉及到的框架才能說得上是web前端框架。現在比較火的是Bootstrap，還有Foundation，比較古老的有jqueryUI，easyUI等等，還有其他很多很多。如果還有算上處理方案及版本升級代碼迭代等，就要用到網路團隊研發的fis這種了。其實內容真的很多很多，前端任重而道遠啊~
關於後端程序員寫前端用什麼框架更好
各大前端框架可以按照「封裝度」的標准來區分。 設計剛出的一套網頁皮膚，封裝度為0。層層封裝到可以直接用後台語言寫頁面，封裝度為10。那麼我是這樣來區分前端框架的。

1級——純html+css 放5年前，基本就是用Dreamweaver剛排出來的頁面或者網頁查看源代碼扒下來的皮膚。不涉及到js，就是純頁麵皮膚。

2級—— bootstrap系列 bootstrap的出現是一個里程碑事件。發源於twitter，引入了不少html5/css3的特性。由於它對響應式的支持以及良好的體驗，給人一種耳目一新的感覺。其源碼，不管是css還是js都值得學習一下，看後經常會有「原來還可以這樣做」這種恍然大悟的感覺。不過歸根結底是一套ui皮膚+少量js組成的框架，屬於封裝度偏低的框架。

3~4級—— metronic/adminLTE系列 基於bootstrap或者其他1級框架，然後集成了各種jQuery插件、富文本編輯器等js庫，組成的一個大雜燴工具包和案例庫。皮膚基本是基於bootstrap自定義的一套主題。案例比較詳盡，開發的時候找到需要的組件把前端代碼復制粘貼，再稍微調試一下就能達到良好的視覺效果。根據集成的第三方庫的多少，基本可以劃分到3~4級封裝度這樣的范圍。這個級別的框架的代碼更多的是屬於粘合劑，將各種不同的第三方庫的前端代碼粘合起來。

5級—— jQuery-ui 這里要單獨把jQuery-ui拿出來講，並不是因為它的封裝度有多高，而是我認為它是一個分界點。jQuery以下級別的框架，代碼以css為主，自身的js代碼少，框架量級更輕，更靈活，更適合互聯網web產品。jQuery以上級別的框架，屬於前端的重度封裝，通過框架暴露的介面進行開發，開發人員甚至不需要太多前端知識，只需要詳細查看框架的開發文檔即可。jQuery以上級別的框架更適合傳統管理軟體的開發。

6~7級—— easy-ui/DWZ easy-ui基於jQuery-ui，不過具有更豐富的組件庫。貌似商業版收費很高。聽說某大型國企花了大價錢購買下來使用。DWZ是國產框架中我認為綜合表現還不錯的，完全免費，有問題可以在他們的QQ群里提。其餘的之前還用過金蝶的operamasks-ui，不過現在好像已經不更新了。這一類級別的框架還有一個另外的稱呼——「富客戶端框架」，意思就是重度js框架。使用起來開發效率很高，當年也是一度百花齊放，框架輩出。

8級—— extjs系列 extjs屬於前端框架領域中的龐然大物，封裝程度很高，具有自成體系的元素選擇引擎和瀏覽器兼容方案，js寫法上也有自己的方式。組件很多很全。只看extjs的官方文檔和示例幾乎不必學習任何其他的前端知識就可以做出「很漂亮」的前端頁面。當然頁面很容易「撞衫」。使用時間長了，會對其產生嚴重依賴，離開extjs，幾乎不會寫前端頁面了。

9級——vaadin/GWT 最後一級，也是封裝度最高的一級，也就是所謂的使用後台語言寫前端。如果說之前的八級至少前端和後端還是相對分離的，後台程序在java中寫，前台程序在html或者js中寫；那麼這一級別的框架簡直會顛覆你的認知！只需在後台使用java寫好了類和對象，並設置好相關的屬性，網頁的元素是自動通過後台對象生成的。這當然有好處，媽媽再也不用擔心我不會寫js和css了。然而就學一下html/css/js真的那麼難嗎？個人認為，盡管GWT有google的這么強悍的背書，但是這種9級封裝的本質上把前後台耦合得更緊密。一個人做一個項目還可以考慮，但是......>>
Web 前端 和 後端 分別是什麼語言/框架構建的
hu/question/21322713

轉
關於後端程序員寫前端用什麼框架更好
各大前端框架可以按照逗封裝度地的標准來區分。 設計剛出的一套網頁皮膚，封裝度為0。層層封裝到可以直接用後台語言寫頁面，封裝度為10。那麼我是這樣來區分前端框架的。

1級——純html+css 放5年前，基本就是用Dreamweaver剛排出來的頁面或者網頁查看源代碼扒下來的皮膚。不涉及到js，就是純頁麵皮膚。

2級—— bootstrap系列 bootstrap的出現是一個里程碑事件。發源於twitter，引入了不少html5/css3的特性。由於它對響應式的支持以及良好的體驗，給人一種耳目一新的感覺。其源碼，不管是css還是js都值得學習一下，看後經常會有逗原來還可以這樣做地這種恍然大悟的感覺。不過歸根結底是一套ui皮膚+少量js組成的框架，屬於封裝度偏低的框架。

3~4級—— metronic/adminLTE系列 基於bootstrap或者其他1級框架，然後集成了各種jQuery插件、富文本編輯器等js庫，組成的一個大雜燴工具包和案例庫。皮膚基本是基於bootstrap自定義的一套主題。案例比較詳盡，開發的時候找到需要的組件把前端代碼復制粘貼，再稍微調試一下就能達到良好的視覺效果。根據集成的第三方庫的多少，基本可以劃分到3~4級封裝度這樣的范圍。這個級別的框架的代碼更多的是屬於粘合劑，將各種不同的第三方庫的前端代碼粘合起來。

5級—— jQuery-ui 這里要單獨把jQuery-ui拿出來講，並不是因為它的封裝度有多高，而是我認為它是一個分界點。jQuery以下級別的框架，代碼以css為主，自身的js代碼少，框架量級更輕，更靈活，更適合互聯網web產品。jQuery以上級別的框架，屬於前端的重度封裝，通過框架暴露的介面進行開發，開發人員甚至不需要太多前端知識，只需要詳細查看框架的開發文檔即可。jQuery以上級別的框架更適合傳統管理軟體的開發。

6~7級—— easy-ui/DWZ easy-ui基於jQuery-ui，不過具有更豐富的組件庫。貌似商業版收費很高。聽說某大型國企花了大價錢購買下來使用。DWZ是國產框架中我認為綜合表現還不錯的，完全，有問題可以在他們的群里提。其餘的之前還用過金蝶的operamasks-ui，不過現在好像已經不更新了。這一類級別的框架還有一個另外的稱呼——逗富客戶端框架地，意思就是重度js框架。使用起來開發效率很高，當年也是一度百花齊放，框架輩出。

8級—— extjs系列 extjs屬於前端框架領域中的龐然大物，封裝程度很高，具有自成體系的元素選擇引擎和瀏覽器兼容方案，js寫法上也有自己的方式。組件很多很全。只看extjs的官方文檔和示例幾乎不必學習任何其他的前端知識就可以做出逗很漂亮地的前端頁面。當然頁面很容易逗撞衫地。使用時間長了，會對其產生嚴重依賴，離開extjs，幾乎不會寫前端頁面了。

9級——vaadin/GWT 最後一級，也是封裝度最高的一級，也就是所謂的使用後台語言寫前端。如果說之前的八級至少前端和後端還是相對分離的，後台程序在java中寫，前台程序在html或者js中寫；那麼這一級別的框架簡直會顛覆你的認知！只需在後台使用java寫好了類和對象，並設置好相關的屬性，網頁的元素是自動通過後台對象生成的。這當然有好處，媽媽再也不用擔心我不會寫js和css了。然而就學一下html/css/js真的那麼難嗎看個人認為，盡管GWT有google的這么強悍的背書，但是這種9級封裝的本質上把前後台耦合得更緊密。一個人做一個項目還可以考慮，但是一個團隊前......>>
java編程前端和後端分別包括哪些技術？
前台。jsp html JavaScript jQuery 各種jQuery的前台框架。

後台。java struts2 spring hibernate abitas jdbc ejb webservice 各種後台框架

高級點的 有雲計算，大數據
關於後端程序員寫前端用什麼框架更好
時間過去好久了，問題想必你已經想清楚了。 我再簡單說說。 如果你自己能包攬前後台，理解這個肯定沒問題。 網站能運行，說白了是這么幾步。 客戶端請求--》服務端響應HTML.--》用戶在網頁上進行操作(即請求） --》伺服器響應操作（新頁面或ajax。
關於後端程序員寫前端用什麼框架更好
程序員用框架不能算是「寫前端」，只是現成框架套用而已。
後台管理系統，前端框架用什麼最好
前端js框架太多了，這些是常用的。 1、jQuery（jQuery UI、jQuery EasyUI、LingerUI等等） 2、ExtJS（ExtJS、Ext.NET、FineUI） 3、Bootstrap

8. 一年前端經驗要不要封裝成兩年經驗

不用，封裝的目的是什麼？是復用。最關鍵的不是要封裝啥，只要有合理的需求，啥都可以封裝。
1.一個http的庫，可以類似axios，主要是考慮一下如何暴露api，如何做模塊設計，如何處理異常。2.一個樣式庫，功能不一定要多全，但是常用的5的倍數的padding，margin，兩欄布局，定位等一些常用的樣式。其實自己封裝的庫，被其他人用概率比較小，但是比較重要的是，明白這一套流程，如何在npm上發包，有什麼注意點，如果你的庫有依賴於react，怎麼用externals把react剝離，webpack打包，環境區分等等。更多的是對工程化的感受，順便可以加深對node，包，webpack的理解。也可以多看看類似庫的源碼，感受下大家的思想，取長補短，能收獲到不少奇妙的技術點。

9. 我專業是文科的，怎麼學前端

文科轉前端開發，天天面對的可是邏輯性很強的編程語言，看來是天生的吃這個飯的，既然有了一年的前端開發基礎，可以考慮選擇一個技術變現方向，畢竟技術變化非常快，最重要的還是行業的應用程度，決定了技術的價值。物聯網3D可視化是一個新興的新基建領域，一年前你可能都不太知道呢，thingjs是這個行業的獨角獸，不過我們自己不做項目，而是提供3D可視化開發組件。

thingjs開發流程僅需要4個步驟：場景搭建-3D開發-接入數據-項目發布，既然你有了前端開發基礎，就可以試著用這個軟體深入學習開發3D可視化，為自己拓寬一個技術應用方向！

開發界面是這樣的，全部採用javascript邏輯，3D源代碼都是封裝好的，開發效率很高！

10. 關於後端程序員寫前端用什麼框架更好

前端框架好不好用還是要具體情況具體分析，我這邊給你推薦11個前端常用的框架，你可以按需使用。

1、vue-element-admin

一個基於vue2.0和Element的控制面板UI框架，這是使用vue技術棧開發的前端程序員的首選管理系統模板，模板已經非常成熟了，並且有相關的社區和維護人員，開發時遇到問題也不要慌。

2、AdmimLTE

非常流行的基於Bootstrap 3.x的免費的後台UI框架，這是一個非常老牌的後台管理系統模板，每個頁面都是單獨的html網頁，適合前端入門新手來做項目。

3、ant-design-pro

這個就不多說了，選擇react技術棧的童鞋們必然離不開這個優秀的開箱即用的中台前端/設計解決方案，文檔齊全，組件豐富，一鍵生成模板，更支持開啟復制粘貼模式哦。

4：ng2-admin

這是基於 Angular 2, Bootstrap 4 和 Webpack的後台管理面板框架，要說前面已經有了react和vue技術棧的模板，那怎麼能少的了ng的?雖然在國外用的比較多，國內較少使用，但絲毫不影響ng作為前端框架三大巨頭之一的地位呀。

9：material-dashboard

基於 Bootstrap 4 和 Material 風格的控制面板。Material Dashboard 是一個開源的 Material

Bootstrap Admin，其設計靈感來自谷歌的 Material Design 。

10：d2-admin

D2Admin 是一個完全 開源免費 的企業中後台產品前端集成方案，基於 vue.js 和 ElementUI 的管理系統前端解決方案 ，小於 60kb的本地首屏 js 載入,已經做好大部分項目前期准備工作

11：vuestic-admin

vuestic-admin管理台儀表盤是一個響應式的儀表盤模板，採用Bootstrap4和Vue.js構建。這個精美的管理台模板提供了自定義元素組件，如地圖，聊天，個人資料卡，圖標，進度條等，以及用於登錄和注冊的預建頁面。