博客 RSS 訂閱

geelinklivevideostack 頭像

LiveVideoStack - 圖片優化之下一代圖片格式WebP和AVIF

本文最初由 Karanjeet Singh 在 Adobe Tech Blog上發表。已獲作者授權翻譯和發佈。 原文網址： https://medium.com/adobetech/... 翻譯：姜金元 審校：LiveVideoStack特邀技術審校 編輯：Alex WebP AVIF 影音探索 #002#** 速度需求 網頁速度用來衡量網頁加載內容的速度。通常，網站的網頁速度應該

圖片壓縮 , 圖片處理 , 圖片存儲

收藏 評論

ddup365 頭像

specialcoder - 前端截圖實現

前言 需求背景： 目標：將頁面內容變成圖片分享出去 持久化：不需要服務端存儲 客户端能力：不依賴客户端端能力 使用pupeteer做截圖服務 優點： 前端使用簡單，只需調用接口即可 分享頁面可以和給用户展示的頁面內容分離，不用額外處理樣式等問題 缺點： 新開服務維護服務 接口響應時間較長會影響體驗 結論 調研發現，可以使用html2canvas純前端做頁面轉化成圖片的功能

html2canvas , html5 , Web

收藏 評論

invalidnull 頭像

註銷 - SAP Event Mesh 簡介

Get Started with Messaging for Decoupled Communication Step 1: What is the SAP Event Mesh service? SAP Event Mesh 是一種完全託管的服務，用於連接應用程序、服務和系統，以便它們可以通過消息和事件相互交互。 它通過引入中央消息代理取代了傳統的點對點通信。 雖然點對點通信適用於在有限數量的發

event , saprfc , sap , cloud , meshblu

收藏 評論

apachepulsar 頭像

ApachePulsar - Function Mesh 開發工程師付睿：用户——開發者——Committer 之路

關於 Apache Pulsar Apache Pulsar 是 Apache 軟件基金會頂級項目，是下一代雲原生分佈式消息流平台，集消息、存儲、輕量化函數式計算為一體，採用計算與存儲分離架構設計，支持多租户、持久化存儲、多機房跨區域數據複製，具有強一致性、高吞吐、低延時及高可擴展性等流數據存儲特性。 GitHub 地址：http://github.com/apache/pulsa

function , pulsar

收藏 評論

alfred_5972f8006661f 頭像

前端熟練工 - 隨機數種子

隨機數和偽隨機數 隨機數 真正的隨機數是使用物理現象產生的：比如擲錢幣、骰子、轉輪、使用電子元件的噪音、核裂變等等，這樣的隨機數發生器叫做物理性隨機數發生器，它們的缺點是技術要求比較高。 ----百度百科 根據百科上的定義可以看到，真隨機數是依賴於物理隨機數生成器的。使用較多的就是電子元件中的噪音等較為高級、複雜的物理過程來生成。 使用物理性隨機數發生器生成的真隨機數，可以説是完美再現

隨機數 , 隨機數種子

收藏 評論

shawn_594ba96e23856 頭像

shawn_594ba96e23856 - nuxt項目清除console

線上項目一般不允許存在console.log，所以需要對打包後的項目做處理。手動刪除會影響之後項目開發的效率，所以選擇對打包後的代碼做處理。 Nuxt nuxt: 2.13.3 1：安裝 yarn add babel-plugin-transform-remove-console -D cnpm i babel-plugin-transform-remove-console -D This

vue.js , console , nuxtjs

收藏 評論

waweb 頭像

哇喔WEB - TypeScript中你可能不知道的這些數據類型

類型 TypeScript的類型有很多，但是這裏不會逐一進行講解。下面列出來的幾種類型，有的你可能沒聽過、有的你可能沒用過、有的你可能用過但是不知道含義、有的你可能知道含義但是不能和其他類型區分··· Symbol ES6 引入了一種新的原始數據類型 Symbol ，表示獨一無二的值，它是 JavaScript 語言的第七種數據類型。 使用 Symbol() 函數我們可以申明一個 Symbol

數據類型 , typescript , 前端

收藏 評論

lingo_5f10741b3904f 頭像

Lingo - Taro3.2.8 + dva 搭建配置過程

創建項目的步驟我就不贅述了，官網有詳細的步驟 Taro使用文檔 提前下載微信開發者工具 前提 初始化好了一個Taro項目 步驟 1. 編譯運行 npm run dev:weapp 在模擬器中預覽 2. 配置dva 2.1 安裝 react-redux npm i --save react-redux 2.2 安裝 dva-core dva-loading dva-c

dva.js , taro

收藏 評論

