博客 RSS 訂閱

hometown 頭像

HoMeTown - 【CSS】有意思的BFC：Block Formatting Context（塊格式化上下文）！

前言 大家好，我是HoMeTown，今天想聊一聊CSS中的BFC，很多朋友應該都聽過這個名詞，搞懂BFC可以讓我們理解CSS中一些很詭異的地方，話不多説，直奔主題！ 什麼是BFC BFC是什麼？引用MDN的一段介紹： 塊格式化上下文（Block Formatting Context，BFC） 是 Web 頁面的可視 CSS 渲染的一部分，是塊級盒子的佈局過程發生的區域，也是浮動元素與其他元素交

bfc , Css , 前端

收藏 評論

kevinwan 頭像

kevinwan - 服務發現原理分析與源碼解讀

在微服務架構中，有許多繞不開的技術話題。比如服務發現、負載均衡、指標監控、鏈路追蹤，以及服務治理相關的超時控制、熔斷、降級、限流等，還有RPC框架。這些都是微服務架構的基礎，只有打牢這些基礎，才敢説對微服務是有了一點理解，出門也好意思和別人打招呼了，被人提問的時候也能侃侃而談了，線上出了問題往往也能尋根溯源內心不慌了，旁邊的女同事小芳看着你的時候也是滿眼的小可愛了。 在《微服務實踐》公眾號，之前寫

grpc , go-zero , web開發 , 服務發現 , go

收藏 評論

keen_626105e1ef632 頭像

瞿小凱 - 出現network boot from intel e1000問題的解決辦法

