你好，我是“web秀-提供專業的web前端技術知識”。

文字不換行，導致的原因有幾種：

1、你輸入的是英文字符串，連續的沒有空格等（aaaaaaaaaaaadfsadfacdadfsadfasdfsadfsad23423fsdfsadfsadf）

2、設置樣式了（white-space: nowrap;）

強制換行css樣式是：

自動換行

div{

word-wrap: break-word;

word-break: normal;

}

強制英文單詞斷行

div{

word-break:break-all;

}

或者超出部分用省略號

div{

display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis

}

喜歡我的點擊關注哦，為大家提供專業的web前端知識。

一、指代不同

1、h5：是Web中核心語言HTML的規范，用戶使用任何手段進行網頁瀏覽時看到的內容原本都是HTML格式的，在瀏覽器中通過一些技術處理將其轉換成為了可識別的信息。

2、web前端：是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。

二、發展不同

1、h5：結合了 HTML4.01 的相關標準并革新，符合現代網絡發展要求，在 2008 年正式發布。

2、web前端：從網頁制作演變而來，在互聯網的演化進程中，網頁制作是Web1.0時代的產物，早期網站主要內容都是靜態，以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。

三、技術構成不同

1、h5：由不同的技術構成，其在互聯網中得到了非常廣泛的應用，提供更多增強網絡應用的標準機。

2、web前端：掌握HTML是網頁的核心，是一種制作萬維網頁面的標準語言，是萬維網瀏覽器使用的一種語言，它消除了不同計算機之間信息交流的障礙。

一個非常好的問題。題主沒有說網站的主要用途，一般來講，推薦Java + Spring Boot開發Web應用是常用搭配，前端開發使用JavaScript。

一，系統架構

前后端使用動靜分離架構，后端Web服務封裝REST接口，前端調用實現交互，系統易擴展，易于部署維護。

二，后端開發

Java + Spring Boot是當前主流的開發語言和框架，簡化了瑣碎的配置工作，提高開發效率。

三，前端頁面

根據不同也業務場景有很多開發框架可以選擇。以適用于信息管理系統的阿里開源框架Ant Design Pro為例，開發JavaScript代碼調用后臺服務接口。

Ant Design Pro是一個中后臺前端設計解決方案，提供了豐富的設計模式和相應的代碼實現，快速開發出一個Web管理系統。

首先安裝Node環境，然后運行npm create umi，自動安裝Ant Design Pro腳手架，包含了一個完整的開發框架，提供了各類功能模塊。

四，數據層

常見數據層有MySQL數據庫，持久化框架MyBatis，代碼生成器MyBatis Plus

1）常見的CRUD操作通過調用自動生成的Service接口，比如讀寫log數據表。

2）如果用戶量并發量較高，需要考慮接口讀寫數據庫的性能，集成Redis搭建緩存機制，頻繁讀取的數據優先使用緩存

3）如果需要平滑高峰期負載，引入ActiveMQ或者kafka消息隊列，將業務處理異步結構

五，基于Web服務腳手架，快速開發產品原型

從實際項目中整理提煉的Web服務腳手架，集成常用的組件功能，快速開發產品。

如何獲取源碼：私信”源碼客”獲取下載地址。

我是工作多年的Web應用架構師，歡迎關注我，了解更多IT專業知識。