整合營銷服務商

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

          免費咨詢熱線:

          插電混動汽車+html頁面中如何引入html

          插電混動汽車,作為純電技術與傳統燃油技術的結合,這項技術旨在為用戶提供更多樣的駕駛選擇與用車場景、還可以提供純電駕駛的體驗。但當電量耗盡,車輛的行駛性能和油耗會發生怎樣的變化?這種差異是否會影響用戶的駕駛體驗和經濟效益呢?結合廣汽本田第五屆極限挑戰中,插電混動旗艦雙子星的成績,分享你的看法?

          在新能源車中,插電混動車是一個獨特的存在,他不同于純電動汽車,跟燃油車也有一定的區別,那么插電混動汽車有哪些優點和缺點。

          插電混動汽車有三大優點:

          1、沒有續航焦慮

          純電動汽車有續航焦慮,只適合在城市中行駛,在高速上比較少見,這是因為高速公路上的充電樁比較少,而且還不發達,純電動車跑高速總是擔心沒電了,跑長途也是如此,車主就會很焦慮。

          插電混動汽車一般是兩套動力系統,一套是燃油系列,一套是電動系統,兩套系統可以同時工作,也可以單獨工作。

          在城市中行駛,插電混動汽車可以用純電行駛,在高速公路上行駛,插電混動汽車可以用燃油行駛,插電混動汽車同時具備了燃油車的持久性和純電動汽車的便利性,是兩者之間的一個過渡性產品。

          插電混動車沒有續航焦慮

          插電混動汽車沒有續航焦慮,既可以跑短途,也可以跑長途,還支持外放電,當你在野外自駕游時,你的車還能成為戶外電源,供你煮飯、吃電火鍋、電燒烤,是不是很酷?

          2、省油。

          跟純電車比,混動車油耗肯定高,但跟燃油車比,混動車油耗明顯低多了。以我自己的哈弗H6 DHT-PHEV為例,在家里裝了充電樁,選擇凌晨充電,一度電5毛,電池容易是19.9度電,充滿電要10塊錢,可以跑100公里。

          算起來一公里只要一毛錢,天天在城市上下班開,可以開4~5天,如果不跑長途,可以一直用電,根本不用加油,上次加了200塊錢,幾個月時間還在,根本用不到。

          3、環保,動力強,能掛綠牌

          國家的環保標準越來越嚴格,國6B剛剛執行,用不了兩年,國7標準也會到來,這對燃油車來說,是一道緊箍咒,雖然能繼續上路,但有諸多限制,燃油車所能符合的環保標準太低了的話,有些大城市都進不去了。

          環保標準嚴了,有些不達標的燃油車都沒法銷售了,也沒法過戶了,影響很大,但是,環保標準并不影響插電混動車,因為插電混動汽車能掛綠牌。

          像北上廣深這樣的一線大城市,嚴格控制燃油車上牌,你能買車但上不了牌照,但是電動汽車卻不受影響,在政策引導下,很多消費者把眼光投入了新能源車,混動汽車符合環保要求,能上綠牌,得到很多消費者的喜愛。

          插電混動汽車也有三大缺點:

          1、電池容量偏小,經常要充電

          一般來說,混動車的電池容量沒有純電動汽車大,續航里程就短,以哈弗H6 DHT-PHEV為例,19.9度電的電池續航里程是110公里,實際續航里程是100公里。

          如果你一天開20公里,能跑5天,那就4~5天充一次電,如果你一天開50公里,只能跑2天,那就是1~2天充一次電。

          2、更換電池昂貴

          混動汽車是必須要有電池的,沒有電池汽車開不了,這是設計好的系統,當你的電池壽命達到之后,就需要更換電池,更換電池的費用是2~5萬元,這個費用是比較高的,目前新能源車大多還處于使用過程中,更換電池的情況較少,等到將來大規模更換電池時,就知道具體的費用了。

          3、車價比同級別車高

          同級別的混動車比燃油車貴了4萬元左右,有人說4萬元可以加多少油,混動車省的油都不夠車價貴,需要注意,新能源車目前沒有購置稅,按落地價算的話,相差不到3萬元左右,然后兩者之間的駕駛感受是完全不同的,開過電動車的人對此深有體會。

          ----------------------------------------------------------------------------------------------------

          接下來就是每文最后的前端小知識分享,因為博主是前端出身,這也算是福利吧,每文最后加個前端的小知識:

          今天跟大家說的是如何在html中引入html:

          目前已知的方法有三個;

          1.配置tomcat來實現,需要后臺進行配合,修改本地和線上的tomcat的配置,才能使用該方式

          <!--#include virtual="/html/gycphlk/setTab.html" -->

          2.使用jquery的load方式來實現,可行性需要完成測試后商榷(頁面之間數據傳輸是否可行)

          3.通過iframe的引入

          lt;!doctype html>

          <html>

          <head>

          <meta charset="UTF-8">

          <title>Document</title>

          <script type="text/javascript" src="jquery.min.js"></script>

          </head>

          <body>

          <input type="checkbox" id="checkbox1"><label for="checkbox1">庫里</label><br>

          <input type="checkbox" id="checkbox2"><label for="checkbox2">科比</label><br>

          <input type="checkbox" id="checkbox3"><label for="checkbox3">麥迪</label><br>

          <input type="checkbox" id="checkbox4"><label for="checkbox4">鄧肯</label><br>

          <input type="checkbox" id="checkbox5"><label for="checkbox5">奧尼爾</label><br><br>

          <button>全選</button><button>全不選</button><button>反選</button>

          </body>

          </html>

          <script type="text/javascript">

          $(function(){

          //匹配第一個button

          $(':button:eq(0)').click(function(){

          //全部選中 checked=true,在前臺就是表示選中

          $(':checkbox').attr('checked',true);

          });

          //匹配第二個button

          $(':button:eq(1)').click(function(){

          //全部取消 checked=false,在前臺就是表示未選中

          $(':checkbox').attr('checked',false);

          });

          //匹配第三個button

          $(':button:eq(2)').click(function(){

          //查找每一個復選框,然后取相反

          $(':checkbox').each(function(){

          $(this).attr('checked',!$(this).attr('checked'));

          });

          });

          })

          </script>

          家好,很高興又見面了,我是"高級前端進階",由我帶著大家一起關注前端前沿、深入前端底層技術,大家一起進步,也歡迎大家關注、點贊、收藏、轉發!

          前言

          jQuery v3.7.0 已發布,此版本包含眾多內容更新,比如:錯誤修復、新方法和性能改進。 jQuery v3.7.0 放棄了長期使用的選擇器引擎 Sizzle,同時將它移到了 jQuery 核心中,從而有助于為未來 jQuery 版本選擇的進一步變更做好準備。 但這個技術方案確實使得 jQuery 減少了幾個字節的體積,因為 Sizzle 需要支持比 jQuery 更舊的瀏覽器。

          像往常一樣,該版本可在 cdn 和 npm 包管理器上下載安裝, 其他第三方 CDN 很快也會集成但可能需要一定的時間。

          jQuery v3.7.0 新特性

          新方法.uniqueSort()

          一些 API,如 .prevAll()以相反的順序返回元素,這在與包裝方法一起使用時可能會導致一些令人困惑的行為。 例如,

          $elem.prevAll().wrapAll('<p/>');

          上面的代碼會按預期包裝所有元素,但會以相反的順序將這些元素寫入 DOM。 為了防止破壞現有代碼的方式解決這個問題,jQuery 記錄了 .prevAll() 和類似方法返回倒序集合,這在許多情況下仍然是可取的。 同時 jQuery v3.7.0 還添加了一個新方法,如 .uniqueSort(),該方法與 jQuery.uniqueSort()行為類似。

          因此,之前的示例將變為:

          $elem.prevAll().uniqueSort().wrapAll('<p/>');

          并且 DOM 中的元素順序將保持不變。

          添加了一些無單位的 CSS 屬性

          jQuery 3.7.0 添加了對更多 CSS 屬性的支持,這些屬性在沒有單位的情況下不應自動添加“px”。 例如.css('aspect-ratio', 5) 會導致 CSS aspect-ratio: 5px;,這次更改很多都來自于 React 的啟發。

          export const isUnitlessNumber = {
            animationIterationCount: true,
            aspectRatio: true,
            borderImageOutset: true,
            borderImageSlice: true,
            borderImageWidth: true,
            boxFlex: true,
            boxFlexGroup: true,
            boxOrdinalGroup: true,
            columnCount: true,
            columns: true,
            flex: true,
            flexGrow: true,
            flexPositive: true,
            flexShrink: true,
            flexNegative: true,
            flexOrder: true,
            gridArea: true,
            gridRow: true,
            gridRowEnd: true,
            gridRowSpan: true,
            gridRowStart: true,
            gridColumn: true,
            gridColumnEnd: true,
            gridColumnSpan: true,
            gridColumnStart: true,
            fontWeight: true,
            lineClamp: true,
            lineHeight: true,
            opacity: true,
            order: true,
            orphans: true,
            scale: true,
            tabSize: true,
            widows: true,
            zIndex: true,
            zoom: true,
            // SVG-related properties
            fillOpacity: true,
            floodOpacity: true,
            stopOpacity: true,
            strokeDasharray: true,
            strokeDashoffset: true,
            strokeMiterlimit: true,
            strokeOpacity: true,
            strokeWidth: true,
          };

          值得注意的是,jQuery v4.0 將改變處理無單位 CSS 屬性的方式,不是依賴 CSS 屬性列表來避免添加“px”,而是有一個屬性列表,當沒有傳遞任何單位時,肯定要添加“px”, 那樣更具前瞻性。

          操作性能提升

          jQuery 3.7.0 在使用 .append() 等操作方法時為某些用例帶來了可衡量的性能改進。 當刪除不再支持的瀏覽器的支持測試時,這意味著根本不再需要運行針對文檔更改的檢查。

          從本質上講,這導致了 0% 到 100% 之間的任何加速。 最顯著的加速出現在一些罕見的情況下,在這些情況下,用戶經常在不同文檔之間切換上下文,可能是通過跨多個 iframe 運行操作。

          outerHeight 中的負邊距

          jQuery v3.3.0 修復了一個問題,在 .innerWidth() 和 .innerHeight() 的計算中包含滾動條。 但是,該修復沒有考慮負邊距,這意味著 .outerWidth(true) 和 .outerHeight(true) 不再考慮負邊距。 在 3.7.0 中通過將邊距計算與滾動條調整分開來解決了這個問題。

          在 IE 中使用不同的原生焦點事件

          焦點和 blur 事件可能是 jQuery 必須跨瀏覽器處理的最復雜的事件。 jQuery 3.4.0 在修復通過焦點事件傳遞數據的問題時引入了一些小的回歸,在 jQuery 3.7.0 中移除了這些修改。

          但是,需要指出 IE 中可能發生的重大變化。 在所有版本的 IE 中,焦點和 blur 事件都是異步觸發的。 在所有其他瀏覽器中,這些事件是同步觸發的,IE 中的異步行為導致了一些問題。 解決方法是更改本機使用的事件。 幸運的是,focusin 和 focusout 在 IE 中是同步運行的,所以現在在 IE 中通過 focusin 模擬焦點,通過 focusout 模擬 blur。 這一更改使 jQuery 能夠依賴 IE 中的同步焦點事件,這解決了很多問題。

          參考資料

          https://blog.jquery.com/2023/05/11/jquery-3-7-0-released-staying-in-order/


          主站蜘蛛池模板: 亚洲日韩AV无码一区二区三区人 | 精品日韩亚洲AV无码一区二区三区| 久久精品一区二区影院| 日本韩国一区二区三区| 动漫精品第一区二区三区| 亚洲AV无码一区二区三区久久精品 | 亚洲视频在线一区二区| 久久亚洲色一区二区三区| 久久4k岛国高清一区二区| 中文字幕一区视频| 日韩免费无码一区二区视频| 一区二区免费国产在线观看| 不卡一区二区在线| 中文字幕av一区| 午夜视频久久久久一区 | 亚洲一区二区三区免费观看| 国内精品视频一区二区三区| 亚州国产AV一区二区三区伊在| 久久一区二区精品综合| 国产日韩精品一区二区在线观看 | 男人免费视频一区二区在线观看| 国产乱码精品一区二区三区中文 | 久久精品无码一区二区WWW| 精品一区精品二区| 无码国产精品一区二区免费| 黑人一区二区三区中文字幕| 久久久无码一区二区三区| 亚洲av区一区二区三| 中文字幕乱码亚洲精品一区| 国产一区三区二区中文在线 | 国产成人无码一区二区在线播放| 日本高清一区二区三区| 色婷婷一区二区三区四区成人网| 无码AV一区二区三区无码| 3d动漫精品啪啪一区二区中| 中文无码精品一区二区三区| 国内精自品线一区91| 国产一区二区在线| 午夜影院一区二区| 精品亚洲av无码一区二区柚蜜| 日韩国产精品无码一区二区三区|