Javascript filter函式,可以幫助我們過濾一個陣列中符合條件的元素,若不符合則刪除。不更改原陣列,而回傳新陣列。 filter 函式,接受一個 callback 函式,callback 可以有三個參數(element, index, array), element:陣列元素的值。 index:陣列元素的所在位置。 arr:已經過 filter 處理的陣列 過濾陣列中值小於10的元素 var numbers = [20, 10, 9, 25, 1, 3, 8, 11]; var result =...
Javascript 如何從fetch返回Promise取到[[PromiseValue]]值
如下將fetch寫成函數,返回值時會發現,控制台顯示我的數據Promise {[[PromiseStatus]]: "resolved", [[PromiseValue]],這樣的方式要如何取得資料來應用呢?。 將提取api fetch寫成函式調用 function apiGetAll (api) { return fetch(api, { headers: { content-type: application/json } }) .then(response =>...
CSS Flex圖片固定區塊高度寬度垂直左右置中
利用CSS Flex將圖片高寬度max100%對應外部區塊,上下垂直左右置中顯示於區塊中,這樣一來不管圖片大小多大,圖片都能正常比例完整顯示於區塊中。 注意:Flex只支援較新的瀏覽器。 HTML <div class="box"> <img class="imgcenter" src="http://p3.pstatp.com/origin/2ee200021b01de8df129"></img> </div> CSS...
如何用Chrome將電腦PC螢幕投放投影在電視上Android TV
如要在電視上顯示 Chrome 的內容,請備妥下列項目: Chromecast、Chromecast Ultra 或內建 Chromecast 的電視。 符合最低系統需求的電腦和 Wi-Fi 網路。 您的電腦必須具備 Chrome 瀏覽器。(如果您尚未擁有符合版本要求的 Chrome,請下載或更新版本) 將電腦和 Chromecast 裝置連上相同的 Wi-Fi 網路。 以上確認沒問題後按照下列步驟就可使用電腦上的Chrome遊覽器投放電腦畫面至裝有Chromecast電視(或是內建Chromecast電視盒)。 投放...
使用Javascript將HTML表格table轉換輸出Excel xlsx、xls、csv、txt電子檔
TableExport.js 簡單易用的Javascript插件,允許您只在一行代碼,會自動產生輸出Excel、txt、csv按鈕,快速動態地將HTML表格轉換為Excel電子表格 .xls .xlsx,逗號分隔值.csv和純文本 .txt。 下載和設置 使用<script>標籤手動安裝 要使用此插件,請在HTML文檔的結束標記之前包含jQuery庫,FileSaver.js腳本和 TableExport.js插件<body>: <script...
React Router有子路由使用IndexRoute設定首頁
IndexRoute 在我們的應用中,如果訪問/ ,只會顯示一個空白頁。而我們的理想情況是先一個Home頁,所以我們先建立一個Home組件,再去講接下來怎麼做。新建文件modules/Home.js並添加代碼: // modules/Home.js import React from 'react' export default React.createClass({ render() { return <div>~~男神女神~~</div> } })...
VSCode windows 版本基本常用快捷鍵
VSCode移動整行字串 ALT + ↑ 或 Alt + ↓ VSCode快速複製這一行 直接alt + shift + ↑ or ↓ ,則會在上方或下方馬上複製一行!若反白多行後按alt + shift + ↑ or ↓,則是上方或下方複製多行。 alt + shift + ↑ or ↓ VSCode同時選取相同名稱的字串 需要統一修改特定的字串時,可以先選取其中一個,再透過下面的方式選取同樣的字串,就能一次修改 Ctrl + Shift + L...
如何使用javascript、jQuery當點擊DIV區塊外部背景將其DIV隱藏
使用Javascript 最流行的答案是沒有jQuery的解決方案: 該Node.contains()方法返回一個Boolean值,該值指示節點是否是給定節點的後代,即節點本身,其直接子節點之一(childNodes),子節點直接子節點之一等等。 document.addEventListener('mouseup', function (e) { var container = document.getElementById('your container ID'); if...
如何在VSCode中格式化代碼自動排版快捷鍵
VSCode中的代碼格式通過以下快捷方式提供: 在Windows Shift + Alt + 上F 在Mac Shift + Option + 上F 在Ubuntu Ctrl + Shift + 上I 或者,您可以通過編輯器中使用Ctrl + Shift + P(或Mac上的Command + Shift + P)提供的搜索功能找到快捷方式以及其他快捷方式,然後搜索格式文檔。 相關文章:VSCode windows 版本基本常用快捷鍵 儲存檔案自動格式化...