Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲在线看片,免费a一毛片,日韩黄色一级 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML <code> 標(biāo)簽
          
        
           
          
	
	
          
		
                        
          例
          對文檔中的文本進(jìn)行格式化：
          <code>一段電腦代碼</code>
          瀏覽器支持
          所有主流瀏覽器都支持 <code> 標(biāo)簽。
          標(biāo)簽定義及使用說明
          <code> 標(biāo)簽是一個短語標(biāo)簽，用來定義計(jì)算機(jī)代碼文本。
          提示：我們并不反對使用這個標(biāo)簽，但是如果您只是為了達(dá)到某種視覺效果而使用這個標(biāo)簽的話，我們建議您使用 CSS ，這樣可能會取得更豐富的效果。
          所有短語標(biāo)簽：
          標(biāo)簽描述
          <em>呈現(xiàn)為被強(qiáng)調(diào)的文本。
          <strong>定義重要的文本。
          <dfn>定義一個定義項(xiàng)目。
          <code>定義計(jì)算機(jī)代碼文本。
          <samp>定義樣本文本。
          <kbd>定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經(jīng)常用在與計(jì)算機(jī)相關(guān)的文檔或手冊中。
          <var>定義變量。您可以將此標(biāo)簽與 <pre> 及 <code> 標(biāo)簽配合使用。
          HTML 4.01 與 HTML5之間的差異
          無。
          全局屬性
          <code> 標(biāo)簽支持 HTML 的全局屬性。
          事件屬性
          <code> 標(biāo)簽支持 HTML 的事件屬性。
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          文約2500字，建議閱讀9分鐘
          本文分享幾個值得學(xué)習(xí)和使用的前端低代碼開源項(xiàng)目，更深入地了解什么是低代碼。
          近幾年，在技術(shù)領(lǐng)域低代碼是比較熱門的話題，比如阿里云推出了釘釘?shù)痛a，通過簡單的拖拽、配置，即可完成業(yè)務(wù)應(yīng)用的搭建，騰訊云則是推出了微搭，通過行業(yè)化模板、拖放式組件和可視化配置快速構(gòu)建多端應(yīng)用。
          低代碼是基于可視化和模型驅(qū)動理念，結(jié)合云原生與多端體驗(yàn)技術(shù)，它能夠在多數(shù)業(yè)務(wù)場景下實(shí)現(xiàn)大幅度的提效降本，為專業(yè)開發(fā)者提供了一種全新的高生產(chǎn)力開發(fā)范式。下面就來分享幾個值得學(xué)習(xí)和使用的前端低代碼開源項(xiàng)目，更深入地了解什么是低代碼。
          1 Appsmith
          Appsmith 是一款開源低代碼框架，主要用于構(gòu)建管理面板、內(nèi)部工具和儀表板等，允許拖放 UI 組件來構(gòu)建頁面，通過連接到任何 API、數(shù)據(jù)庫或 GraphQL 源，并使用 JavaScript 語言編寫邏輯，可以在短時間內(nèi)創(chuàng)建內(nèi)部應(yīng)用程序。
          項(xiàng)目鏈接：https://github.com/appsmithorg/appsmith
          最新star：24288

          2 LowCodeEngine
          LowCodeEngine 由阿里巴巴釘釘宜搭團(tuán)隊(duì)開發(fā)的低代碼框架，基于阿里云的云基礎(chǔ)設(shè)施和釘釘?shù)钠髽I(yè)數(shù)字化操作系統(tǒng)。使用者只需要基于低代碼引擎便可以快速定制符合自己業(yè)務(wù)需求的低代碼平臺。同時LowCodeEngine還提供了很多的基礎(chǔ)組件，可以幫助開發(fā)者快速地構(gòu)建業(yè)務(wù)頁面。
          項(xiàng)目鏈接：https://github.com/alibaba/lowcode-demo
          最新star：887

          3 Amis
          Amis 是百度開源的一款前端低代碼框架，通過 JSON 配置就能生成各種后臺頁面，包括數(shù)據(jù)獲取、表單提交及驗(yàn)證等功能，同時，Amis內(nèi)置 100+ 種 UI 組件，能夠滿足各種頁面組件展現(xiàn)的需求，極大減少開發(fā)成本，甚至可以不需要了解前端。amis 在百度內(nèi)部得到了廣泛使用，在 4 年多的時間里創(chuàng)建了 3w 多頁面，從內(nèi)容審核到機(jī)器管理，從數(shù)據(jù)分析到模型訓(xùn)練，amis 滿足了各種各樣的頁面需求。我們可以下載源碼，然后使用如下的命令來體驗(yàn)。
          項(xiàng)目鏈接：https://github.com/baidu/amis
          最新star：12860

          4 tmagic-editor
          tmagic-editor是一款由騰訊技術(shù)中心出品的一款開源低代碼框架，能夠?qū)崿F(xiàn)零代碼/低代碼生成頁面 ， 可以快速搭建可視化頁面生產(chǎn)平臺，讓非技術(shù)人員可以通過拖拽和配置，自助生成H5頁面、PC頁面、TV頁面，大大降低頁面生產(chǎn)成本 。
          項(xiàng)目鏈接：https://github.com/Tencent/tmagic-editor
          最新star：3112

          5 dooring-electron-lowcode
          dooring-electron-lowcode是一款功能強(qiáng)大，專業(yè)可靠的可視化頁面配置解決方案，致力于提供一套簡單方便、專業(yè)可靠、無限可能的H5落地頁最佳實(shí)踐。技術(shù)棧以react和typescript為主， 后臺采用nodejs開發(fā), electron作為桌面端基礎(chǔ)方案。
          項(xiàng)目鏈接：https://github.com/H5-Dooring/dooring-electron-lowcode
          最新star：150

          6 vite-vue3-lowcode
          vite-vue3-lowcode 是一款基于Vite2.x + Vue3.x + TypeScript技術(shù)框架的的H5 低代碼平臺。目前只是一個簡單的模板，支持?jǐn)?shù)據(jù)配置的導(dǎo)入和導(dǎo)出，配置的修改和刪除操作，用到的技術(shù)有sandbox 中執(zhí)行自定義邏輯、monaco-editor 自定義代碼補(bǔ)全、vue3 createRenderer 自定義渲染器等。
          項(xiàng)目鏈接：https://github.com/buqiyuan/vite-vue3-lowcode
          最新star：2158

          7 shida
          shida是一個視頻可視化搭建項(xiàng)目，開發(fā)者可以通過拖拽就可以快速地生產(chǎn)一個短視頻，使用方式就像易企秀或百度 H5 等 h5 低代碼平臺一樣。shida的后端視頻合成部分是基于FFCreator進(jìn)行開發(fā)的，F(xiàn)FCreator 是一個基于 node.js 的輕量、靈活的短視頻加工庫，只需要添加幾張圖片或視頻片段再加一段背景音樂，就可以快速生成一個很酷的視頻短片。
          項(xiàng)目鏈接：https://github.com/tnfe/shida
          最新star：363

          8 quark-h5
          quark-h5是一個使用Vue + Koa的前端低代碼框架，和大多數(shù)的前端低代碼框架一樣，采用的是編輯器生成頁面JSON數(shù)據(jù)，服務(wù)端負(fù)責(zé)存取JSON數(shù)據(jù)，渲染時從服務(wù)端取數(shù)據(jù)JSON交給前端模板處理。
          項(xiàng)目鏈接：https://github.com/huangwei9527/quark-h5
          最新star：3064

          9 gods-pen
          碼良是一個在線生成 H5 頁面并提供頁面管理和頁面編輯的平臺，用于快速制作 H5 頁面。用戶無需掌握復(fù)雜的編程技術(shù)，通過簡單拖拽、少量配置即可制作精美的頁面，可用于營銷場景下的頁面制作。同時，也為開發(fā)者提供了完備的編程接入能力，通過腳本和組件的形式獲得強(qiáng)大的組件行為和交互控制能力。
          項(xiàng)目鏈接：https://github.com/ymm-tech/gods-pen
          最新star：4247

          10 luban-h5
          魯班H5是基于Vue2.0開發(fā)的支持拖拽方式來快速生成頁面的低代碼平臺，功能基本類似于易企秀、Maka、百度等H5平臺。
          項(xiàng)目鏈接：https://github.com/ly525/luban-h5
          最新star：5654

          11 mometa
          mometa 并不是傳統(tǒng)主流的低代碼平臺（如 amis），mometa 是面向研發(fā)、代碼可視設(shè)計(jì)編輯平臺，更像是 dreamweaver、gui的可視編輯 工具。借助它，我們可以獲得所見即所得的可視編輯開發(fā)體驗(yàn)。
          項(xiàng)目鏈接：https://github.com/imcuttle/mometa
          最新star：3469

          12 h5-factory
          h5-factory是專題頁面可視化編輯工具，可以通過拖拽來設(shè)計(jì)頁面，并且支持一鍵生成html文件。
          項(xiàng)目鏈接：https://github.com/xuhaiqing/h5-factory
          最新star：6

          13 steedos-platform
          steedos-platform是 Salesforce 低代碼平臺的開源替代方案，使用可視化工具進(jìn)行模型設(shè)計(jì), 頁面設(shè)計(jì), 流程設(shè)計(jì), 報(bào)表設(shè)計(jì)，只需點(diǎn)擊鼠標(biāo)，就能快速創(chuàng)建應(yīng)用程序，實(shí)現(xiàn)敏捷開發(fā)的新高度。在技術(shù)實(shí)現(xiàn)細(xì)節(jié)上，steedos-platform使用元數(shù)據(jù)定義對象，字段，配置，代碼，邏輯和頁面布局，并基于這些元數(shù)據(jù)自動生成系統(tǒng)的數(shù)據(jù)結(jié)構(gòu)以及Steedos應(yīng)用程序的用戶界面和自動化邏輯。
          項(xiàng)目鏈接：https://github.com/steedos/steedos-platform/
          最新star：951

          14 lz-h5-edit
          lz-h5-edit是一個H5低代碼編輯平臺，支持拖拽、縮放、旋轉(zhuǎn)、動畫、撤銷、重做、組合元素等方式來創(chuàng)建H5頁面。
          項(xiàng)目鏈接：https://github.com/lzuntalented/lz-h5-edit
          最新star：462

          15 tefact
          星搭開源無代碼編輯器，使用圖形化界面生成 網(wǎng)站、H5和表單，無需任何代碼即可生成應(yīng)用程序。
          項(xiàng)目鏈接：https://github.com/staringos/tefact/
          最新star：244

          16 fast-poster
          fast-poster是一款使用Python+Vue開發(fā)的通用海報(bào)生成器，可以用來快速地生成海報(bào)。使用時只需要經(jīng)過三步即可生成所需要的海報(bào)：啟動服務(wù) > 編輯海報(bào) > 生成代碼。
          項(xiàng)目鏈接：https://github.com/psoho/fast-poster
          最新star：408

          17 openDataV
          OpenDataV 是一款基于Vue3 + vite + TypeScript開發(fā)前端可視化低代碼平臺。支持拖拽式、可視化、低代碼數(shù)據(jù)可視化開發(fā)，你可以用它自由的拼接成各種炫酷的大屏，同時支持接入開發(fā)者自己開發(fā)的組件接入平臺。
          項(xiàng)目鏈接：https://github.com/AnsGoo/openDataV
          最新star：196

          18 mall-cook
          Mall-Cook 是一個基于 vue 開發(fā)的可視化商城搭建平臺，包括多頁面可視化構(gòu)建、Json Schema 生成器（可視化搭建物料控制面板），實(shí)現(xiàn)組件流水線式標(biāo)準(zhǔn)接入平臺。最新版本使用 uni-app 重構(gòu)物料、模板項(xiàng)目，支持生成 H5、小程序多端商城。
          項(xiàng)目鏈接：https://github.com/wangyuan389/mall-cook
          最新star：3632

          19 form-generator
          form-generator是一個基于Element UI表單設(shè)計(jì)及代碼生成器，可將生成的代碼直接運(yùn)行在基于Element的vue項(xiàng)目中，也可導(dǎo)出JSON表單，使用配套的解析器將JSON解析成真實(shí)的表單。
          項(xiàng)目鏈接：https://github.com/JakHuang/form-generator
          最新star：7482

          20 vjdesign
          vjdesign是一款支持任何 vue 項(xiàng)目中的組件，不需要二次開發(fā)就可以定義支持的組件以及組件的屬性，并且對組件的屬性和數(shù)據(jù)的關(guān)系以及表單的交互行為也可以通過設(shè)計(jì)器配置實(shí)現(xiàn)。
          項(xiàng)目鏈接：https://github.com/fyl080801/vjdesign
          最新star：384
          SCode中有一些快捷編輯HTML的方法，能大大提高工作效率，在這里分享給大家，權(quán)當(dāng)拋磚引玉，歡迎有更多的朋友分享更多的技術(shù)知識。
          1.輸入html:5，然后按tab鍵或回車（Enter）鍵，效果如下：
          注：輸入感嘆號"!"，然后按Tab鍵或者回車（Enter）鍵也可以生成html骨架。
          2.輸入link:css引入css樣式文件，link:favicon引入網(wǎng)站logo，輸入script:src引入js
          3.輸入標(biāo)簽名自動補(bǔ)齊
          直接輸入標(biāo)簽名后回車
          4.使用"#“輸入id，”.“輸入class，”[]"輸入屬性
          <!-- 輸入div#main回車 -->
