主頁 > 企業開發 > 獲取每個客戶的第一個和最后一個訂單以及每個訂單中價值最高的專案,所有這些都是獨立的表。

獲取每個客戶的第一個和最后一個訂單以及每個訂單中價值最高的專案,所有這些都是獨立的表。

2021-10-19 07:14:34 企業開發

我需要通過OrderDate找到每個客戶的第一個和最后一個訂單,以及每個訂單中業務量最大的專案的名稱和SKU。作為參考,客戶表有>15萬條記錄,而訂單和OrderDetails(這些是專案)則要多得多。

注意:訂單和它們各自的專案都應該和客戶在同一行

定單

OrderID OrderDate CustomerID BusinessVolumeTotal Subtotal
13212 '2021-09-06' 512312 500.00 25.60

OrderDetails

OrderID ItemCode ItemDescription BusinessVolume
13212 'SKW-BS' 'Some item' 450.00

在我的第一個查詢中,我試圖堅持使用連接而不是子查詢,結果是這樣的

select distinct(c.CustomerID), c. FirstName ' ' c.LastName as Name, cs.CustomerStatusDescription as Status。 ct.CustomerTypeDescription as Type, pv.Volume80 as G3, fo.OrderID,fo.OrderDate,fo.SubTotal,fo.Country, fod.ItemCode, fod.ItemDescription, fopt.PriceTypeID, lo.OrderID,lo.OrderDate,lo.SubTotal,lo.Country, lod.ItemCode, lod.ItemDescription, lopt.PriceTypeID from Customers c left join CustomerTypes ct on ct.CustomerTypeID= c.CustomerTypeID left join CustomerStatuses cs on cs.CustomerStatusID= c.CustomerStatusID left join PeriodVolumes pv on pv.CustomerID= c.CustomerID left join Orders fo on fo.CustomerID = c.CustomerID -- First Order left join Orders lo on lo.CustomerID = c.CustomerID -- last Order left join OrderDetails fod on fod.OrderID= fo.OrderID left join OrderDetails lod on lod.OrderID= lo.OrderID left join PriceTypes fopt on fo.PriceTypeID = fopt.PriceTypeID left join PriceTypes lopt on lo.PriceTypeID= lopt.PriceTypeID where c.CustomerStatusID in1,2) and c.CustomerTypeID in (2, 3) and pv.PeriodTypeID = 2 /* 一階 */ and fo. OrderID = (select top 1(OrderID) from Orders where CustomerID = c. CustomerID and OrderStatusID>=7 order by OrderDate ) and fod. ItemID = (select top 1(ItemID) from OrderDetails where OrderID = fo. OrderID order by BusinessVolume) /* Last Order */ and lo. OrderID = (select top 1(OrderID) from Orders where CustomerID = c. CustomerID and OrderStatusID> =7 order by OrderDate desc) and lod. ItemID = (select top 1(ItemID) from OrderDetails where OrderID = lo. OrderID order by BusinessVolume desc) and pv. PeriodID = (select PeriodID from Periods where PeriodTypeID=2 and StartDate < = @now and EndDate >= @now)

但是,這最終執行了大約6-7分鐘。從解釋計劃來看,大部分時間被基于OrderStatusID >=7的訂單關鍵查詢所占用。

所以我嘗試使用視窗函式來實作同樣的目的:

select distinct(c.CustomerID), c. FirstName   ' '   c.LastName  as Name, cs.CustomerStatusDescription  as Status,
   ct.CustomerTypeDescription as Type, pv.Volume80 as G3, 
   fal.*
