API

lsxiao 發(fā)布于2019-08-21 18:25 / 2607人閱讀

摘要：是一個(gè)極度純凈的上傳插件，通過簡單調(diào)整就可以融入到任何項(xiàng)目，支持多文件上傳上傳速率動(dòng)態(tài)控制真實(shí)進(jìn)度監(jiān)控分塊生成分塊上傳校驗(yàn)秒傳暫停取消等。

跨域?qū)W習(xí)筆記

前言: 當(dāng)一個(gè)資源，向與之所在服務(wù)器不同的域或端口請(qǐng)求另一個(gè)資源時(shí)，這個(gè)HTTP請(qǐng)求，我們認(rèn)為是跨域的請(qǐng)求。出于安全考慮，瀏覽器會(huì)限制腳本發(fā)起的跨域HTTP請(qǐng)求。那天后端讓我把token放到http請(qǐng)求頭字段里，說是為了和RN端統(tǒng)一，在此之前我都是放在請(qǐng)求體或者URL里的。于…

webpack全教程，收啦

gka一簡單的、高效的幀動(dòng)畫生成工具

歡迎使用或建議

這些JavaScript編程黑科技，裝逼指南，高逼格代碼，讓你驚嘆不已

莫裝逼、白了少年頭，2333。。。

SVG全攻略（進(jìn)階篇）

SVG全面介紹下

淺析 Hexo 搭建博客的原理

一直在用 Hexo 寫博客，但是對(duì)其原理并不是很清晰，在網(wǎng)上找了一些資料，對(duì) Hexo 有了新的認(rèn)識(shí)，現(xiàn)在就來記錄一下使用 Hexo + github pages 搭建博客記得剛開始知道 Hexo + github pages 搭建博客是在 2016 年，那時(shí)候，閨蜜非常激動(dòng)…

「前端那些事兒」② 極限性能優(yōu)化

然而前端優(yōu)化策略卻是一件老生常談的問題，百度一把大量的博文，曾拜讀過張成文大大的《現(xiàn)代前端技術(shù)解析》，關(guān)于前端知識(shí)體系與架構(gòu)思維的一本書，里面有一章講到前端優(yōu)化策略，前人總結(jié)的較為全面，自知能補(bǔ)充的內(nèi)容也不多，索性添添簡簡做一個(gè)優(yōu)化速查列表，以便后期回讀，同大家分享。 PC端優(yōu)…

好用的前端API備忘錄

記住所有API幾乎是不可能的，這時(shí)候你需要一份備忘錄！下面是我收集的最棒的前端備忘錄。

捋一捋容易被忽略的API用法

Date 獲取某月的天數(shù) 下一月的第0天就是當(dāng)前月的最后一天。 function daysInMonth(year, month) { let date = new Date(year, month + 1, 0); return date.getDate(); } // 注意在…

說一下性能優(yōu)化

性能優(yōu)化是一個(gè)老生長談的事情，我們?cè)谡f性能優(yōu)化的時(shí)候, 到底在說什么?

【源碼拾遺】axios —— 極簡封裝的藝術(shù)

本文分析了axios是如何通過樸素而簡單的方式，實(shí)現(xiàn)了網(wǎng)絡(luò)請(qǐng)求封裝中的各種擴(kuò)展功能的

localStorage 還能這么用

只知道用 localStorage 存儲(chǔ)鍵值對(duì)，那你就 out 了

anyupload是一個(gè)極度純凈的上傳插件，通過簡單調(diào)整就可以融入到任何項(xiàng)目，支持多文件上傳、上傳速率動(dòng)態(tài)控制、真實(shí)進(jìn)度監(jiān)控kb/s、分塊生成MD5、分塊上傳、MD5校驗(yàn)秒傳、暫停、取消等。

anyupload是一個(gè)極度純凈的上傳插件，通過簡單調(diào)整就可以融入到任何項(xiàng)目，支持多文件上傳、上傳速率動(dòng)態(tài)控制、真實(shí)進(jìn)度監(jiān)控kb/s、分塊生成MD5、分塊上傳、MD5校驗(yàn)秒傳、暫停、取消等。
https://www.threecss.com/AnyU...

使用 Headless Chrome 進(jìn)行自動(dòng)化測試

本文翻譯自：Automated testing with Headless Chrome 作者：Eric Bidelman (Google 工程師) 譯者：justjavac 如果您想使用 Headless Chrome 進(jìn)行自動(dòng)測試，請(qǐng)不要再觀望了！本文將教你如何使用 Karm…