<div id="main"></div>
<!-- 輸入div.content回車 -->
<div class="content"></div>
<!-- 輸入div#main.content回車 -->
<div id="main" class="content"></div>
<!-- img[src=1.jpg][alt=pic1] -->
<img src="1.jpg" alt="pic1">
          5.使用">“輸入嵌套標(biāo)簽，”+" 輸入并列的兄弟標(biāo)簽，"^"上級元素
          <!-- 輸入div#parent>div#child回車 -->
<div id="parent">
        <div id="child"></div>
</div>
          <!-- 輸入div#bro1+div#bro2回車 -->
<div id="bro1"></div>
<div id="bro2"></div>
          <!-- 輸入div#sup>div#child+div#bro^div#sub回車 -->
<div id="sup">
  <div id="child"></div>
<div id="bro"></div>
</div>
<div id="sub"></div>
          6.使用{}輸入標(biāo)簽中的文本
          <!-- div#main{input sth here} -->
<div id="main">input sth here</div>
          7.使用"()"對標(biāo)簽分組及使用"*"生成多個相同的標(biāo)簽
          <!-- (div#list1>ul>li*2)+(div#list2>ul>li*3) -->
<div id="list1">
  <ul>
  	<li></li>
		<li></li>
	</ul>
</div>
<div id="list2">
  <ul>
  	<li></li>
		<li></li>
		<li></li>
	</ul>
</div>
          8.使用自增符號$
          <!-- $ 自增符號 -->
<!-- ul>li*3>img[src=./imgs/$.jpg][alt=img$] -->
<ul>
  <li><img src="./imgs/1.jpg" alt="img1"></li>
	<li><img src="./imgs/2.jpg" alt="img2"></li>
	<li><img src="./imgs/3.jpg" alt="img3"></li>
</ul>
<!-- ul>li*3>img[src=./imgs/$$.jpg][alt=img$$] -->
<ul>
  <li><img src="./imgs/01.jpg" alt="img01"></li>
	<li><img src="./imgs/02.jpg" alt="img02"></li>
	<li><img src="./imgs/03.jpg" alt="img 03"></li>
</ul>
<!-- ul>li*3>img[src=./imgs/$$$.jpg][alt=img$$$] -->
<ul>
  <li><img src="./imgs/001.jpg" alt="img001"></li>
	<li><img src="./imgs/002.jpg" alt="img002"></li>
	<li><img src="./imgs/003.jpg" alt="img003"></li>
</ul>
<!-- ul>li*3>img[src=./imgs/$$@4.jpg][alt=img$$@4] -->
<ul>
  <li><img src="./imgs/04.jpg" alt="img04"></li>
	<li><img src="./imgs/05.jpg" alt="img05"></li>
	<li><img src="./imgs/06.jpg" alt="img06"></li>
</ul>
          依此類推……
          以上這些快捷操作是因?yàn)閂S Code自帶有Emmet插件。
          Emmet插件非常強(qiáng)大，還有很多用法，大家還知道哪些呢，期待大家的分享。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
