原创 Antd pro項目中添加音頻文件

首先使用 <audio> 標籤實現音頻插入。 <audio src={cableNormal} autoPlay loop> Your browser does not support the audio element

原创 瀏覽器環境概述

瀏覽器環境概述 1. 代碼嵌入網頁的方法 網頁中嵌入 JavaScript 代碼,主要有四種方法。 <script>元素直接嵌入代碼。 <script id="mydata" type="x-custom-data"> c

原创 ES6知識點筆記

什麼是ES6 1.ECMAScript與JavaScript ECMAScript是JavaScript的規範、標準,ECMAScript由ECMA制定,JavaScript由Netscape 公司創造。 2.ES6與ECMASc

原创 umi入門

umi入門 1. 什麼是umi Umi,中文可發音爲烏米,是可擴展的企業級前端應用框架。Umi 以路由爲基礎的,同時支持配置式路由和約定式路由,保證路由的功能完備,並以此進行功能擴展。然後配以生命週期完善的插件體系,覆蓋從源碼到構

原创 移動端Flex佈局

flex佈局 首先,在父組件中添加 diaplay:flex; 常見屬性 flex-direction 設置主軸的方向 justify-content 設置主軸上的子元素排列方式 (使用此屬性前先確定主軸方向) flex-w

原创 Flutter對手機狀態欄設置

Flutter對手機狀態欄設置 1.導入 import 'package:flutter/services.dart'; 2.隱藏狀態欄 在main()函數中添加 SystemChrome.setEnabledSyst

原创 CSS 因外邊距摺疊引發的血案

1. 外邊距摺疊        垂直方向上的兩個外邊距相遇時,會摺疊成一個外邊距,摺疊後的外邊距高度等於兩者中的較大值。 外邊距摺疊發生條件 外邊距摺疊存在兩種情況 兄弟外邊距摺疊 以下情況會發生外邊距摺疊 <div clas

原创 瀏覽器滑動條設置

CSS瀏覽器滾動條設置 CSS滾動條選擇器 可以使用以下僞元素選擇器修改webkit瀏覽器的滾動條樣式: ::-webkit-scrollbar — 整個滾動條. ::-webkit-scrollbar-button — 滾動條

原创 Antd Pro v4入門

Antd Pro v4入門 什麼是Ant Design Pro Ant Design Pro 是一個企業級中後臺前端/設計解決方案,我們秉承 Ant Design 的設計價值觀,致力於在設計規範和基礎組件的基礎上,繼續向上構建,提

原创 有效的括號——LeetCode刷題系列

給定一個只包括 '(',')','{','}','[',']' 的字符串,判斷字符串是否有效。 有效字符串需滿足: 1.左括號必須用相同類型的右括號閉合。 2.左括號必須以正確的順序閉合。 3.注意空字符串可被認爲是有效字符串。

原创 Ant Design Pro V5初體驗

      上星期開始了一個基於 Ant Design Pro 的項目,使用create umi構建項目發現 src 中的 layouts 和 models 都不見鳥,心中默唸umi又有bug了,但是跑起來後發現可以正常運行,而且

原创 Ant Design Pro 使用總結(ProTable)

1. 通過 actionRef 進行表單刷新 //首先聲明 const actionRef = useRef<ActionType>(); //在Protable中綁定屬性 actionRef={actionRef} //在

原创 搜索旋轉排序數組——LeetCode刷題系列

搜索旋轉排序數組——LeetCode刷題系列 假設按照升序排序的數組在預先未知的某個點上進行了旋轉。 ( 例如,數組 [0,1,2,4,5,6,7] 可能變爲 [4,5,6,7,0,1,2] )。 搜索一個給定的目標值,如果數組中

原创 Git&Github使用入門

Git&Github使用入門 使用git將本地文件上傳到github倉庫 首先配置個人的用戶名稱和電子郵件地址: $ git config --global user.name "你的github用戶名" $ git config

原创 vscode文件名右側字母含義

A: 新增的文件. C: 文件的一個新拷貝. D: 刪除的一個文件. M: 文件的內容或者mode被修改了. R: 文件名被修改了。 T: 文件的類型被修改了。 U: 文件沒有被合併(你需要完成合並才能進行提交) X: 未知狀態