在瀏覽器測試JavaScript的方法 JSFiddle Cross Browser Testing Tool Karam + Jasmine + Google Chrome CodePen JSBin Liveweave 測試JavaScript是一件很痛苦的事情。很多工具、技術和框架已經被開發出 ...
索引:對象或數組的對應位置的名字 數組的索引就是 number 類型的 0,1,2,3... 對象的索引就是 string 類型的屬性名 數字索引簽名:通過定義介面用來約束數組 type numberIndex{ [index:number]:string } const testArray:num ...
in操作符作用: 遍歷類型 基本用法 type roles = "tester" | "developer" | "manager"; const staffCount: { [k in roles]: number } = { tester: 100, developer: 200, manage ...
/* 下述代碼近供參考 水仙花數是指一個3位數，它的每個位上的數字3次冪之和等於它本身。 例如：（1的3次方+5的3次方+3的3次方=153），請列印所有的水仙花數。 */ // 第一種方式 for(var a=0;a<10;a++) { for(var b=0;b<10;b++) { for( v ...
一、引言 繼上次實現文件上傳功能後，產品經理又提出了新的需求：上傳圖片預覽及進度條效果。本次就來搞定這個功能，這次開發基於上次的隨筆，需要的小伙伴們自取 -- 如何使用Ajax實現簡單的文件上傳。 二、瞭解原理 要想實現文件預覽效果，這裡使用的是 FileReader 對象。使用它的 readAsD ...
堆積了兩天一起發的，先祝大家節日快樂 後面任務很繁重，還有登錄註冊組件還有後臺管理頁面，真的繁重，我現在感覺每天全天時間都在學都不一定學得完，主要想在六月一號之前把整個項目過一遍。看看能不能創造奇跡 一.防抖和節流 拋出一個問題，就是我們的三級聯動，正常情況你慢慢的去滑動是沒有bug的，但是當你快速 ...
索引:對象或數組的對應位置的名字 數組的索引就是 number 類型的 0,1,2,3... 對象的索引就是 string 類型的屬性名 數字索引簽名:通過定義介面用來約束數組 type numberIndex{ [index:number]:string } const testArray:num ...
背景 如今的前端是一個涉獵領域很廣的職業。作為一名前端，我們不僅要開發管理系統、數據中台、還要應對年報開發、節日活動等場景。不僅要會增刪改查，編寫表單，還要具備開發動畫、H5 游戲等能力。能做出很 Cool 的動畫效果，也是一種前端特有的成就感。所以，我們從動畫的實現方法入手，瞭解瀏覽器的渲染，以及 ...
1 var a,b,c,swap; 2 a=+prompt(); 3 b=+prompt(); 4 c=+prompt(); 5 //冒泡排序：最壞情況：比較n*(n-1)/2輪，以下是3個數比較,考慮最壞情況要比較3輪 6 if(a>b) 7 { 8 swap=a;//判斷表達式中：第一個值>第二 ...
前端處理二進位流數據--轉下載 導言 因業務需要，實現分類導出功能。篩選導出一定條件的數據，後端處理成Excle數據流，前端實現導出下載。 實現 方法一 將條件格式化成key=value&...文本格式，接到<a>標簽url介面之後，每當點擊導出按鈕的時候，創建一個<a>標簽，寫入介面地址+ ...
在 CSS 選擇器家族中，新增這樣一類比較新的選擇器 -- 邏輯選擇器，目前共有 4 名成員： :is :where :not :has 本文將帶領大家瞭解、深入它們。做到學以致用，寫出更現代化的選擇器。 :is 偽類選擇器 :is() CSS偽類函數將選擇器列表作為參數，並選擇該列表中任意一個選擇 ...
DOM DOM document Object Model 文檔對象模型 // 整個html文檔,會保存一個文檔對象document // console.log( document ); // 獲取當前文檔的對象 查找標簽 直接查找 document.getElementsByTagName("標 ...
常用事件 onload <script> window.onload = function () { ele = document.getElementById("i") console.log(ele.innerHTML); } </script> </head> <body> <div clas ...
現在正式回歸，開始好好做項目了，正好這一個項目也開始慢慢的開始起色了，前面的準備工作都做的差不多了。 而且我現在也開始慢慢瞭解到了一些項目才開始需要的一些什麼東西了，vuex、router這些都是必備的，後期一定要練得非常熟練才行。 一.重寫push/replace方法 有一個編程式導航的bug，當 ...
前端周刊：2022-7 期 前端開發 videojs-plugin-source-switcher videojs 視頻源切換插件 前端工具箱-免費的 SVG 圖像和圖標 所有內容均在 Creative Commons CC0 下發佈 es6-模塊與-commonjs-模塊的差異 CommonJS ...
完整項目地址： [email protected]:xsk-walter/myPromise.git // index.js /* 1. Promise 就是一個類 在執行這個類的時候 需要傳遞一個執行器進去 執行器會立即執行 2. Promise 中有三種狀態 分別為 成功 fulfilled 失敗 r ...
BOM BOM:Broswer object model,即瀏覽器提供我們開發者在javascript用於操作瀏覽器的對象。 BOM就是瀏覽器對象模型 BOM提供了一些獨立於內容頁面與瀏覽器視窗進行交互的對象介面 BOM的核心是window對象,所以window一般在書寫時是可以省略的. BOM其實 ...
本文對 CSS 中有關大小的四種自適應大小表現進行瞭解釋與區別，它們分別是 fit-content, min-content, max-content, fill-available。相對而言，本文較為嚴謹，即儘量地無遺漏、無歧義。在嚴謹的同時，也做到儘可能通俗易懂。 ...