2. 程式人生 > >近期商業專案心得（WEB前端及後臺）

近期商業專案心得（WEB前端及後臺）

阿新 • • 發佈：2019-01-14

首先，我不得不先吐槽下，需求做得有多爛和介面文件也做得P。（建議大家以後拿到需求說明書或者介面文件時，一定要認真的跟需求方討論清楚，具體的要求）

在我們開發APP過程中，由於我們是開發一個第三方APP，同時用到的介面文件是第三方提供的，但需求方看都沒看過介面文件就直接甩手給我們了，最後導致在開發最後階段中對介面設計存在著疑問和漏洞。但需求方還強制要求我們多新做一個功能，然後第三方平臺都沒有提供該介面功能，試問我們該怎麼去做。簡直蛇精病。

下面進入正題：（主要分為兩部分，一個是H5嵌入原生APP開發，另外一個是後臺介面的設計）

1、web前端：目前市場上流行的是H5技術，然後這個也成為了現在最為熱火的新技術。所以我們在原生

APP中，使用了H5頁面來嵌入原生APP，既混合式開發模式。同時為了方便跨域請求和方便嵌入，直接使用了apiCloud軟體（如果想了解的，可以去apiCloud官網檢視www.apiCloud.com）。該軟體對我們開發H5頁面和原生APP進行嵌入提供了相當良好的方式。同時該軟體也可以用於全套H5頁面整合開發和混合式開發（原生和H5結合）。但在開發過程中，主要遇到的以及想說的問題就是，相容性問題。因為H5是相當的熱火且可以達到快速迭代開發，但是H5有一個弊端就是，無法100%適配低版本的手機。例如：Android 4.2版本及以下無法支撐H5的 onfocu等事件。所以導致了我們在開發後期檢查成品時，經常會被需求方打會成品要求重新適配低版本。在一連
3天的團隊集體加班利用Android低版本的手機經過大量測試下，終於找到了這個H5部分事件無法支援Android4.2及以下版本的問題。所以最後就取消了利用H5提供的事件，採用原生自行寫js事件來實現要求。但經過這次經驗可以說明，低版本的系統根本無法達到100%相容性，但是市場上目前還存在著大概40W臺左右的Android4.2版本及以下的手機（IOS不存在，因為IOS都是自動更新的系統，不會存在低版本相容性問題），所以為了提高使用者量，以後在開發的過程中，可以繼續採用H5事件，但為了相容性問題，可以考慮使用原生js替代。

2、web後臺：現在一般後臺都是用的SSM框架（Spring+SpirngMVC+MyBatis

），這個也是最流行使用的框架了。在這裡也沒有什麼好提到的，但主要想說的就是開發經驗，因為有經驗就可以避免了最後你寫出來的程式碼不被認可（因為boss會覺得你寫得程式碼完全不符合邏輯）。首先，你要根據原來就已經有的SSM框架上了解清楚，然後問問專案經理具體你的任務重點是啥才開始去做，要不然你做了也等於白做，因為專案經理也不會肯定你的辛苦和努力~只會說你怎麼不問過他就可以寫了。。。（經驗呀！）其實如果要寫的話，不是新建的專案那就很容易，只要在原來基礎的架構上進行簡單的程式碼編寫就行了。但編寫一定要有一定的邏輯順序，例如：你可以先把controller寫了，然後根據controller需要用到的功能來寫service，然後再看看需要什麼model或者vo來支援。

相關推薦

近期商業專案心得（WEB前端及後臺）

首先，我不得不先吐槽下，需求做得有多爛和介面文件也做得P。（建議大家以後拿到需求說明書或者介面文件時，一定要認真的跟需求方討論清楚，具體的要求） 在我們開發APP過程中，由於我們是開發一個第三方APP，同時用到的介面文件是第三方提供的，但需求方看都沒看過介面文件就直接甩手

專案中遇到的bug（web前端-持續更新）

專案中遇到的常見bug，及時整理。 input放在a標籤裡面單擊不能獲取input的游標（IE環境下） 雙擊才可以獲得焦點，目前有的解決方案： 不要給a標籤新增href屬性； 不要在外面套上a標籤。 隱藏input標籤的游標 專案需

美團一面 電話面試（web前端開發工程師）

人生中的第一次面試，就是來自美團的，懷著萬分緊張的心情，今天上午十點鐘，接了美團一面面試官的電話，面試官人挺好的，挺有耐心，恩，我自己也不是很緊張，問啥說啥，不會的問題就直接說不知道，我問的問題他也都給我講了。 首先，面試官上來就問了我簡歷上寫的關於計算機設計

easy ui 分頁（從前端到後臺）

