原创 JS基礎知識學習--真題總結

JS真題 題目一 1. var和let const的區別 答: var是ES5語法,let、const是ES6語法; var有變量提升 var和let是變量,可修改; const是常量,不可修改; let、const有

原创 JS 性能優化:防抖(debounce)、節流(throttle)

一、防抖(debounce) const title = document.getElementById('title') // let timer = null // title.addEventListener('keyup'

原创 將本地文件上傳到Linux服務器,scp命令

scp 源文件 目的服務器用戶名@目的服務器IP:目的服務器路徑 scp * [email protected]:/etc/nginx/cert/os.jiailing.com/

原创 自己實現call、apply、bind方法

一、實現call方法 代碼: Function.prototype.myCall = function (context) { if(context == null){ context = window; }

原创 JS中FormData類實現文件上傳

上篇文章講到了FormReader類實現文件上傳,但是那是HTML5的新特性,在不支持H5的瀏覽器上則無法使用。這次介紹一個JS的普通類FormData,在不支持H5瀏覽器環境下也可以文件上傳和預覽,並且還能監控上傳進度。 案例

原创 原生js使用XMLHTTPRequest對象實現ajax函數封裝

XMLHTTPRequest對象實現ajax函數封裝 function ajax (options) { var defaults = { type: 'get', url: '', data: {},

原创 原生JS中FileReader類實現文件上傳時的及時預覽功能

測試圖片也用我啵的美照~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=

原创 JS預解析

JS預解析 一、預解析的相關概念(ES5) JavaScript 代碼是由瀏覽器中的 JavaScript 解析器來執行的。 JavaScript 解析器在運行 JavaScript 代碼的時候分爲兩步: ​ 預解析和代碼執行。

原创 CSS3-3D動畫製作旋轉立方體

CSS3-3D動畫製作旋轉立方體 3D動畫是CSS3纔有的屬性,製作立方體的思路是使用6個正方形div,通過絕對定位+旋轉+位移來合成一個立方體。然後再使父親旋轉。 旋轉後的面會變成新的X-Y面,旋轉後Z軸和位移是對新的面來

原创 CSS3 transition屬性 實現過渡動畫效果

CSS3:transition屬性 transition: 要過渡的屬性 花費時間 運動曲線 何時開始; <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UT

原创 PAT-Top-1002 Business (35分) 動態規劃(0-1揹包)

1002 Business (35分) 題目傳送門:1002 Business (35分) 一、題目大意 任務調度·· 二、解題思路 剛開始用dfs超時了···然後參考了某位網友的思路,使用動態規劃寫出來了 參考題解:https:

原创 PAT-Top-1003 Universal Travel Sites (35分)網絡流最大流

1003 Universal Travel Sites (35分) 題目傳送門:1003 Universal Travel Sites (35分) 一、題目大意 二、解題思路 網絡流問題,第一次嘗試,看了劉汝佳的《算法競賽入門經典

原创 PAT-Top-1004 To Buy or Not to Buy - Hard Version (35分)

1004 To Buy or Not to Buy - Hard Version (35分) 題目傳送門:1004 To Buy or Not to Buy - Hard Version (35分) 一、題目大意 二、解題思路 d

原创 PAT-Top-1001 Battle Over Cities - Hard Version (35分)最小生成樹

1001 Battle Over Cities - Hard Version (35分) 題目傳送門:1001 Battle Over Cities - Hard Version (35分) 一、題目大意 被敵人佔領的城市,與這個