from Customers c
left join CustomerTypes ct on ct.CustomerTypeID = c.CustomerTypeID
left join CustomerStatuses cs on cs.CustomerStatusID= c.CustomerStatusID
left join PeriodVolumes pv on pv.CustomerID= c.CustomerID
left join(
    select select
        客戶ID。
        max(case when MinDate = 1 then OrderID end)                 FirstOrderID,
        max(case when MinDate = 1 then OrderDate end)               FirstOrderDate。
        max(case when MinDate = 1 then BusinessVolumeTotal end)     FirstBVTotal,
        max(case when MinDate = 1 then PriceTypeDescription end)    FirstPriceType。
        max(case when MinDate = 1 then ItemCode end)                FirstItemCode。
        max(case when MinDate = 1 then ItemDescription end)         FirstItemDescription,
        max(case when MaxDate= 1 then OrderID end)                 LastOrderID,
        max(case when MaxDate = 1 then OrderDate end)               最后的訂單日期。
        max(case when MaxDate = 1 then BusinessVolumeTotal end)     LastBVTotal,
        max(case when MaxDate= 1 then PriceTypeDescription end)    LastPriceType。
        max(case when MaxDate = 1 then ItemCode end)                LastItemCode。
        max(case when MaxDate= 1 then ItemDescription end)         最后的專案描述(LastItemDescription
    起
        (
            select distinct o.CustomerID。
            o.OrderID,
            o.OrderDate,
            o.BusinessVolumeTotal,
            PT.PriceTypeDescription。
            RANK() over (partition byo. CustomerID order by OrderDate) as MinDate,
            RANK() over (partition by o. CustomerID order by OrderDate desc) as MaxDate,
            FIRST_VALUE(ItemCode) over (partition by od. OrderID order by BusinessVolume desc) as ItemCode,
            FIRST_VALUE(ItemDescription) over (partition by od. OrderID order by BusinessVolume desc) as ItemDescription
            from Orders o
                     left join OrderDetails od on od.OrderID= o.OrderID
                     left join PriceTypes PT on o.PriceTypeID= PT.PriceTypeID
            where o.OrderStatusID >=  7
        )fal
    group by CustomerID
) fal on c.CustomerId = fal.CustomerID
where c.CustomerStatusID in1,2)
and c.CustomerTypeID in (2, 3)
and pv.PeriodTypeID =  2
    /* CurrentG3 */
and pv. PeriodID =select PeriodID from Periods where PeriodTypeID=2 and StartDate < = @now and EndDate >= @now)

唉,這下子執行的時間更長了。如果可能的話,我需要一種方法來優化它。

次要的查詢

我還需要一個過去3個月、6個月和12個月內每個訂單的數量和總和。目前,我在原查詢結果出來后,以程式化的方式進行了二次查詢,并轉發了客戶ID,就像這樣:

select count(OrderID) asCnt, sum(BusinessVolumeTotal) as Bv, CustomerID from Orders where OrderStatusID > 6 and OrderTypeID in1, 4,8,11) and OrderDate > = @timeAgo and CustomerID in @ids group by CustomerID

次數為3,因為3、6和12個月。理想情況下,我也想讓這部分內容成為原始內容,但我對如何做到這一點并沒有一個好的想法,尤其是在加入訂單的程序中是多么的曲折。

因此,在理想情況下,我最終會得到一個像這樣的結果表

CustomerID Name CustomerStatus CustomerType FirstOrderID FirstOrderDate FirstBVTotal FirstItemCode FirstItemDesc FirstPriceType LastOrderID LastOrderDate LastBVTotal LastItemCode LastItemDesc LastPriceType ThreeMonthCount ThreeMonthTotal SixMonthCount SixtyMonthTotal TwelveMonthCount TwelveMonthTotal
512312 'Jane Doe'/span> 'Active' 'Retail' 13212 '2020-06-06' 50. 00 'Item1' 'Item 1 desc' 'Retail' 14321 '2021-09-01' 200. 00 'Item2' 'Item 2 desc' 'Retail' 45 4305。 00 76 8545.60 183 21542.95

如果您對如何優化或減少查詢有任何幫助和建議,以及您認為我做錯了什么,我們將非常感激。

P.S. 我不知道這個標題是否合適,也不知道我是否能夠在以后改變它,我已經有一段時間沒有用SO來題了。

更新

實際執行計劃

查詢1的實際執行計劃:
https://www.brentozar.com/pastetheplan/?id=SJd56RSmK

查詢2的實際執行計劃:
https://www.brentozar.com/pastetheplan/?id=BJ7QHk87Y

uj5u.com熱心網友回復:

