API

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

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

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

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

webpack全教程，收啦

gka一簡單的、高效的幀動畫生成工具

歡迎使用或建議

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

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

SVG全攻略（進階篇）

SVG全面介紹下

淺析 Hexo 搭建博客的原理

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

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

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

好用的前端API備忘錄

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

捋一捋容易被忽略的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)化是一個老生長談的事情，我們在說性能優(yōu)化的時候, 到底在說什么?

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

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

localStorage 還能這么用

只知道用 localStorage 存儲鍵值對，那你就 out 了

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

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

使用 Headless Chrome 進行自動化測試

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

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

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

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

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

懶加載和預(yù)加載

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

HTML5+JS 拖拽與點擊上傳

目前 GET 到的 HTML5 文件上傳

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

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

前端本地文件操作與上傳

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

打造自己的JavaScript武器庫

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

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

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

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

來自 justjavac 的「你可能不知道的前端知識點」

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

webpack前端工程中扮演的角色越來越重要，它也是前端工程化很重要的一環(huán)。本文將和大家一起按照項目流程學(xué)習(xí)使用wbepack，媽媽再也不用擔(dān)心我不會使用webpack，哪里不會看哪里。這是一個由淺入深的文章。現(xiàn)在vue、react等腳手架都會自動將開發(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)懸浮窗，點擊懸浮窗可以出來功能測試頁面；

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

HTML5 桌面通知：Notification API

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

BetterScroll：可能是目前最好用的移動端滾動插件

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

前端性能優(yōu)化

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

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

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

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

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

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

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

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

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

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

最全正則表達式總結(jié)：驗證QQ號、手機號、Email、中文、郵編、身份證、IP地址等

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

通常用于格式驗證、正則替換、查找子串等

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

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

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

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

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

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

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

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