leafgood 頭像

leafgood - Linux系統編程--(三)進程間通信

一.進程間通訊 1.1 什麼是進程間通信 我們運行起來的進程，相互之間資源是獨立的，不能在一個進程中直接訪問另一個進程的資源。 但是很多時候不同的進程需要進行信息的交互和狀態的傳遞等，譬如數據傳輸，一個進程需要將它的數據發送給另一個進程，或者多個進程間資源共享，或者一個進程需要控制另一個進程的執行，再或者，一個進程要給另一個進程發送消息等，就需要進程間通信( IPC：Inter Proces

linux編程

收藏 評論

hello888 頭像

洛陽醉長安行 - 移動端級聯組件mCascader

移動端開發中可能會涉及到樹狀數據的選擇，由於mui中沒有比較好的組件可以使用，所以我基於mui和jq開發了一款可以在移動端操作級聯的氣泡組件。 源碼地址：https://github.com/booms21/mC... mCascader mCascader 是一款mui風格的移動端h5氣泡級聯框，支持可選擇任意層級、默認值、分隔符 使用方法： 首先引入mui和jq庫，mCascader.

移動端 , mui , html5

收藏 評論

hello888 頭像

洛陽醉長安行 - 移動端過濾欄Tab組件mFilterToolbar

移動端開發中由於mui中沒有比較好用的tab組件，所以我就基於mui開發了一個tab列表組件，可以獲取當前的tab並且增加了排序功能，解決了列表的常見需求 源碼地址：https://github.com/booms21/mF... mFilterToolbar mFilterToolbar 是一款mui風格的移動端h5頂部過濾欄組件，可根據自定義的條件對列表進行過濾，支持排序、組件默認值、組

移動端 , mui

收藏 評論

codexiaosheng 頭像

code小生 - 最受歡迎的 10 本編程書籍（文末附地址）

一般來説，學習的過程發生並終結在購買這一步，而後再未撿起。 推特上一位名為 Pierre de Wulf 的網友突發奇想，有史以來最受歡迎的編程書籍到底是哪些？為了找到程序員們最為推崇的那些編程書籍，他使用 Python 編寫了腳本，拉取了大量的相關數據，最終得出了這10本經久不衰的技術好書。以下是推薦結果。 程序員修煉之道：從小工到專家 作者：David Thomas Andrew Hunt，

程序員書籍 , 編程工具 , 書籍 , 程序員

收藏 評論

gzming 頭像

gzming - Linux命令—awk

作用：文本處理工具. 命令格式 awk Options 'Program-Text' InputFile1 InputFile2 ... 對輸入文件 InputFile1 InputFile2 ... 執行給定的程序 Program-Text. 常用選項 -F sep: 自定義字段分隔符為 sep. -f ScriptFile: 從 ScriptFile 文件中讀取 awk 腳本. 記錄

awk , Linux

收藏 評論

zhiqiangwang 頭像

zhiqiang - xdebug+webgrind對php5.6做性能分析環境搭建

python3安裝 wget https://www.python.org/ftp/python/3.7.7/Python-3.7.7.tar.xz mkdir -p /usr/local/code/python3 tar -xvf Python-3.7.7.tar.xz -C /usr/local/code cd /usr/local/code/Python-3.7.7/ ./configur

xdebug

收藏 評論

smile1213 頭像

smile1213 - 小程序中使用 MobX 綁定輔助庫

點擊前往小程序MobX的官方文檔 注：此 behavior 依賴開發者工具的 npm 構建。 什麼是npm構建？ 安裝 mobx-miniprogram 和 mobx-miniprogram--bindings npm install --save mobx-miniprogram mobx-miniprogram-bindings 點擊微信開發者工具左上角：工具 --- npm 構建 構建完成後

微信小程序 , 小程序 , mobx , 前端

收藏 評論

smile1213 頭像

smile1213 - js 生成隨機顏色值（如 #E2E2E2 ）

目標格式： 以‘#’開頭的，並拼接6位十六進制字符串，如 ‘#E2E2E2’ 廢話不多説，直接上代碼： '#' + Math.random().toString(16).substr(2, 6).toUpperCase() 複製上面代碼就可以了，結束~ 有興趣的小夥伴可以看下面分步執行的結果： Math.random() ： 生成 1 以內的隨機數 toString(16) ： 轉為 16

顏色 , 隨機數 , Css , 前端 , Javascript

收藏 評論

gzming 頭像

gzming - Linux命令—sed

作用：用於處理文本的流編輯器. 命令格式 sed Options '[Address]Command' InputFile 對輸入文件 InputFile 中的每行執行給定的命令 Command. 如果指定了地址 Address，則只對符合條件的文本行執行 Command 命令. 如果需要對同一行執行多條命令，則命令之間使用 ; 隔開即可. 常用選項 -i: 原地修改，會改變源文件中的內容.

sed , Linux

收藏 評論

ray_zhang 頭像

Ra4Z - [supervisor] 遇到的兩個問題

問題1 refused connection 問題現象 $ supervisorctl -c /root/ppe-detection/supervisord.conf unix:///root/supervisor.sock refused connection 原因分析 supervisor 主要包含2個組件（實際還有別的）： supervisord 主進程,負責管理進程的serv

supervisor , Python

收藏 評論

tengxunweizhifuwu 頭像

騰訊位置服務 - 使用騰訊位置服務API完成車輛軌跡回放（模擬真實的速度和方向）

產品需求： 根據能夠回放出來車輛的運行軌跡路線、運行方向和速度。 需求分析： 1、首先因為是Web網頁端的功能，所以需要用到的是地圖模塊的API，可以選擇百度地圖或者騰訊地圖。 2、由於需要位置信息，所以地圖需要支持點到點的路線繪製功能。 3、關鍵點：需要一個小車，並且小車是可以根據不同的方向而改變車頭朝向。 因為前兩點功能百度地圖API可以滿足，但是第三點，騰訊地圖LBS，更新了新版本的接口，圖

lbs開放平台 , 地圖api , Javascript

收藏 評論

wuyuanwuhuitianzhenwuxie 頭像

VaporSpace - 深究移動端適配那些坑：小數像素、圖片模糊

一、適配方案的利弊 縮放 最早是直接用 px 來寫，然後用 meta 標籤裏的 scale 來縮放整個頁面，簡單粗暴。好處是簡單快速，壞處是不能控制部分樣式的縮放，一些邊框之類的在小屏會變得很細。據説早期天貓首頁就是這麼幹的。其實之後所有適配方案都是這個原理，在編碼的時候以設計稿為標準，到手機顯示時則根據不同機型的顯示寬度而縮放，只是縮放的技術不同。 rem 1rem 等於 html 的 fo

Css , img , rem , viewport

收藏 評論

gzming 頭像

gzming - Linux命令—tcpdump

作用：網絡抓包. 常用選項 -c N: 在收到 N 個數據包後退出. -n: 以數字形式顯示地址. -nn: 以數字形式顯示端口號. -i Interface 偵聽指定的網絡接口. -Q direction: 指定數據包的方向（進入、出去、或者兩者皆可）；direction 可取值為 in，out，inout. -A: 以 ASCII 碼的形式打印數據包的內容. -x: 以十六進制

tcpdump , Linux , 抓包過濾

收藏 評論

petrickstar 頭像

Petrickstar - 【深度優先學習法】OpenEuler 安裝配置 MySQL 過程涉及的 Linux 細節大起底

OpenEuler 中安裝配置 MySQL 與其他系統有所不同, 需要一些手動的配置. 這裏整理了在這個過程中涉及的一些 Linux 基礎知識 只想看結果 正文開始 修改配置文件： sed 指令 暫時禁用安全策略：SELinux MySQL 服務的本質：Linux Run Level 及其控制 與 自啓動 只想看結果 👇 已驗證的方法: OpenE

sed , MySQL , openeuler , linux內核模塊 , Linux

收藏 評論

tosmile 頭像

浪遏飛舟 - Cocos Creator 最佳實踐：JavaScript兼容性問題規避

本文從Cocos Creator 開發的角度出發，仔細探討了關注 JavaScript API 兼容性的必要性，以及如何藉助工具和 Polyfill 來規避 Cocos Creator 項目的兼容性問題。 一、引言：JavaScript虛擬機的差異性 不同的瀏覽器和移動設備所使用的 JavaScript 虛擬機（VM）千差萬別，所支持的 API 也大相徑庭。 我們來了解一下 Cocos Creat

兼容性 , Javascript

收藏 評論

kevinwan 頭像

kevinwan - 自適應負載均衡算法原理與實現

背景 在選擇負載均衡算法時，我們希望滿足以下要求： 具備分區和機房調度親和性 每次選擇的節點儘量是負載最低的 每次儘可能選擇響應最快的節點 無需人工干預故障節點 當一個節點有故障時，負載均衡算法可以自動隔離該節點 當故障節點恢復時，能夠自動恢復對該節點的流量分發 基於這些考慮，go-zero 選擇了 p2c+EWMA 算法

微服務 , 算法 , microservice , 負載均衡 , go

收藏 評論