在一些著名的**的搜尋框上，會有一種「自動完成」功能。
現在，我們來考慮如何實現這個功能。
在這一步，不要估計開發時間。
把學習新技術（一些前端基礎知識）的時間花在這個階段。
以完成原型為目標，不必深入技術。
去 獲得入門知識
去 查閱文件
請僅僅從功能角度分析這三個元件。
提示，如果你試圖從**中找到答案，你很可能陷入地獄。
除了介面，可以關注一些細節，比如鍵盤操作、響應時間。
按照軟體工程的模型進行設計、複審和實現。
在設計階段，討論清楚這個元件的使用者需要面對的api：它們的命名、呼叫方式、程式設計風格、它所依賴的框架（如果有必要的話）。
盡量讓使用變得簡單。
盡量用可擴充套件性代替列舉需求。
根據第二步的需求來完成**，不必試圖跟原版"一模一樣"。
考慮清楚如何管理這個元件用到的html、css和js**。
如果可以實現，和小夥伴們討論下，為什麼你們的元件能夠應對未知的需求？回顧設計階段，哪些設計要素產生了關鍵性作用？
如果不可以實現，和小夥伴討論下，為什麼你們的元件無法應對新需求？需要做怎樣的設計變更和**重構，才能支援新的需求？
網頁前端開發
內容 智慧型表單樣式擴充套件 max width 表示最大寬度 text align 字型居中 某些屬性樣式直接寫到form裡面不行 需要寫在style 裡面 css入門 css入門 css簡介 css指的是cascading style sheets，即層疊樣式表，是一種設計網頁樣式及布局的技術。...
APP內嵌網頁 hybrid 前端開發試水
由於ui已經有了，大部分邏輯也是可以套用已有的內容，所以切頁面就成了第一步，按照給定的頁面樣式把html大概結構確定下來，寫樣式，寫一些簡單互動。這個步驟還是挺撓頭的，之前沒有配置過之前的環境，在寫好頁面後拿到了測試機和測試包，測試包就是乙個簡單的帶著可以呼叫jsbridge的webview，服務在...
第二章 網頁前端開發基礎 02
目錄 css樣式表 css規則 css選擇器 在頁面中包含css css cascading style sheet 是w3c協會為彌補html在顯示屬性設定上的不足而指定的一套擴充套件樣式標準。css標準中重新定義了html中原來的文字顯示樣式，增加了一些新概念，如類 層等，可以對文字重疊 定位等...