精品福利一区二区三|
亚洲av鲁丝一区二区三区|
精品国产亚洲一区二区三区|
91精品福利一区二区三区野战|
无码精品人妻一区二区三区免费|
亚洲AV无码一区二区三区在线|
国产亚洲3p无码一区二区|
国产精品一区二区综合|
中文字幕一区日韩精品|
无码国产精成人午夜视频一区二区|
动漫精品专区一区二区三区不卡|
毛片无码一区二区三区a片视频|
一区二区三区精品|
午夜天堂一区人妻|
激情内射亚洲一区二区三区
|
韩国福利一区二区三区高清视频
|
欧美日韩一区二区成人午夜电影|
亚洲国产精品一区二区成人片国内
|
日韩国产精品无码一区二区三区|
熟妇人妻系列av无码一区二区|
精品国产AⅤ一区二区三区4区
|
亚洲福利一区二区精品秒拍|
国产内射在线激情一区|
国产丝袜无码一区二区三区视频|
国产成人无码一区二区在线观看|
中文字幕一区二区三区乱码|
国产精品主播一区二区|
国产一区麻豆剧传媒果冻精品
|
国产视频一区在线播放|
日本一区二区三区中文字幕|
国产福利一区二区|
国产精品xxxx国产喷水亚洲国产精品无码久久一区
|
波多野结衣AV一区二区三区中文|
日韩成人无码一区二区三区|
无码夜色一区二区三区|
国产精品乱码一区二区三|
国产伦精品一区二区三区免.费|
国产精品无码一区二区三区免费|
国产a久久精品一区二区三区|
婷婷国产成人精品一区二|
中文字幕一区二区三区视频在线|