博客 RSS 訂閱

__青春的Smile - js下載文件的實現方式

供參考,平時遇到的問題記錄 一、普通下載 當後端返回的資源是鏈接時,此時可以使用 a 標籤或者 window.location.href直接打開。 1、a 標籤形式 在H5中,a標籤新增了download 屬性,包含該屬性的鏈接被點擊時,瀏覽器會以下載文件方式下載 href 屬性上的鏈接。 a href="https://example.com" download="example.html"下

下載 , 前端 , Javascript

收藏 評論

註銷 - 介紹一個好用的能讓網頁變成黑色背景的護眼 Chrome 擴展應用 - Night Eye

這個擴展的名稱:Night Eye - Dark mode on any website 可以直接在 Chrome extension web store 裏下載。 看個使用的例子:這是我正常的網頁: 這個擴展安裝成功後,在右上角擴展圖標欄裏能看到對應的圖標,點擊: 選擇“黑暗”模式即可: 切換成黑色模式之後的網頁: 點擊這個齒輪圖標,可以進行自定義設置: 即使不付費,

performance , 性能優化 , chrome , chrome-extension , chrome-devtools

收藏 評論

註銷 - Client Side Cache 和 Server Side Cache 的區別

Cache me outside 緩存是一種優化網頁加載時間並優化其使用的內存量的持久化機制。 Cache 的定義 出於篇幅限制,本文重點介紹 Web 緩存。 當您加載網站時,網站數據(如圖像、視頻和 html 文檔)將被保存。 重新加載網站後,它不會調用數據庫再次獲取該數據。 它只是將數據從內存中讀取。 緩存以容量換取速度,緩存通常會暫時存儲數據的子集,而數據庫的數據通常是完整且持久的。 Cli

cache-control , 緩存 , 前端 , html5 , Javascript

收藏 評論

褐色幽默 - 從零開始使用nodejs+ejs模板輕鬆搭建web網站

什麼是ejs 類比handlebars.js、artTemplate、jade這些模板引擎等,ejs也是一個javascript模板引擎,這裏就不比較它與其他模板引擎的性能做對比了,ejs語法過於樸實,如果你會寫html和簡單的JavaScript,或者你用jsx寫過react,那麼ejs對你來講將輕而易舉。只需簡單的兩步: 將%標籤包裹的js語法寫在html裏 將html後綴的文件

node.js , ejs , Javascript , Web

收藏 評論

嵌入式那些事 - 嵌入式Linux必讀經典書籍(含下載方式)

最近,在知乎看到一個問題,“嵌入式Linux有哪些好書推薦”。我讀研期間也喜歡收藏一些書籍,每次看到京東有活動,總是忍不住想買一些書籍回來。 隨着時間越來越久,我買的書越來越多,但是都看完不太現實。後來發現書不在於多,而在於經典。 買了書搬家是個麻煩事,我從網上搜集了一套計算機電子書,從中篩選了我看過的好書分享給大家。 在這裏我推薦我看過的比較好的書,從入門到進階。 這是我上學期間買過的一些書,其

嵌入式 , arm , arm-s3c2440 , 嵌入式linux , 書籍

收藏 評論

nathannie - Caused by: java.net.BindException: Address already in use: bind

author: Nathan-lzy date: 2021-09-26-01:16 tags: #Idea #使用問題 1. 問題描述 今日下午打開idea軟件,提示如下信息: Internal error. Please refer to https://jb.gg/ide/critical-startup-errors java.util.concurrent.Completion

exception , intellij-idea

收藏 評論

icodebuddy - Java 異常機制

【注】本文譯自:Java Exceptions - DZone Java Java Exception Java Exception 是為處理異常應用程序行為而創建的類。在本文中,我將解釋如何使用 Java Exception 類以及如何在考慮現有 Java Exceptions 設計的情況下創建異常結構。Java 異常概念是 Java 中的重要里程碑之一,每個開發人員都必須瞭解它。 Java 異

exception , JAVA

收藏 評論

vivo互聯網技術 - 深入剖析 Spring WebFlux

一、WebFlux 簡介 WebFlux 是 Spring Framework5.0 中引入的一種新的反應式Web框架。通過Reactor項目實現Reactive Streams規範,完全異步和非阻塞框架。本身不會加快程序執行速度,但在高併發情況下藉助異步IO能夠以少量而穩定的線程處理更高的吞吐,規避文件IO/網絡IO阻塞帶來的線程堆積。 1.1 WebFlux 的特性 WebFlux 具有以下特

spring , flux , spingmvc , JAVA

收藏 評論

懟懟 - 【vue】虛擬DOM與Diff算法

虛擬DOM與Diff算法 虛擬DOM snabbdom Vue中的Diff算法 1 虛擬DOM 概述 VNode 1.1 概述 原生DOM為我們提供了一些獲取DOM元素以及操作DOM元素的API,可以對DOM元素進行增刪改查。 複雜的頁面狀態維護需要提前寫好大量的DOM操作,會造成狀態很難維護,代碼的邏輯也很混亂。 所以我們會使用數據驅動的方式進行視圖更新 - 數據與