[[譯] 這個(gè)API很“迷人”—— (新的 Fetch API)](https://juejin.im/entry/59891...

JavaScript 通過 XMLHttpRequest(XHR) 來執(zhí)行異步請(qǐng)求，這個(gè)方式已經(jīng)存在了很長一段時(shí)間。雖說它很有用，但它不是最佳 API。它在設(shè)計(jì)上不符合職責(zé)分離原則，將輸入、輸出和用事件來跟蹤的狀態(tài)混雜在一個(gè)對(duì)象里。而且，基于事件的模型與最近 JavaScript 流行的 Promise 以及基于生成器的異步編程模型不太搭（事件模型在處理異步上有點(diǎn)過時(shí)了 —— 譯者注）。

網(wǎng)頁轉(zhuǎn) PDF

將網(wǎng)頁轉(zhuǎn)換為 PDF 的過程記錄。

懶加載和預(yù)加載

懶加載也就是延遲加載。
當(dāng)訪問一個(gè)頁面的時(shí)候，先把img元素或是其他元素的背景圖片路徑替換成一張大小為1*1px圖片的路徑（這樣就只需請(qǐng)求一次，俗稱占位圖），只有當(dāng)圖片出現(xiàn)在瀏覽器的可視區(qū)域內(nèi)時(shí)，才設(shè)置圖片正真的路徑，讓圖片顯示出來。這就是圖片懶加載。
很多頁面，內(nèi)容很豐富，頁…

HTML5+JS 拖拽與點(diǎn)擊上傳

目前 GET 到的 HTML5 文件上傳

history API 和錨點(diǎn)鏈接在單頁應(yīng)用頁面切換中的應(yīng)用

Ajax的流行和前端MVVM框架的快速發(fā)展給Web開發(fā)帶來了極大的便利，也讓W(xué)eb應(yīng)用體驗(yàn)越來越好，近些年單頁應(yīng)用也隨之流行起來。Ajax的應(yīng)用可以讓網(wǎng)頁實(shí)現(xiàn)無刷新更新數(shù)據(jù)，但其也會(huì)造成瀏覽器無法前進(jìn)和后退（瀏覽器和手機(jī)的物理返回鍵）的問題。早期這個(gè)問題通常是借助iframe來…

前端本地文件操作與上傳

第一種是最常用的手段，通常還會(huì)自定義一個(gè)按鈕，然后蓋在它上面，因?yàn)閠ype="file"的input不好改變樣式。如下代碼寫一個(gè)選擇控件，并放在form里面：可以看到文件的路徑是一個(gè)假的路徑，也就是說在瀏覽器無法獲取到文件的真實(shí)存放位置。同時(shí)FormData打印出來是一個(gè)空的…

打造自己的JavaScript武器庫

作為戰(zhàn)斗在業(yè)務(wù)一線的前端，要想少加班，就要想辦法提高工作效率。這里提一個(gè)小點(diǎn)，我們?cè)跇I(yè)務(wù)開發(fā)過程中，經(jīng)常會(huì)重復(fù)用到日期格式化、url參數(shù)轉(zhuǎn)對(duì)象、瀏覽器類型判斷、節(jié)流函數(shù)等一類函數(shù)，這些工具類函數(shù)，基本上在每個(gè)項(xiàng)目都會(huì)用到，為避免不同項(xiàng)目多次復(fù)制粘貼的麻煩，我們可以統(tǒng)一封裝，發(fā)布…

網(wǎng)站性能優(yōu)化實(shí)踐總結(jié)

網(wǎng)站性能優(yōu)化實(shí)踐總結(jié)

CSS 新屬性 contain: 允許開發(fā)者限定瀏覽器 style、layout、paint 的工作范圍

來自 justjavac 的「你可能不知道的前端知識(shí)點(diǎn)」

媽媽再也不用擔(dān)心我不會(huì)webpack了

webpack前端工程中扮演的角色越來越重要，它也是前端工程化很重要的一環(huán)。本文將和大家一起按照項(xiàng)目流程學(xué)習(xí)使用wbepack，媽媽再也不用擔(dān)心我不會(huì)使用webpack，哪里不會(huì)看哪里。這是一個(gè)由淺入深的文章。現(xiàn)在vue、react等腳手架都會(huì)自動(dòng)將開發(fā)環(huán)境使用的webpac…

HTML5 一些有用的 APIs

HTML5 一些有用的 APIs

能讓你開發(fā)效率翻倍的 VSCode 插件配置（上）

工欲善其事必先利其器，軟件工程師每天打交道最多的可能就是編輯器了。入行幾年來，先后折騰過的編輯器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode，現(xiàn)在仍高頻使用的就是 …

一鍵集成懸浮按鈕；注解配置測試頁面：開發(fā)過程配置輔助小工具，

開發(fā)過程輔助工具，QA/Debug Tool

一行代碼，就能在當(dāng)前頁面出現(xiàn)懸浮窗，點(diǎn)擊懸浮窗可以出來功能測試頁面；

測試的頁面可以使用注解來實(shí)現(xiàn)，無需關(guān)心布局，只關(guān)心要測試的功能；

HTML5 桌面通知：Notification API

Notification API 是 HTML5 新增的桌面通知 API，用于向用戶顯示通知信息。該通知是脫離瀏覽器的，即使用戶沒有停留在當(dāng)前標(biāo)簽頁，甚至最小化了瀏覽器，該通知信息也一樣會(huì)置頂顯示出來。想要向用戶顯示通知消息，需要獲取用戶權(quán)限，而相同的域名只需要獲取一次權(quán)限。…

BetterScroll：可能是目前最好用的移動(dòng)端滾動(dòng)插件