在寫這個博客之前，我承認，自己也是這個問題的“受害者”。出現這個問題的環境描述如下： (虛擬機版本v16，準備預裝的系統版本win7） 關於這個問題，網上的解決方案通常是 1.關閉虛擬機中的運行環境 2.找到電源設置，進入bios 3.調整下啓動順序 例如我現在操作的這樣（網上普遍的這個教程我已經替大家踩坑了） 實際上，這樣的操作反覆幾遍，你會發現，依然回到

虛擬機網卡 , windows , network , 虛擬機 , 系統

收藏 評論

chuyang_596e1bd19bf8c 頭像

黑客Roman - Python爬蟲實戰，requests+re模塊，Python實現爬取豆瓣電影《魔女2》

前言 閉關幾個月，今天為大家帶來利用Python爬蟲抓取豆瓣電影《魔女2》影評，廢話不多説。 爬取了6月7月25的影片數據，Let's start happily 開發工具 Python版本： 3.6.4 相關模塊： requests模塊 json模塊 re模塊 os模塊 pandas模塊 time模塊 以及一些Python自帶的模塊。 環境搭建 安裝Python並添加到環境變量，pip安裝需要

豆瓣 , 電影 , requests , 爬蟲 , Python

收藏 評論

qianxiaqingkong 頭像

蘭俊秋雨 - Charles使用教程

背景 Charles 是一個 HTTP 和 SOCKS 代理服務器。代理請求和響應使 Charles 能夠在請求從客户端傳遞到服務器時檢查和更改請求，以及從服務器傳遞到客户端時的響應。 抓包 PC端抓包 1、選擇菜單中的Proxy - Mac OS X Proxy 2、確保 Charles 處於 Start Recording 狀態。 移動端抓包 1、手機和電腦在同一個網絡： 2、電腦

charles , 前端

收藏 評論

bin_60080bc5146e1 頭像

bin的技術小屋 - Netty 如何高效接收網絡數據？一文聊透 ByteBuffer 動態自適應擴縮容機制

本系列Netty源碼解析文章基於 4.1.56.Final版本 前文回顧 在前邊的系列文章中，我們從內核如何收發網絡數據開始以一個C10K的問題作為主線詳細從內核角度闡述了網絡IO模型的演變，最終在此基礎上引出了Netty的網絡IO模型如下圖所示： 詳細內容可回看《從內核角度看IO模型的演變》 後續我們又圍繞着Netty的主從Reactor網絡IO線程模型，在《Reactor模型在Net

rpc , netty , JAVA , nio , 後端

收藏 評論

chriswan 頭像

黑暗森林 - postgresql profiling

場景 分析postgresql BE的性能數據，適應於使用GCC編譯的場景。 原理 藉助gprof工具，gcc編譯的時候，加入-pg選項，則gcc會自動將目標代碼中加入性能測試代碼。程序執行過程中，性能測試代碼會記錄程序的性能數據，程序結束後，保存性能數據文件。通過gprof工具可以解碼該文件，進行查看分析。如下例： gcc mytest.c -g -pg 説明： . 對於程序引用的外部庫，

performance , profile , postgresql

收藏 評論

shellingfordly 頭像

shellingfordly - [leetcode]2. 兩數相加

兩數相加 leetcode題目地址 解題源碼及測試 題目 給你兩個非空的鏈表，表示兩個非負的整數。它們每位數字都是按照逆序的方式存儲的，並且每個節點只能存儲一位數字。 請你將兩個數相加，並以相同形式返回一個表示和的鏈表。 你可以假設除了數字 0 之外，這兩個數都不會以 0 開頭。 示例 1： 輸入：l1 = [2,4,3], l2 = [5,6,4] 輸出：[7,0,8] 解釋：342 +

leetcode , leetcode個人解題總結 , leetcode算法 , jest , typescript

收藏 評論

bin_60080bc5146e1 頭像

bin的技術小屋 - 抓到 Netty 一個 Bug ，順帶來透徹地聊一下 Netty 是如何高效接收網絡連接的

歡迎關注公眾號：bin的技術小屋，閲讀公眾號原文 本系列Netty源碼解析文章基於 4.1.56.Final版本 對於一個高性能網絡通訊框架來説，最最重要也是最核心的工作就是如何高效的接收客户端連接，這就好比我們開了一個飯店，那麼迎接客人就是飯店最重要的工作，我們要先把客人迎接進來，不能讓客人一看人多就走掉，只要客人進來了，哪怕菜做的慢一點也沒關係。 本文筆者就來為大家介紹下netty這塊最

rpc , netty , JAVA , nio , 後端

收藏 評論

xiaoxiaocong_5c80f6d1131a4 頭像

xxcdd - requests實現帶註釋的分塊傳輸

前言 最近有WAF bypass的需求，學習了下分塊傳輸的方法，網上也有burp插件，需要使用python實現一下，在使用requests實現時遇到了一些坑，記錄下。 requests塊編碼請求 https://docs.python-requests.... 請求參數data提供一個生成器即可 首次引入分塊傳輸： https://github.com/psf/reques... 使用burp代理

滲透測試 , waf , requests

收藏 評論

dewujishu 頭像

得物技術 - 社區點贊業務緩存設計優化探索

背景 內容點贊業務在得物社區中是一個非常高頻的業務場景，功能本身複雜度不高，但是業務場景多、QPS高、而且由於社區的用户體量，整體點讚的數據量非常大。其中最核心、對響應性能要求最高的主要是“用户是否點贊內容”和“內容點贊數”場景。 在得物社區中凡是有內容消費的場景，都會有上面兩個點贊場景的處理，所以整體點贊業務的QPS在社區都是非常高的。當我們在刷各種Feed流時，每一次下滑，都需要對數十篇內容進

緩存 , 重構 , 後端 , 方案

收藏 評論

xuxiaocong_5e947e5ce588a 頭像

言午日堯耳總 - docker搭建圖片壓測QPS3000+服務器(ftp+nginx)

docker搭建圖片壓測QPS3000+服務器(ftp+nginx) 在針對圖片算法服務進行壓力測試時，需要高性能的圖片服務器 自己編寫的圖片應用性能不一定能達到要求 可能因為圖片應用自身達不到壓測要求，影響算法服務的壓測數據 準備工作 需要在服務器先安裝好docker，性能結果看文章結尾 步驟 參數 項目 key value

壓力測試 , ftp , 性能 , Nginx

收藏 評論

bytedata 頭像

字節跳動數據平台 - 如何構建面向海量數據、高實時要求的企業級OLAP數據引擎？

在字節跳動各產品線飛速成長的過程中，對數據分析能力也提出了更高的要求，現有的主流數據分析產品都沒辦法完全滿足業務要求。因此，字節跳動在ClickHouse引擎基礎上重構了技術架構，實現了雲原生環境的部署和運維管理、存儲計算分離、多租户管理等能力，推出了雲原生數據倉庫ByteHouse。 在性能、可擴展性、穩定性、可運維性以及資源利用率方面都實現了巨大提升，能夠很好的滿足字節跳動數據量極大、實

cli , olap

收藏 評論

bin_60080bc5146e1 頭像

bin的技術小屋 - 一文聊透 Netty 核心引擎 Reactor 的運轉架構

本系列Netty源碼解析文章基於 4.1.56.Final版本 本文筆者來為大家介紹下Netty的核心引擎Reactor的運轉架構，希望通過本文的介紹能夠讓大家對Reactor是如何驅動着整個Netty框架的運轉有一個全面的認識。也為我們後續進一步介紹Netty關於處理網絡請求的整個生命週期的相關內容做一個前置知識的鋪墊，方便大家後續理解。 那麼在開始本文正式的內容之前，筆者先來帶着大家回

rpc , netty , JAVA , nio , 後端

收藏 評論

beiyouzhiyu 頭像

北冥有隻魚 - HTTP學習筆記(三) HTTP/2

這裏簡單的介紹一下HTTP 2.0。 由HTTP 1.1 走向 HTTP 2.0 寫這篇文章的時候我在聽B站UP主翻唱的歌曲，然後我心血來潮打算看看B站現在用的是HTTP的哪個版本,於是我摁下了F12鍵。 這個h2和h3代表的是HTTP 2.0 和3.0? 這版本號刷的這麼快的嗎？ 不應該是2.1==2.5 ==3.0這樣嗎？為了驗證我的想法，我打開了火狐瀏覽器。 所以就很突然，本來按照計劃只

http-2 , HTTP

收藏 評論

bin_60080bc5146e1 頭像

bin的技術小屋 - 詳細圖解Netty Reactor啓動全流程 | 萬字長文 | 多圖預警

歡迎關注公眾號：bin的技術小屋，閲讀公眾號原文 本系列Netty源碼解析文章基於 4.1.56.Final版本 大家第一眼看到這幅流程圖，是不是腦瓜子嗡嗡的呢？ 大家先不要驚慌，問題不大，本文筆者的目的就是要讓大家清晰的理解這幅流程圖，從而深刻的理解Netty Reactor的啓動全流程，包括其中涉及到的各種代碼設計實現細節。 在上篇文章《聊聊Netty那些事兒之Reactor在Ne

網絡編程 , rpc , netty , JAVA , nio

收藏 評論

ponponon 頭像

universe_king - 裸機使用 filebeat 採集裸機上的日誌文件，併發到 elasticsearch

部署 elasticsearch 和 kibana 因為是 demo 性質的使用，所以就用 docker-compose 簡單跑一下 version: "3" services: elk-elasticsearch: container_name: elk-elasticsearch image: elasticsearch:7.17.1 ports: -

elasticsearch , elk , Python

收藏 評論

sulf 頭像

蘇凌峯 - Netty網絡編程——NIO與零拷貝

1.什麼是DMA 2.什麼是用户態和內核態 3.普通BIO的拷貝流程分析 4.mmap系統函數 5.sendFile系統函數（零拷貝） 6.java堆外內存如何回收 1.什麼是DMA DMA(Direct Memory Access直接存儲器訪問),我們先從一張圖來了解一下DMA是一個什麼裝置。 假設在什麼沒有DMA的情況下，如果CPU想從內存裏讀取數據併發送到網卡中，在讀的過程中，我們可以知

mmap , nio

收藏 評論

maxkey 頭像

MaxKey單點登錄 - MaxKey 單點登錄認證系統 v3.5.3GA 發佈

English|中文 概述 MaxKey單點登錄認證系統，諧音馬克思的鑰匙寓意是最大鑰匙,是業界領先的IAM身份管理和認證產品,支持OAuth 2.x/OpenID Connect、SAML 2.0、JWT、CAS、SCIM等標準協議，提供安全、標準和開放的用户身份管理(IDM)、身份認證(AM)、單點登錄(SSO)、RBAC權限管理和資源管理等。 官方網站官網|官網二線 官方QQ：105446

oauth2.0 , 單點登錄 , saml , 微服務 , cas

收藏 評論

layouwen 頭像

Avan菜菜 - Windows在git-bash安裝zsh

前言 博主現在已經轉 mac 用户。但是因為家裏的台式機是是 win 裝黑果遇到各種問題，最終還是放棄在家使用 mac 環境。 但是又用習慣了 zsh 的各種插件。所以開始琢磨如何在 win 中使用一套舒適的環境。 最開始我是使用 wsl 中的 linux 環境安裝 zsh。但畢竟屬於子系統，很多環境是不共享。因為我是一名前端工程師，當做桌面程序開發的時候。在 wsl 需要另外配一套環

oh-my-zsh , terminal , zsh , 後端 , 前端

收藏 評論

openresty_xray 頭像

OpenResty - OpenResty XRay 分析和解決 B 站重大線上事故

摘要： OpenResty Inc. 團隊利用商業產品 OpenResty XRay 的動態追蹤技術，在介入 B 站《2021.07.13 我們是這樣崩的》文中所描述的重大線上事故後很短的時間內定位了導致 B 站線上服務不可用的問題根源，並幫助解決重大線上事故。 B 站（Bilibili.com）這兩天發表了一篇總結去年那場大事故的文章《2021.07.13 我們是這樣崩的》。文章發出後引發了廣

lua , openresty-xray , openresty , Nginx , 安全

收藏 評論

mayuanyuan012 頭像

圈圈 - 歷險記 ---- Performance

前端監控 API 時使用了 Performace 接口，但是目前大部分文章都只是羅列其本身的屬性或方法，實戰中使用的場景比較少，我自己也走了些彎路，現在記錄下這些，大家可以一起來討論下。 先講一下使用場景，頁面加載後記錄後台接口，頁面跳轉前也記錄後台接口。在記錄接口前需要區分接口是否需要已經被記錄過，不會重複記錄。 就如何標記接口數據是否已被記錄，自己嘗試了四種方式 對已記錄的接口添加 out

performance , 埋點 , Javascript

收藏 評論

andyhu99 頭像

AndyHu - 微信小程序（一）自定義導航欄和fixed失效及各機型兼容問題

前言 相信小夥伴們應該或多或少都開發過微信小程序，微信小程序的寫法雖然和vue有很多類似的地方，但又有很多vue屬性，在小程序中沒有類似的實現，比如計算屬性，watch 監聽等； 因為小程序是附着在微信 app 上，所以經常要處理一些安卓端和蘋果端的兼容，比如有些蘋果機屏幕下方有安全區域，一些安卓機上點輸入框輸入完畢後點完成按鈕鍵盤不能自動收回，導致輸入框不能失去焦點的問題，等等...

vue.js , 導航欄 , 微信小程序 , 小程序 , 移動端適配

收藏 評論

andyhu99 頭像

AndyHu - GCJ-02(高德) BD-09(百度) WGS-84(谷歌)座標系之間的轉換

WGS-84、GCJ-02、BD-09 座標系 先了解一下WGS-84、GCJ-02、BD-09 座標系分別是什麼 WGS84（World Geodetic System 1984）：是 GPS 全球定位系統建立的座標系統，通過GPS定位拿到的原始經緯度。 GCJ-02（國家測量局02號標準）：GCJ-02 是由中國國家測繪局（G表示Guojia國家，C表示Cehui測繪，J表示Ju局）制訂

高德地圖 , 座標轉換 , 地圖api , 百度地圖 , Javascript

收藏 評論