• <menu id="sssag"></menu>
  • <menu id="sssag"></menu>
  • 摘要: 前情 在前端開發需求中,為了方便用戶使用,經常需要通過點擊按鈕復制指定的某一段內容。 相關API Document.createRange() 返回一個Renge對象,通過Range對象可以選中文本。 // 選中id為test的元素的內容 const range = document.createR 閱讀全文
    posted @ 2022-03-11 19:58 !win ! 閱讀(90) 評論(0) 推薦(0) 編輯
    摘要: 前情 在前端開發需求中,經常需要獲取元素的尺寸位置相關的屬性,以往的做法是調用不同api獲取相關屬性的。 getBoundingClientRect介紹 getBoundingClientRect()方法返回元素的大小及其相對于視口的位置。 標準盒子模型:元素的尺寸等于width/height + 閱讀全文
    posted @ 2022-03-07 20:39 !win ! 閱讀(114) 評論(0) 推薦(1) 編輯
    摘要: 前情 在前端開發需求中,經常需要用到錨點功能,以往都是獲取元素在滾動容器中的位置再設置scrollTop來實現的。 scrollIntoView介紹 scrollIntoView()方法將調用它的元素滾動到瀏覽器窗口的可見區域 調用方式: var element = document.getElem 閱讀全文
    posted @ 2022-03-02 19:29 !win ! 閱讀(10) 評論(0) 推薦(0) 編輯
    摘要: 前情 最近在做需求開發時候,需要監聽表單的input事件 坑位 當通過JS動態修改表單的值的發現并不會觸發表單的input事件 Why? 個人猜測是瀏覽器默認行為,input只會針對用戶手動輸入做響應 解決方案 方式1 在JS動態修改表單域值的時候,可以手動觸發一下表單input事件 <!DOCTY 閱讀全文
    posted @ 2022-02-25 20:05 !win ! 閱讀(9) 評論(0) 推薦(0) 編輯
    摘要: 概述 Flex 是 Flexible Box 的縮寫,意為"彈性布局",用來為盒狀模型提供最大的靈活性 這也是我目前用的最多的一種布局方案,相比Grid布局此種布局方案相對較簡單,容易掌握性。而且兼容性也好過Grid 基本概念 容器和項目 采用 Flex 布局的元素,稱為 Flex 容器(flex 閱讀全文
    posted @ 2022-01-31 19:36 !win ! 閱讀(26) 評論(0) 推薦(0) 編輯
    摘要: 定義 Less (Leaner Style Sheets 的縮寫) 是一門向后兼容的 CSS 擴展語言,動態樣式語言。 使用方式 直接引入less.js文件 好處:能獲取客戶端的數據,從而進行進一步的計算 壞處:在客戶端解析Less,造成性能的浪費,不利于維護 Koala編譯器 每次都需要啟運軟件, 閱讀全文
    posted @ 2022-01-29 20:36 !win ! 閱讀(19) 評論(0) 推薦(0) 編輯
    摘要: 概述 網格布局(Grid)是最強大的 CSS 布局方案。 它將網頁劃分成一個個網格,可以任意組合不同的網格,做出各種各樣的布局。 Grid 布局與 Flex 布局有一定的相似性,都可以指定容器內部多個項目的位置。但是,它們也存在重大區別。Flex 布局是軸線布局,只能指定"項目"針對軸線的位置,可以 閱讀全文
    posted @ 2021-12-31 21:09 !win ! 閱讀(32) 評論(0) 推薦(0) 編輯
    摘要: 定義 分布式版本控制工具 Git四個工作區域 工作區(Working Directory):就是你平時存放項目代碼的地方 暫存區(Stage/Index):用于臨時存放你的改動,事實上它只是一個文件,保存即將提交到文件列表信息 資源庫(Repository或Git Directory)、本地倉庫:安 閱讀全文
    posted @ 2021-12-10 22:44 !win ! 閱讀(24) 評論(0) 推薦(0) 編輯
    摘要: 前情 公司有個桌面端項目是基于Electron開發的。 坑 上一次遇到npm install時安裝electron無法安裝,通過配置.npmrc文件解決了,今天在在執行npm run build的時候一直報如下面的錯,npmrc也無效 nsis-resources-3.4.1.7z下載報錯:http 閱讀全文
    posted @ 2021-12-09 19:09 !win ! 閱讀(56) 評論(0) 推薦(0) 編輯
    摘要: 前情 在前端開發越來越復雜的今天,越來越需要一些設計模式來提高開發質量和效率 定義 適配器模式(Adapter Pattern)是作為兩個不兼容的接口之間的橋梁。這種類型的設計模式屬于結構型模式,它結合了兩個獨立接口的功能。 這種模式涉及到一個單一的類,該類負責加入獨立的或不兼容的接口功能。舉個真實 閱讀全文
    posted @ 2021-12-07 20:12 !win ! 閱讀(47) 評論(0) 推薦(0) 編輯
    国产在线码观看超清无码视频,人妻精品动漫H无码,十大看黄台高清视频,国产在线无码视频一区二区三区,国产男女乱婬真视频免费,免费看女人的隐私超爽,狠狠色狠狠色综合久久蜜芽