作者：滴滴webapp架構(gòu)組-付楠 BetterScroll 是一款重點(diǎn)解決移動(dòng)端各種滾動(dòng)場景需求的開源插件（GitHub地址），適用于滾動(dòng)列表、選擇器、輪播圖、索引列表、開屏引導(dǎo)等應(yīng)用場景。為了滿足這些場景，它不僅支持慣性滾動(dòng)、邊界回彈、滾動(dòng)條淡入淡出等效果的靈活配置，讓滾動(dòng)…

前端性能優(yōu)化

工作中遇到的一些前端性能問題，及對(duì)應(yīng)的解決方案

web前端資源文件的部署和優(yōu)化

現(xiàn)在網(wǎng)上也有很多關(guān)于前端文件加載的性能優(yōu)化，我相信大部分的前端程序猿，應(yīng)該都聽說過雅虎的14條優(yōu)化原則 1. 盡可能的減少 HTTP 的請(qǐng)求數(shù) content 2. 使用 CDN（Content Delivery Network） server 3. 添加 Expires 頭(或…

Mockjs,再也不用追著后端小伙伴要接口了

相信大家都存在這樣的一個(gè)困擾,在前后端分離的大環(huán)境下, 前端需要后端的接口去完成頁面的渲染, 但是大部分的情況下,前后端需要同時(shí)進(jìn)行開發(fā), 這種情況下,后端還沒完成數(shù)據(jù)輸出，前端只好寫靜態(tài)模擬數(shù)據(jù)。那么問題就來了數(shù)據(jù)太長了，將數(shù)據(jù)寫在js文件里，完成后挨個(gè)改url。某些邏輯…

瀏覽器兼容性問題解決方案 · 總結(jié)

普及：瀏覽器的兼容性問題，往往是個(gè)別瀏覽器（沒錯(cuò)，就是那個(gè)與眾不同的瀏覽器）對(duì)于一些標(biāo)準(zhǔn)的定義不一致導(dǎo)致的。俗話說：沒有IE就沒有傷害。貼士：內(nèi)容都是自己總結(jié)的，不免會(huì)出現(xiàn)錯(cuò)誤或者bug，歡迎更正和補(bǔ)充，本帖也會(huì)不斷更新。 Normalize.css 不同瀏覽器的默認(rèn)樣式存在差…

大話WEB前端性能優(yōu)化基本套路

前端性能優(yōu)化這是一個(gè)老生常談的話題，但是還是有很多人沒有真正的重視起來，或者說還沒有產(chǎn)生這種意識(shí)。

當(dāng)用戶打開頁面，首屏加載速度越慢，流失用戶的概率就越大，在體驗(yàn)產(chǎn)品的時(shí)候性能和交互對(duì)用戶的影響是最直接的，推廣拉新是一門藝術(shù)，用戶的留存是一門技術(shù)，拉進(jìn)來留住用戶，產(chǎn)品體驗(yàn)很關(guān)鍵，這里我以美柚的頁面為例子，用實(shí)例展開說明前端優(yōu)化的基本套路（適合新手上車）

最全正則表達(dá)式總結(jié)：驗(yàn)證QQ號(hào)、手機(jī)號(hào)、Email、中文、郵編、身份證、IP地址等

RegExp 是正則表達(dá)式（Regular expression）的縮寫，作用是對(duì)字符串執(zhí)行模式匹配。

通常用于格式驗(yàn)證、正則替換、查找子串等

各種編程語言的正則表達(dá)式基本相同，不同的語言可能會(huì)有一些細(xì)小的差別

前端性能優(yōu)化的常用手段

反正，前端性能優(yōu)化就是很重要，不好好學(xué)習(xí)怎么進(jìn)階到20K+的薪水啊？！性能優(yōu)化方面一直有所關(guān)注，但如果不去對(duì)自己所負(fù)責(zé)的項(xiàng)目進(jìn)行一下回鍋，實(shí)踐實(shí)踐，優(yōu)化優(yōu)化，總會(huì)有點(diǎn)“書上得來終覺淺”的感覺吧！從最開始的CSS放到里面、js放到前面、使用雪碧圖等，到…

html5 postMessage解決跨域、跨窗口消息傳遞

html5引入的message的API可以更方便、有效、安全的解決這些難題。postMessage()方法允許來自不同源的腳本采用異步方式進(jìn)行有限的通信，可以實(shí)現(xiàn)跨文本檔、多窗口、跨域消息傳遞。

簡單易用的開源 JavaScript 動(dòng)畫圖標(biāo)庫 -- Titanic

如果你用過 Font Awesome 等圖標(biāo)，你可能會(huì)覺得它們很好看，用起來很很方便。但是，在用戶點(diǎn)擊這些圖標(biāo)的時(shí)候，它們是不會(huì)有反應(yīng)的。如果有這些圖標(biāo)會(huì)動(dòng)的話，那就更加好。 Titanic 提供一系列的動(dòng)畫圖標(biāo)，以及以 JavaScript 的調(diào)用圖標(biāo)動(dòng)畫的方法。

如果你想要看 Hello, World 的版本的話，你可以到我的 Codepen 里面，測試一下。