vue.js , 虛擬dom , virtual-dom , diff

收藏 評論

Series - create-react-app v4 的less,antd,配置

1、less支持 yarn eject yarn add less@^2.7.3 less-loader@^7.3.0 在webpack.config.js中找到sassRegex const cssRegex = /\.css$/; const cssModuleRegex = /\.module\.css$/; const sassRegex = /\.(scss|sass)$/;

react , less , antd , create-react-app , 前端

收藏 評論

數據庫知識分享者 - Facebook宕機背後,我們該如何及時發現DNS問題

簡介: 國慶期間,Facebook 及其旗下 Instagram 和 WhatsApp 等應用全網宕機,停機時間將近 7 小時 5 分鐘,Facebook 市值損失 643 億美元。針對Facebook的宕機問題,我們該如何未雨綢繆,看看雲撥測如何幫助客户避免該類問題。 在我們享受國慶假期的時候,大洋對岸的互聯網世界卻出了一件重大“事故”:Facebook 及其旗下 Instagram 和 Wha

Facebook , 運維

收藏 評論

MissD - 跨境電商的制勝“秘籍”:登錄 Messenger 連接幫助品牌與用户‘’一鍵連接‘’

2021年最“熱鬧”的年底黃金購物季馬上要到啦!相信對於不少國內跨境電商品牌來説,這一全球範圍內年底大促是不可錯失的黃金季節。為了幫助跨境電商提升自己的服務效率和質量,增加轉化效率,Facebook在6月份F8上重磅推出的Facebook登錄Messenger連接功能也於9月全球正式發佈了。該功能首次打通了Facebook登錄與Facebook Messenger,讓跨境電商可以通過Messeng

Facebook , go-global , meta

收藏 評論

阿里云云原生 - Facebook宕機背後,我們該如何及時發現DNS問題

作者|白璵 在我們享受國慶假期的時候,大洋對岸的互聯網世界卻出了一件重大“事故”:Facebook 及其旗下 Instagram 和 WhatsApp 等應用全網宕機,停機時間將近 7 小時 5 分鐘,瀏覽器在嘗試打開時顯示 DNS 錯誤。這對於旗下應用羣月活和日活高達 35.1 億和 27.6 億的 Facebook 而言,可謂損失慘重。據投資機構估計,7 小時宕機導致超過 9.68 億美元影響

Facebook , 雲撥測 , 阿里雲 , 雲原生 , 產品

收藏 評論

ThinkFault - 微服務框架ServiceComb源碼解析之一——Consumer發起request請求

需要説明的是,一個微服務,如果僅僅對外提供服務就是Provider,如果僅僅是請求其他微服務就是Consumer,兩者都涉及,那麼這個微服務,既是Provider又是Consumer,如Edge網關,就是這樣,它接收外部的請求,此時是Provider角色,把請求轉給下游的其他微服務,此時是Consumer角色。通常不會存在僅僅是Consumer角色的微服務,因為單純是Consumer實際應用中沒有

rest , 微服務 , 源碼分析 , JAVA

收藏 評論

懟懟 - 【js】DOM基礎

DOM 基本概念 節點類型 節點樣式 事件 1 基本概念 Document Object Model 文檔對象模型 BOM:與瀏覽器交互的方法和接口 DOM:處理網頁內容的方法和接口 - HTML和XML的應用程序接口 window是BOM的核心對象,window上的document是DOM的核心 任何HTML或XML文檔都可以用DOM表示為一個由節點構成的層級結

dom , 事件 , Javascript

收藏 評論

MackvJBE - Apizza-使用 Mock API 生成接口返回數據

使用 Mock API 1. 什麼是Mock API 通過 Mock API事先編寫好 API 的數據生成規則,由工具動態生成 API 的返回數據。開發人員通過訪問 Mock API 來獲得頁面所需要的數據,就可以輕鬆地完成對接工作。前後端人員只需要定義好接口文檔就可以開始並行工作,互不影響,只在最後的聯調階段往來密切; 後端與後端之間如果有接口耦合,也同樣能被Mock解決。 測試過程中如果遇到依

mock.js , api文檔 , 接口

收藏 評論

微軟技術棧 - 專欄預告——10月篇

Kubernetes這個詞想必大家都並不陌生,它是一個開源項目,用於統一管理容器化的應用集羣,優勢非常之多,被公認為市場上最好的容器編排工具之一。 優勢1:可在任何環境中啓動應用,不受到語言和框架的限制 優勢2:兼容各種雲服務提供商,無需有換雲環境的擔憂 優勢3:節省開銷,高效的利用內存、處理器等資源 優勢4:高可靠性,可提供應用程序的不間斷操作 優勢5:開箱即用的自動縮放能力 10