js function load(){ var where = window.dialogArguments ; conditions(); $("#Certificates").datagrid({ title : '資質證書', url : '/ServiceAction/

IntelliJ IDEA for Mac 首次建立web專案總結（tomcat配置及專案建立）

5.點選 Modules -> 選中專案“ JavaWeb ” -> 切換到  Dependencies 選項卡 -> “+ ”，選擇 “ JARs or directories ”。可看到Java Web專案需要依賴的 JDK 與 Tomcat包（看不到說明IDEA的JDK或Tomcat沒

H5圖片預覽及上傳（WEB前端）

web上傳圖片很簡單，網上有許多的demo和js，但是本人嫌棄用那些會引入許多js包，所以還是用原生的jquery來寫吧。 一、html佈局檔案 html有一個自己的上傳檔案控制元件---input，只需要將其type屬性設定為file即可上傳檔案，accept=“image/”是用來限制檔案型別為imag

HTML開發——專案心得（關於web佈局以及程式碼冗餘問題）

剛剛完成了一個練習小專案，這個專案包含了幾個網頁，但這幾個網頁的框架基本上是相同的。那麼在做這樣的 專案時，首先要做的除了對單個網頁的框架進行設計以外，我們還應該注意程式碼的冗餘問題，就是要使你設計

簡單的做一個圖片上傳預覽（web前端）

chrom 預覽 web前端 console fine 分享圖片 fire title right 轉載：點擊查看原文 在做web項目很多的時候圖片都是避免不了的，所以操作圖片就成了一個相對比較棘手的問題，其實也不是說很麻煩，只是說上傳然後直接預覽的過

jQuery中toggle()函式的應用總結（包含今天專案中碰到的前端控制元件）

       本人是一名後臺開發人員，然而公司專案沒有做到前後端分離，前端僅僅是寫靜態頁面，js還得後臺開發人員寫。對於前端的東西呢常見東西的是沒有問題，但是有些東西用的少可能容易忘記。這不今天接手維護另一個同事的一個模組就被安排了。有問題怎麼辦？W3s！jquery語法上的

002-【最簡單】Electron 怎麼將網頁打包成桌面應用（web前端頁面怎麼生成exe可執行檔案）

在 HTML5的崛起、JavaScript要一統天下之際，有一個名為【跨平臺】的技術越來越火。為什麼會這麼火？因為軟體開發者

【最簡單】Electron 怎麼將網頁打包成桌面應用（web前端頁面怎麼生成exe可執行檔案）

在 HTML5的崛起、JavaScript要一統天下之際，有一個名為【跨平臺】的技術越來越火。為什麼會這麼火？因為軟體開發者只需一次編寫程式，即可在 Windows、Linux、Mac、IOS、

歡聚時代2017校招筆試題目（web前端類）B卷

1.以下程式中i的輸出值為： var i = 10; for(var i = 0; i < 5; i++){ i += 2; } console.log(i); 答案：6 在js中只有全域性作用域和函式作用域，沒有塊級作用域。全域性i會被for

Atom編輯器 初體驗（web前端）

昨天在掘金上看了一篇文章，推薦了一款編輯器叫Atom，心血來潮下載了下來體驗了一下，總結下遇見的問題： 1、軟體下載的問題：因為是國外的網站，所以感覺下載的速度非常慢，後面是在忍受不了了，直接百度去下載完整的軟體。 2、外掛下載的問題：首先，我查了下資料，下載外掛需要nod

利用反射機制編寫校驗參數（對象及屬性）為空的情況

check 參數 lec reflect ram declare 異常 ase urn 2 3 import java.lang.reflect.Field; 4 import java.lang.reflect.InvocationTargetExcept

網頁設計、web前端、後臺的開發流程和註意事項 -----轉

開發人員 命名 彈出層 設計效果圖 元素 文檔 這一 dem sof 工作2年了，總感覺每次做項目的時候，都是趕時間，趕時間，加班幾班，可是最後總結一看，百分之50的時間都浪費在做無用功上面了，甚至因為設計人員的失誤，造成了前端和程序大量的返工，休整，加班，造成了開發人員

Jmeter性能測試工具的使用（Web性能測試）

動態參數 數量 後綴名 右鍵 創建 read mage tween 圖形界面 Jmeter性能測試工具的使用（Web性能測試） 1、下載 http://pan.baidu.com/s/1o7p18Ye 該軟件不用安裝，直接解壓打開即可使用。 2、

Fiddler教程（Web調試工具）

intro watch 基於 network logo web調試 客戶端和服務器 com cookie 轉載地址：寫得很不錯的fildder教程 http://kb.cnblogs.com/page/130367/ Fiddler的基本介紹 　　Fiddler的官

px轉vw和vh的工具（對前端同學有用）

tle family 需要 html 轉換 技術分享 asp github windows7 CSS3中有兩個新尺寸單位vw和vh， 這兩個單位非常適合於開發移動端自適應頁面。 假如說有一個設計師做了一張1136x750px的頁面，這長頁面是針對iPhone6的

編程之法：面試和算法心得（奇偶調序）

一中 gpo part exc java 面試 正常 序列 pre 內容全部來自編程之法：面試和算法心得一書，實現是自己寫的使用的是java 題目描述 輸入一個整數數組，調整數組中數字的順序，使得所有奇數位於數組的前半部分，所有偶數位於數組的後半部分。要求時間復雜度為O(n

web測試通用要點大全（Web Application Testing Checklist）

技術分享 gpo 重用 測試用例 版本 testin nbsp 重要 checklist 使用測試清單進行測試的重要性 1）維護應用程序的可復用測試用例的標準庫將確保最常見的bug將被更迅速的發現。2）清單有助於快速完成應用程序的新版本測試用例的編寫。3）重用測試用例有助於