我認為,對于這種型別的查詢,你需要記住兩個要點:

  • 使用視窗函式獲得良好性能的關鍵是不要引入不必要的排序。因此,雖然你可以使用ROW_NUMBER來獲得任一方向的第一順序,但你不應該使用另一個對立的ROW_NUMBER來獲得最后一個。而是使用LEAD來檢查下一行是否存在,從而告訴你這是否是最后一行。然后你可以使用條件聚合。
  • 通常有兩種方法來計算第一/最后一行:如上所述的行數解決方案,或者使用APPLY,它可以準確地挑選出你需要的行。 我認為對于OrderDetails,我們應該使用apply,因為每個客戶只有兩個訂單,我們需要找到。這確實需要很好的索引,所以如果OrderDetails沒有很好的索引,那么你可能也想換成一個行編號的解決方案。
    select
        c.CustomerID,
        c.FirstName   ' '   c.LastName  as Name,
        cs.CustomerStatusDescription as Status。
        ct.CustomerTypeDescription as Type,
        pv.Volume80 as G3。
        o.FirstOrderID,
        o.FirstOrderDate,
        o.FirstSubTotal,
        o.FirstCountry,
        fod.ItemCode as FirstItemCode,
        fod.ItemDescription as FirstItemDescription,
        fopt.PriceTypeDescription as FirstPriceTypeDescription,
        o.LastOrderID,
        o.LastOrderDate,
        o.LastSubTotal,
        o.LastCountry,
        lod.ItemCode as LastItemCode,
        lod.ItemDescription as LastItemDescription,
        lopt.PriceTypeDescription as LastPriceTypeDescription 
    from Customers c
    left join CustomerTypes ct on ct.CustomerTypeID= c.CustomerTypeID
    left join CustomerStatuses cs on cs.CustomerStatusID= c.CustomerStatusID
    left join PeriodVolumes pv on pv.CustomerID= c.CustomerID
      and pv.PeriodTypeID =  2
      and pv.PeriodID = (
        select top 1 PeriodID
        from Periods p
        where p.PeriodTypeID= 2
          and p.StartDate<= @now
          and p.EndDate>= @now
      )
    left join (
        select select o.CustomerID.
          o.CustomerID。
          min(case when rn = 1 then OrderID end) as FirstOrderId,
          min(case when rn = 1 then OrderDate end) as FirstOrderDate,
          min(case when rn = 1 then SubTotal end) as FirstSubTotal,
          min(case when rn = 1 then Country end) as FirstCountry,
          min(case when nx  null then OrderID end) as LastOrderId,
          min(case when nx  null then OrderDate end) as LastOrderDate,
          min(case when nx  null then SubTotal end) as LastSubTotal,
          min(case when nx  null then Country end) as LastCountry,
          count(case when o. OrderDate >= DATEADD(month, 3, GETDATE() then 1 end) as ThreeMonthCount,
          sum(case when o. OrderDate >= DATEADD(month, 3, GETDATE() then BusinessVolumeTotal end) as ThreeMonthTotal,
          count(case when o. OrderDate >= DATEADD(month, 6, GETDATE() then 1 end) as SixMonthCount,
          sum(case when o. OrderDate >= DATEADD(month, 6, GETDATE() then BusinessVolumeTotal end) as SixMonthTotal,
          count(case when o. OrderDate >= DATEADD(month, 12, GETDATE() then 1 end) as TwelveMonthCount,
          sum(case when o. OrderDate >= DATEADD(month, 12, GETDATE() then BusinessVolumeTotal end) as TwelveMonthTotal
        from (
            select *,
                ROW_NUMBER() over (partition by o. CustomerID order by OrderDate) as rn,
                LEAD(OrderID) over (partition by o. CustomerID order by OrderDate) as nx
            from Orders o
            where o.OrderStatusID >=  7
              and o. OrderTypeID in (1,4, 8, 11)
              and o.OrderDate >=@timeAgo
        ) o
        group by o.CustomerID
    ) o on o.CustomerID = c.CustomerID
    outer apply (
        select top 1
          od.ItemCode。
          od.ItemDescription
        from OrderDetails od
        訂單 by od.BusinessVolume desc
        where od.OrderID = o.FirstOrderId
    ) fod
    outer apply (
        select top 1
          od.ItemCode。
          od.ItemDescription
        from OrderDetails od
        訂單 by od.BusinessVolume desc
        where od.OrderID = o.LastOrderId
    ) 住宿
    left join PriceTypes fopt on fopt.PriceTypeID= o.FirstPriceTypeID 
    left join PriceTypes lopt on lopt.PriceTypeID= o.LastPriceTypeID 
    where c.CustomerStatusID in (1, 2)
      and c.CustomerTypeID in (2,3) 。
    

    我也要給你一個行編號的版本,因為從你的執行計劃來看,它實際上可能更好。你需要同時嘗試這兩種方法

    select c.CustomerID, c.FirstName ' ' c.LastName as Name, cs.CustomerStatusDescription as Status。 ct.CustomerTypeDescription as Type, pv.Volume80 as G3。 o.FirstOrderID, o.FirstOrderDate, o.FirstSubTotal, o.FirstCountry, o.FirstItemCode, o.FirstItemDescription, o.FirstPriceTypeDescription, o.LastOrderID, o.LastOrderDate, o.LastSubTotal, o.LastCountry, o.LastItemCode, o.LastItemDescription, o.LastPriceTypeDescription from Customers c left join CustomerTypes ct on ct.CustomerTypeID= c.CustomerTypeID left join CustomerStatuses cs on cs.CustomerStatusID= c.CustomerStatusID left join PeriodVolumes pv on pv.CustomerID= c.CustomerID and pv.PeriodTypeID = 2 and pv.PeriodID = ( select top 1 PeriodID from Periods p where p.PeriodTypeID= 2 and p.StartDate<= @now and p.EndDate>= @now ) left join ( select select o.CustomerID. o.CustomerID。 min(case when rn = 1 then o. OrderID end) as FirstOrderId, min(case when rn = 1 then o。 OrderDate end) as FirstOrderDate, min(case when rn = 1 then o。 SubTotal end) as FirstSubTotal, min(case when rn = 1 then o。 國家結束) as FirstCountry, min(case when rn = 1 then od。 專案代碼 end) as FirstItemCode, min(case when rn = 1 then od。 專案描述 end) as FirstItemDescription, min(case when rn = 1 then opt。 PriceTypeDescription end) as FirstPriceTypeDescription, min(case when nx null then o. OrderID end) as LastOrderId, min(case when nx null then o. OrderDate end) as LastOrderDate, min(case when nx null then o. SubTotal end) as LastSubTotal, min(case when nx null then o. 國家 結束) as LastCountry, min(case when nx null then od. 專案代碼 end) as LastItemCode, min(case when nx null then od. 專案描述 end) as LastItemDescription, min(case when nx null then opt.com PriceTypeDescription end) as LastPriceTypeDescription, count(case when o. OrderDate >= DATEADD(month, 3, GETDATE() then 1 end) as ThreeMonthCount, sum(case when o. OrderDate >= DATEADD(month, 3, GETDATE() then BusinessVolumeTotal end) as ThreeMonthTotal, count(case when o. OrderDate >= DATEADD(month, 6, GETDATE() then 1 end) as SixMonthCount, sum(case when o. OrderDate >= DATEADD(month, 6, GETDATE() then BusinessVolumeTotal end) as SixMonthTotal, count(case when o. OrderDate >= DATEADD(month, 12, GETDATE() then 1 end) as TwelveMonthCount, sum(case when o. OrderDate >= DATEADD(month, 12, GETDATE() then BusinessVolumeTotal end) as TwelveMonthTotal from ( select *, ROW_NUMBER() over (partition by o. CustomerID order by OrderDate) as rn, LEAD(OrderID) over (partition by o. CustomerID order by OrderDate) as nx from Orders o where o.OrderStatusID >= 7 and o. OrderTypeID in (1,4, 8, 11) and o.OrderDate >=@timeAgo ) o left join PriceTypes opt on opt.PriceTypeID = o.PriceTypeID join ( select *, ROW_NUMBER() over (partition by od. OrderID order by od.BusinessVolume desc) as rn from OrderDetails od ) od on od.OrderID = o.OrderId where rn = 1 or nx is null >。 ) o on o.CustomerID = c.CustomerID where c.CustomerStatusID in1,2) and c.CustomerTypeID in (2,3) 。

    良好的索引對于良好的性能是必不可少的。我希望在你的表上有大致如下的索引,無論是聚類的還是非聚類的(聚類的索引INCLUDE每一個其他的列都是自動的),如果需要,你顯然可以添加其他INCLUDE列:

    Customers (CustomerID) INCLUDE (FirstName, LastName)
    
    CustomerTypes (CustomerTypeID) INCLUDE (CustomerTypeDescription)
    
    CustomerStatuses (CustomerStatusID) INCLUDE (CustomerTypeDescription)
    
    PeriodVolumes (CustomerID) INCLUDE (Volume80)
    
    Periods (PeriodTypeID, StartDate, PeriodID) INCLUDE (EndDate) --可以互換Start和End。
    
    訂單 (CustomerID, OrderDate) 包括 (OrderStatusID, SubTotal, Country, BusinessVolumeTotal)
    
    OrderDetails (OrderID, BusinessVolume) INCLUDE (ItemCode ItemDescription)
    
    PriceTypes (PriceTypeID) INCLUDE (PriceTypeDescription)
    

    你應該仔細考慮INNERLEFT連接,因為優化器可以更容易地在INNER連接中移動。

    還要注意的是,DISTINCT不是一個函式,它是在整個列的集合上計算的。一般來說,我們可以認為,如果查詢中出現了DISTINCT,那么這個連接就沒有經過正確的思考。

    轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/323137.html

    標籤:

    上一篇:在一列中查找由另一列分組的不同數值

    下一篇:使用發布的var來觀察帶有Combine的Publisher中的開關情況

  • 標籤雲
    其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

    熱門瀏覽
    • IEEE1588PTP在數字化變電站時鐘同步方面的應用

      IEEE1588ptp在數字化變電站時鐘同步方面的應用 京準電子科技官微——ahjzsz 一、電力系統時間同步基本概況 隨著對IEC 61850標準研究的不斷深入,國內外學者提出基于IEC61850通信標準體系建設數字化變電站的發展思路。數字化變電站與常規變電站的顯著區別在于程序層傳統的電流/電壓互 ......

      uj5u.com 2020-09-10 03:51:52 more
    • HTTP request smuggling CL.TE

      CL.TE 簡介 前端通過Content-Length處理請求,通過反向代理或者負載均衡將請求轉發到后端,后端Transfer-Encoding優先級較高,以TE處理請求造成安全問題。 檢測 發送如下資料包 POST / HTTP/1.1 Host: ac391f7e1e9af821806e890 ......

      uj5u.com 2020-09-10 03:52:11 more
    • 網路滲透資料大全單——漏洞庫篇

      網路滲透資料大全單——漏洞庫篇漏洞庫 NVD ——美國國家漏洞庫 →http://nvd.nist.gov/。 CERT ——美國國家應急回應中心 →https://www.us-cert.gov/ OSVDB ——開源漏洞庫 →http://osvdb.org Bugtraq ——賽門鐵克 →ht ......

      uj5u.com 2020-09-10 03:52:15 more
    • 京準講述NTP時鐘服務器應用及原理

      京準講述NTP時鐘服務器應用及原理京準講述NTP時鐘服務器應用及原理 安徽京準電子科技官微——ahjzsz 北斗授時原理 授時是指接識訓通過某種方式獲得本地時間與北斗標準時間的鐘差,然后調整本地時鐘使時差控制在一定的精度范圍內。 衛星導航系統通常由三部分組成:導航授時衛星、地面檢測校正維護系統和用戶 ......

      uj5u.com 2020-09-10 03:52:25 more
    • 利用北斗衛星系統設計NTP網路時間服務器

      利用北斗衛星系統設計NTP網路時間服務器 利用北斗衛星系統設計NTP網路時間服務器 安徽京準電子科技官微——ahjzsz 概述 NTP網路時間服務器是一款支持NTP和SNTP網路時間同步協議,高精度、大容量、高品質的高科技時鐘產品。 NTP網路時間服務器設備采用冗余架構設計,高精度時鐘直接來源于北斗 ......

      uj5u.com 2020-09-10 03:52:35 more
    • 詳細解讀電力系統各種對時方式

      詳細解讀電力系統各種對時方式 詳細解讀電力系統各種對時方式 安徽京準電子科技官微——ahjzsz,更多資料請添加VX 衛星同步時鐘是我京準公司開發研制的應用衛星授時時技術的標準時間顯示和發送的裝置,該裝置以M國全球定位系統(GLOBAL POSITIONING SYSTEM,縮寫為GPS)或者我國北 ......

      uj5u.com 2020-09-10 03:52:45 more
    • 如何保證外包團隊接入企業內網安全

      不管企業規模的大小,只要企業想省錢,那么企業的某些服務就一定會采用外包的形式,然而看似美好又經濟的策略,其實也有不好的一面。下面我通過安全的角度來聊聊使用外包團的安全隱患問題。 先看看什么服務會使用外包的,最常見的就是話務/客服這種需要大量重復性、無技術性的服務,或者是一些銷售外包、特殊的職能外包等 ......

      uj5u.com 2020-09-10 03:52:57 more
    • PHP漏洞之【整型數字型SQL注入】

      0x01 什么是SQL注入 SQL是一種注入攻擊,通過前端帶入后端資料庫進行惡意的SQL陳述句查詢。 0x02 SQL整型注入原理 SQL注入一般發生在動態網站URL地址里,當然也會發生在其它地發,如登錄框等等也會存在注入,只要是和資料庫打交道的地方都有可能存在。 如這里http://192.168. ......

      uj5u.com 2020-09-10 03:55:40 more
    • [GXYCTF2019]禁止套娃

      git泄露獲取原始碼 使用GET傳參,引數為exp 經過三層過濾執行 第一層過濾偽協議,第二層過濾帶引數的函式,第三層過濾一些函式 preg_replace('/[a-z,_]+\((?R)?\)/', NULL, $_GET['exp'] (?R)參考當前正則運算式,相當于匹配函式里的引數 因此傳遞 ......

      uj5u.com 2020-09-10 03:56:07 more
    • 等保2.0實施流程

      流程 結論 ......

      uj5u.com 2020-09-10 03:56:16 more
    最新发布
    • 使用Django Rest framework搭建Blog

      在前面的Blog例子中我們使用的是GraphQL, 雖然GraphQL的使用處于上升趨勢,但是Rest API還是使用的更廣泛一些. 所以還是決定回到傳統的rest api framework上來, Django rest framework的官網上給了一個很好用的QuickStart, 我參考Qu ......

      uj5u.com 2023-04-20 08:17:54 more
    • 記錄-new Date() 我忍你很久了!

      這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 大家平時在開發的時候有沒被new Date()折磨過?就是它的諸多怪異的設定讓你每每用的時候,都可能不小心踩坑。造成程式意外出錯,卻一下子找不到問題出處,那叫一個煩透了…… 下面,我就列舉它的“四宗罪”及應用思考 可惡的四宗罪 1. Sa ......

      uj5u.com 2023-04-20 08:17:47 more
    • 使用Vue.js實作文字跑馬燈效果

      實作文字跑馬燈效果,首先用到 substring()截取 和 setInterval計時器 clearInterval()清除計時器 效果如下: 實作代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......

      uj5u.com 2023-04-20 08:12:31 more
    • JavaScript 運算子

      JavaScript 運算子/運算子 在 JavaScript 中,有一些運算子可以使代碼更簡潔、易讀和高效。以下是一些常見的運算子: 1、可選鏈運算子(optional chaining operator) ?.是可選鏈運算子(optional chaining operator)。?. 可選鏈操 ......

      uj5u.com 2023-04-20 08:02:25 more
    • CSS—相對單位rem

      一、概述 rem是一個相對長度單位,它的單位長度取決于根標簽html的字體尺寸。rem即root em的意思,中文翻譯為根em。瀏覽器的文本尺寸一般默認為16px,即默認情況下: 1rem = 16px rem布局原理:根據CSS媒體查詢功能,更改根標簽的字體尺寸,實作rem單位隨螢屏尺寸的變化,如 ......

      uj5u.com 2023-04-20 08:02:21 more
    • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

      好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

      uj5u.com 2023-04-20 08:01:50 more
    • 如何在 vue3 中使用 jsx/tsx?

      我們都知道,通常情況下我們使用 vue 大多都是用的 SFC(Signle File Component)單檔案組件模式,即一個組件就是一個檔案,但其實 Vue 也是支持使用 JSX 來撰寫組件的。這里不討論 SFC 和 JSX 的好壞,這個仁者見仁智者見智。本篇文章旨在帶領大家快速了解和使用 Vu ......

      uj5u.com 2023-04-20 08:01:37 more
    • 【Vue2.x原始碼系列06】計算屬性computed原理

      本章目標:計算屬性是如何實作的?計算屬性快取原理以及洋蔥模型的應用?在初始化Vue實體時,我們會給每個計算屬性都創建一個對應watcher,我們稱之為計算屬性watcher ......

      uj5u.com 2023-04-20 08:01:31 more
    • http1.1與http2.0

      一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

      uj5u.com 2023-04-20 08:01:10 more
    • http1.1與http2.0

      一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

      uj5u.com 2023-04-20 08:00:32 more