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 久久久久亚洲,亚洲国产成人久久综合一区,亚洲成人免费观看

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          實現快捷生成HTML代碼

          ublime / vscode 快捷生成HTML代碼的實現

          文章目錄

          1.基本html結構

          2.生成div加類名的快捷鍵

          3.帶類名的div

          4.帶id的div

          5.屬性【】

          6.后代>

          7.兄弟+

          8.上級^

          9.乘法*

          10.文本{}

          1、基本html結構

          操作: 輸入 !+Enter鍵

          注意:這里輸入“!”+回車鍵前,需要清空原來生成的基本結構

          實現效果:

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <meta charset="UTF-8">
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <meta http-equiv="X-UA-Compatible" content="ie=edge">
              <title>Document</title>
          </head>
          <body>
               
          </body>
          </html>

          2、生成div加類名的快捷鍵

          操作: 輸入 div.list>div.item_$*6

          實現效果:

          <div class="list">
              <div class="item_1"></div>
              <div class="item_2"></div>
              <div class="item_3"></div>
              <div class="item_4"></div>
              <div class="item_5"></div>
              <div class="item_6"></div>
          </div>

          3、帶類名的div

          操作: 輸入 div.wrapper

          實現效果:

          <div class="wrapper"></div>

          4、帶id的div

          操作: div#wrapper

          實現效果:

          <div id="wrapper"></div>

          5、屬性 []

          操作: span[title=“test”]

          實現效果:

          <span title="test"></span>

          6、后代 >

          操作: 輸入div>span>a

          實現效果:

          <span title="test"></span>

          7、兄弟 +

          操作: div+p+span

          實現效果:

          <div></div>
          <p></p>
          <span></span>

          8、上級 ^

          操作: div>span^i

          實現效果:

          <div><span></span></div>
          <i></i>

          9、乘法 *

          操作: ul>li*2

          實現效果:

          <ul>
              <li></li>
              <li></li>
          </ul>

          10、文本 {}

          操作: div>span{這是文本}

          實現效果:

          <div><span>這是文本</span></div>

          多人用AI,都是用一堆提示詞,或者就是很隨意的使用,完全沒有方法和技巧。這篇文章,作者分享了自己用GPT-4的一個完整示例,我們可以參考其中的技巧、思路。

          本人最近在AI產品學習中,想快速對目前已有的各類型AI產品先有個快速的了解,再針對感興趣的領域和產品進行深度分析。在看到https://www.unite.ai/發出的《10 Best AI Code Generators (January 2024)》覺得總結的還算全面,所以想試試讓AI機器人幫我快速對文中提到的10個AI代碼生成產品有初步了解

          工具:此次我是使用的字節推出的Coze,白嫖使用GPT-4(8K)來創建了跟著我姓的機器人,再通過添加了Google Web SearchBrowser插件,同時將文章內容灌進知識庫中來實現整個問答流程。以下是我機器人配置和調試界面內容:

          一、AI代碼生成器有哪些,能做什么?

          我通過向我的AI機器人提出以下兩個指令來完成了對AI代碼生成器的快速了解:

          指令一:爬取下該網址的內容https://www.unite.ai/best-ai-code-generators/

          指令二:基于你爬取到的內容,分產品名稱、公司情況、主要功能、產品優勢和產品具體網址向我詳細介紹下這10個工具,并整理成一個表格

          我的機器人幫我整理成表格后,我將自己覺得需要關注的點進行了標紅,這種呈現形式還算是比較清晰明了,想了解某一產品也可以直接點擊網址訪問。

          順便我問了下咱們國家類似的產品有哪些,以下是略經調試后機器人的回答:

          二、AI代碼生成器的用戶是誰,怎么使用產品?

          我通過向我的AI機器人提出以下兩個指令來完成了對這類產品的用戶及使用場景的初步掌握:

          指令一:這些人工智能代碼生成器的目標用戶主要有哪些

          指令二:幫我列一個表格,告訴我這些AI代碼生成器的目標用戶主要有哪些,他們的核心使用場景的用戶故事是怎樣的

          下面是我的機器人幫我整理的表格:

          基于我自身的工作感受,我比較期期待AI將設計稿轉化為前端HTML/CSS 代碼以及根據代碼生成測試用例這類型的產品,因為高效還原設計稿和邏輯完整的測試流程對于我目前的團隊來說太重要了,這將極大的促進前端開發的速度和一定程度降低產品出bug的風險。這個等后續有空會繼續再深挖一下。

          三、AI代碼生成器的盈利模式是怎樣的?

          我通過向我的AI機器人提出以下三個指令來完成了對這類產品的盈利模式和目前的盈利情況有初步了解:

          指令一:上面提到的這些人工智能代碼生成器收費情況怎樣

          據上述回答,可以看出定價各有不同,收費的區間在-9不等,所以我提出了下面的指令:

          指令二:總結下上述產品的收費模式類型

          指令三:上面提到的這些人工智能代碼生成器的用戶量和盈利情況怎么樣

          經核查,機器人給到的信息是真實有效的,起碼是幫我快速獲取到了頭部兩個產品目前的大致情況。

          四、AI代碼生成器的未來發展前景

          一般關于某類產品的發展前景的思考需要經過深度的信息整合,對整個行業、用戶等信息有了非常深的了解后才能輸出較干貨的內容,我這里嘗試輸入指令讓機器人回答了一下,不說回答的非常有深度或者比較準確,但應該還是能給到一些啟發和思考:

          指令一:人工智能代碼生成器可以形成競爭壁壘的有哪些方面

          指令二:人工智能代碼生成器這塊有什么新的機會和突破方向

          五、寫在最后

          問了一圈身邊的程序員并結合我自己的AI產品體驗感受,目前不管是AI代碼生成器還是我自己創建的機器人,這些AI工具可能還有其不完美之處,生成的結果可能需要仔細核對,調教成本也很高。但掌握好了使用方法后,省時提效的效果還是杠杠的。如要深入分析產品的話,我后續也可以采用AI機器人+人工體驗相結合的方式深入挖掘內容。

          我加入的AI產品經理大本營的團長hanniman有說過“使用AI的價值在兩端:普通人用AI,能快速從20分達到60分,而專業人士用AI,能從80分達到90分效果”。

          作為產品經理,一方面,需要擁抱這些AI工具,同時不斷提升自己的專業能力,提煉自己的產品方法論為規則和提示至AI機器人中,幫自己提升效率;另一方面,普通人很難掌握好目前的AI工具可能也是一個痛點,我們可以去做這個連接者,結合AI的功能和具體的用戶使用場景,設計出有用戶價值且利可圖的AI產品。

          此篇文章只能說是我的一個初步探索,期望可以跟大家一起交流和深入探索~

          本文由 @游瑤的產品筆記 原創發布于人人都是產品經理。未經許可,禁止轉載

          題圖來自Unsplash,基于CC0協議

          該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

          正的大師,永遠都懷著一顆學徒的心!

          一、項目簡介

          通用代碼生成器,一鍵生成前端和后端

          二、實現功能

          • 支持Shiro權限框架

          • 支持Echarts圖形庫

          • 支持一鍵生成前端和后端

          • 支持模版向導功能

          • 支持PPT數據導出

          • 支持excel模板向導

          • 支持MySQL,MariaDB,Oracle,PostgreSQL

          三、技術選型

          • springboot

          • vue

          • html

          • css

          • js

          四、界面展示

          五、源碼地址

          私信回復:代碼生成器


          主站蜘蛛池模板: 国产乱码精品一区三上| 一区二区三区日韩| 视频精品一区二区三区| 精品天海翼一区二区| 午夜天堂一区人妻| 亚洲丶国产丶欧美一区二区三区 | 一区二区三区免费视频观看| 亚洲福利视频一区| 亚洲欧美国产国产一区二区三区| 日本一区二区免费看| 亚洲国产老鸭窝一区二区三区| 暖暖免费高清日本一区二区三区| 国产精品一区12p| 一区二区三区内射美女毛片| 亚洲AV无码第一区二区三区| 一区二区三区在线播放视频| AV无码精品一区二区三区| 夜色阁亚洲一区二区三区| 无码中文人妻在线一区 | 国产一区二区福利久久| 无码av免费毛片一区二区| 一区二区三区精品高清视频免费在线播放| 精品无码人妻一区二区免费蜜桃 | 日韩精品视频一区二区三区 | 免费高清av一区二区三区| 久久久91精品国产一区二区三区| 日韩电影在线观看第一区| 成人免费视频一区二区| 一区二区三区免费视频网站| 色一乱一伦一区一直爽| 国产亚洲情侣一区二区无码AV| 日韩精品一区二区三区在线观看| 日本免费一区二区三区最新| 国产福利一区二区| 精品人妻一区二区三区毛片| 中文字幕人妻丝袜乱一区三区| 国产丝袜视频一区二区三区| 亚洲一区无码中文字幕乱码| 日韩色视频一区二区三区亚洲| 人妻内射一区二区在线视频| 国产午夜精品免费一区二区三区|