microservice

收藏 評論

雲效DevOps平台 - 第三方Gitlab庫資源,如何一鍵導入雲效Codeup

雲效Codeup 提供代碼庫一鍵導入能力,幫助你方便的導入托管在三方平台上的代碼資源,雲效代碼管理Codeup是阿里雲出品的一款企業級代碼管理平台,提供代碼託管、代碼評審、代碼掃描、質量檢測等功能,全方位保護企業代碼資產,幫助企業實現安全、穩定、高效的研發管理。 立即體驗 第三方Gitlab庫資源,如何一鍵導入雲效Codeup。點擊「導入代碼庫」選擇第三方代碼託管平台,針對不同的平台特性,允許通過

gitlab , 研發團隊 , 研發管理 , 開發者 , 資源

收藏 評論

backofhan - 使用協程池(Coroutine Pool)作為RxPY的數據源(Observable)

關於協程與RxPY 協程(coroutine)是一個有很長曆史的概念,它是計算機程序的一類組件,推廣了協作式多任務的子程序。其詳細的概念和歷史請參照維基百科中的條目:https://en.wikipedia.org/wiki/Coroutine 。 Python天生支持的生成器(generator)其實就是協程的一種實現,生成器允許執行被掛起與被恢復。但是由於缺乏更多語法上的支持,以及缺乏利

asyncio , reactive-programming , coroutine , Python

收藏 評論

洛陽醉長安行 - 手摸手教你實現移動端滾動記憶(帶分頁)

前戲: 在移動端網頁中的列表如何實現滾動和搜索條件的記憶,類似微信文章一樣,瀏覽到文章的某一個位置,在下次打開的時候依然能滾動到上次瀏覽的位置繼續瀏覽。本篇文章介紹的是帶分頁的列表,如果你現在需求是不帶分頁的文章或列表當然也可以參考,實現方式基本是差不多的。 因為這裏使用了mui的下拉刷新的列表組件,要在tab切換時需要默認把滾動條重置到最頂部(從頭開始瀏覽),refreshContainer為對

移動端 , mui , 前端 , html5 , Javascript

收藏 評論

沐華 - 看完還不懂JavaScript執行機制(EventLoop),你來捶我

上一篇文章介紹了進程與線程,知道渲染進程都有一個主線程,並且主線程工作很多,要處理DOM、計算樣式、佈局、還有鼠標、鍵盤等各種JS任務 我們都知道JS是單線程,任務只能一件一件地執行,那麼瀏覽器是怎麼讓這麼多類型的任務在主線程上有條紊地執行的呢? 這就需要任務隊列和事件循環了 任務隊列(消息隊列) 什麼是任務隊列呢? 它是一種數據結構,存放要執行的任務。然後事件循環系統再以先進先出原則按順序執行隊

eventloop , 事件循環 , 事件 , 前端 , Javascript

收藏 評論

MissD - 史上最嚴重:Facebook 遭遇全球宕機近 7 小時後重新上線,股價下跌5%

剛剛,Facebook 在經歷了持續近 7 個小時的全球宕機後重新上線。這期間,該公司股價應聲下跌 5%,市值蒸發百億。 據悉,本次 Facebook 長時間的宕機始於週二(美國時間 4 日)凌晨 4 點左右。受此影響,其旗下的 WhatsApp、Instagram 等平台也無法訪問,用户瞬時話題討論量集中,導致 Spark 和 Vodafone 的通話量也激增。 總部位於悉尼的 Faceboo

Facebook , dns , 安全

收藏 評論

譽兒 - Facebook, Instagram, and WhatsApp宕機事件的原因線索(2021-10-04晚開始)

【宕機根本原因的線索】:這個問題與一個叫做BGP路由的東西有關,且極有可能與配置失誤有關。 【影響時間長的線索】:當時facebook的辦公網無法連接外網, 極有可能是影響時長達6小時的原因,因為無法登錄服務器修復線上問題。 【宕機時間段】:2021-10-04 23:39〜2021-10-05 06:45 週一,Facebook、INSTAGRAM、WhatsApp 和 Oculus

Facebook , 程序員 , 安全

收藏 評論

小紅星閃啊閃 - React Native填坑之旅 -- 從Native發事件給JS

代碼在這裏 很多時候我們需要從原生髮送事件給JS。比如在官方文檔提到的一個日曆📅事件。你定好了一個會議,或者一個活動,之後再指定的日期發生。或者關閉了貢獻單車,藍牙收到關鎖成功的信號。又或者地理圍欄這樣的APP,在你進入/離開一個地理圍欄的時候,都需要從原生髮送事件給JS。 首先是一個簡單的例子 調用一個原生方法設置一個延時觸發的原生時間,類似於調用原生的setTimeout。在到時間之後一個事

module , react-native , event , Android , ios

收藏 評論