SX HTML5是一款非常優(yōu)秀的可視化html頁面編輯工具,并且支持pc,移動端和微信公眾號的網(wǎng)頁制作,操作起來十分便捷,功能是很實用的,SX HTML5目前兼容主流開發(fā)框架的同時大大提高了前端界面的工作效率。
軟件特色
1、與原生一致的面向?qū)ο笳Z言
這不是一門新的語言,而是與原生完全一致的語言,最熱門的一款語言HTML5、CSS3、ES6(JS升級版),再也不用擔心學習后會被別人看不起了。
2、最熱門、最簡單的一款面向?qū)ο笳Z言
這是一款最熱門的語言,GitHub編程語言排行榜 JS居首。ES6是JS的升級版本,本軟件支持ES6所有函數(shù)方法。JS也是面向?qū)ο笳Z言最簡單的語言,沒有之一!你還在花大量時間學習即將被淘汰、冷門的語言嗎。
3、支持最熱門的動態(tài)app格式
未來動態(tài)APP將取代傳統(tǒng)APP,而微信小程序就是經(jīng)典的動態(tài)APP編寫格式。zfb小程序也參照了微信小程序的編寫格式。隨后的快應用(十大國產(chǎn)手機廠商、覆蓋十億設備)也與此格式相近。百度小程序也即將面世,動態(tài)APP市場萬億燒錢大戰(zhàn)一觸即發(fā),你還在等什么?本軟件為此而誕生,完全兼容了動態(tài)APP的編寫格式。
4、比官方IDE更適合新手
微信小程序雖然叫小程序,但編寫難度不低于學習傳統(tǒng)的WEB編寫。更好的支持ES6,Mustache,CSS3,讓新手很難入門。基本所有的WEB IDE都沒有鼠標停留提示,編寫代碼全靠記憶與文檔。本軟件唯一支持停留提示與樹形函數(shù)列表的WEB IDE,更加符合新手使用入門。比官方IDE更懂小程序。
5、支持模塊功能
可以編寫html5的精易模塊、WEB框架。更適合新手使用。
6、更智能的中英混合輸入提示
再也不用擔心有人說學中文編寫還不如英文編寫、中文沒有英文編寫快的XX了,中文提示完美支持中拼混輸,支持大小寫,精確提示與易語言輸入一樣完美。
7、支持選擇中英翻譯
新手必備神器,自學最快速入門面向?qū)ο笳Z言!輸入英文直接翻譯出中文。
8、支持代碼塊功能
大多函數(shù)都支持代碼塊功能,回車直接填寫內(nèi)容,與官方一致。
軟件功能
1、SX HTML5提供了豐富的網(wǎng)頁設計方案。
2、可以設計電腦上的網(wǎng)頁。
3、可以設計平板上的網(wǎng)頁。
4、可以設計手機上的網(wǎng)頁。
5、可以建立更快的交互性網(wǎng)頁。
6、提供可視化的開發(fā)方案。
7、提供HTML支持庫,里面有很多編輯網(wǎng)頁必備的資源。
8、支持多款組件,在開發(fā)網(wǎng)頁的時候快速添加需要的組件。
9、建立Tab選項卡、下拉選擇框、垂直導航、復選框、字段集區(qū)塊。
10、用該組件時,需要在HTML頭部文件聲明CSS,JS文件。
11、官方組件 與其它組件混用時,請注意class沖突。
12、不需要安裝,可直接在Windows系統(tǒng)里運行;13、可視化操作,簡單方便。
14、智能輸入,保證了高效率和高準確度。
15、所見即所得,隨時查看結(jié)果。
16、支持JS樹形列表。
17、具有嚴格的繼承提示。
18、可兼容所有的框架,使用很靈活。
使用方法
1、下載html5可視化編輯器.exe軟件打開就可以使用,這里是軟件的編輯區(qū)域。
2、提示軟件的設計功能,可以在這里添加新的事件,可以設置全局屬性。
3、可以設置的頁面功能很多,提示加載結(jié)束后、區(qū)域更新后、卸載前、歷史改變時、已下載時、已改變時。
4、這里提示媒介的屬性,支持元數(shù)據(jù)加載時、加載數(shù)據(jù)前、加載錯誤時、可播放至結(jié)尾時、回放速率改變時、就緒狀態(tài)改變時。
5、組件功能: Bootstrap2組件、 Bootstrap3組件、 Bootstrap4.0組件、 Layui2017組件、MUI組件、ZUI組件、WUI組件。
6、組件的功能也是很多的,可以選擇開關(guān)、引用區(qū)塊、徽章、折疊面板、按鈕、按鈕組。
7、這里是設計的主題,您編輯的內(nèi)容都可以在這里設計。
8、在相同標簽較多時,很難找到對應的結(jié)束標簽,請點擊以下標簽,編輯框會指示相對應的結(jié)束標簽是哪個。
9、Html、CSS、JS的函數(shù)是可以混用的,在樹型框中右擊一》切換,就可以切換到個函數(shù)表進行編寫,快捷鍵CTRL+1~3也可以切換,以下代碼調(diào)用了htm1及CSS的函數(shù)。
10、在函數(shù):后輸入數(shù)字時,會顯示尺寸單位,每個單位都有對應的說明,請試著把下面100%改成其它單位。
11、代碼框能同時識別中英混合編寫,添加關(guān)鍵詞時填寫的名稱一般是中文、編譯為英文,下面2個代碼的效果是一樣的,鼠標放在關(guān)鍵詞處,可以查看信息。
12、編輯完成可以選擇在瀏覽器上運行,也可以選擇在模擬器上運行。
更新日志
增加光標所在塊級域背景加亮。
增加保存時自動記錄可視行號,下次進去項目時自動移動該區(qū)域(感謝 完美軟件 的反饋)。
增加保存時自動記錄書簽、折疊。
增加VIP驗證功能(以后會有很多VIP功能)。
優(yōu)化真機調(diào)試提示。
優(yōu)化PHP的運行調(diào)試(目前不能獲取端口)。
優(yōu)化代碼折疊線。
優(yōu)化模擬器真機調(diào)試安裝調(diào)試基座(感謝 葒楓 的幫助)。
優(yōu)化代碼提示框顯示速度(感謝 系列小系 的反饋)。
優(yōu)化解除屏蔽(感謝 完美軟件 的反饋)。
優(yōu)化換行策略。
優(yōu)化軟件起始頁。
優(yōu)化反撇號的自動補全與智能替換。
優(yōu)化縮進快捷鍵是TAB、減少縮進是SHIFT+TAB(感謝 CYS 的反饋)。
修復引號補全的BUG。
修復CSS代碼框顏色標記的顯示、復制、刪除的BUG。
修復翻譯代碼時的一些BUG(重要,有些會導致翻譯錯誤 感謝 系列小系 的反饋)。
修復模擬器調(diào)試可能無法獲取到寫入地址的BUG。
修復PHP會翻譯編譯文本的BUG。
修復html代碼框有時獲取不到屬性的BUG。
修復代碼折疊的BUG。
修復html代碼框標簽內(nèi)按空格不提示的BUG。
修復html代碼框標簽匹配有時錯誤的BUG。
修復添加函數(shù)時的一處BUG。
更新瀏覽框miniblink180606。