收藏 / 列表

雲棧開源日記 - FFmpeg 官方彙編課程:寫出快 5 倍的視頻處理代碼

你的視頻處理程序能跑通就行了? 同一個算法,有人用匯編優化後性能提升 5 倍。這不是天賦問題,而是技術盲區。FFmpeg 團隊把內部彙編培訓資料開源了,手把手教你寫工業級高性能代碼。 這個項目教什麼 asm-lessons 是 FFmpeg 官方的彙編語言實戰教程,專門針對音視頻處理中的性能優化。 三個核心課程: 第一課:FFmpeg 工具鏈 學習 FFmpeg 的 x86inc.asm

後端

劉悦的技術博客 - 以寡治眾各個擊破,超大文件分片上傳之構建基於Vue.js3.0+Ant-desgin+Tornado6純異步IO高效寫入服務

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_218 分治算法是一種很古老但很務實的方法。本意即使將一個較大的整體打碎分成小的局部,這樣每個小的局部都不足以對抗大的整體。戰國時期,秦國破壞合縱的連橫即是一種分而治之的手段;十九世紀,比利時殖民者佔領盧旺達, 將盧旺達的種族分為胡圖族與圖西族,以圖進行分裂控制,莫不如是。 21世紀,人們往往會在Leetcode平台上刷分治算法題

vue.js , 文件 , 上傳文件 , 文件上傳 , tornado

simonbaker - 防禦XSS攻擊:DOMPurify不可或缺

DOMPurify是什麼? DOMPurify是一個針對DOM的XSS清理器。 DOMPurify有什麼作用? DOMPurify可以清理HTML並防止XSS攻擊。 你可以用有惡意代碼的HTML字符串來測試DOMPurify,它將返回一個帶有乾淨的HTML字符串。 DOMPurify將去除所有包含危險HTML的內容,從而防止XSS攻擊。 怎麼使用DOMPurify? // 通過script引入sc

xss

鹵代烴 - ⚡️ [性能優化] 瀏覽器跨域帶來的一些性能問題

前言 字節 Web Infra 團隊最近開啓新一輪招聘了,如果你對 Web Framework/Runtime/Performance,或對編譯構建/Rust/AI 感興趣,可以來看看我們的崗位(具體崗位信息可以看這個招聘鏈接 👉 字節跳動 Web Infra - Web Solutions 團隊招人啦!) 簡歷可以發到我的郵箱 skychx@hotmail.com,我可以幫你內推崗位並跟

性能優化 , 跨域 , 前端

夕水 - 手寫一個動態海洋和天空效果的vue hooks

背景 常規的後台管理系統登陸頁面可能就只是一個簡單的背景頁面,這不太好看,接下來讓我們來使用three.js來實現一個動態的海洋和天空效果當作背景,這樣的效果總會讓人眼前一亮,如下圖所示。 代碼實現 接下來,讓我們用trae來編寫實現這個功能吧。 1. 組合式 API 初始化 import { onMounted, onBeforeUnmount } from "vue"; import * a

vue.js , three.js , 前端 , Javascript

牛仔碼農 - Javaweb入門完整版學習教程,簡單粗暴,通俗易懂!

JavaWeb是用Java技術來解決相關web互聯網領域的技術總和,Java提供了技術方案可以解決客户端和服務器端的實現。 web包括:web服務器和web客户端兩部分。 Java在客户端的應用有 java applet,不過使用得很少,Java在服務器端的應用非常的豐富,比如Servlet,JSP和第三方框架等等。 Java技術對Web領域的發展注入了強大的動力。 目前,Java Web開

servlet , JAVA , jsp , 後端 , 前端

Shenfq - 在命令行裏也能用 React

用過 React 的同學都知道,React 作為一個視圖庫,在進行 Web 開發的時候需要安裝兩個模塊。 npm install react --save npm install react-dom --save react 模塊主要提供了組件的生命週期、虛擬 DOM Diff、Hooks 等能力,以及將 JSX 轉換為虛擬 DOM 的 h 方法。而 react-dom 主要對外暴露一個 rend

react , terminal , 前端 , Javascript

程序員白彬 - 我以為我很懂Promise,直到我開始實現Promise/A+規範

我一度以為自己很懂Promise,直到前段時間嘗試去實現Promise/A+規範時,才發現自己對Promise的理解還過於淺薄。在我按照Promise/A+規範去寫具體代碼實現的過程中,我經歷了從“很懂”到“陌生”,再到“領會”的過山車式的認知轉變,對Promise有了更深刻的認識! TL;DR:鑑於很多人不想看長文,這裏直接給出我寫的Promise/A+規範的Javascript實現。 gi

promise , 前端 , Javascript

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解,查了資料才明白其中的緣由,遂以志之。問題是這樣的: button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

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

HZFEStudio - 瀏覽器事件循環

完整高頻題庫倉庫地址:https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 什麼是瀏覽器事件循環 瀏覽器為什麼需要事件循環 Node.js 中的事件循環 回答關鍵點 任務隊列 異步 非阻塞 瀏覽器需要事件循環來協調事件、用户操作、腳本執行、渲染、網絡請求等。通過事件循環,瀏覽器

事件循環 , node.js , 瀏覽器 , 前端性能 , Javascript

LYX6666 - 從零開始,理解觀察者模式(思否出問題了,文章後一半被吞了,正在重新寫)

思否出問題了,寫了一整天的文章,字字斟酌,段段構思,發佈的時候被吞了三分之二,我心態崩了,正在瘋狂碼字,下次再也不用內置編輯器碼字了。 零、前言 很久以前就接觸過觀察者模式,也寫過觀察者模式的文章,但以當時的水平尚不足以準確的理解這個設計模式,以至於文章寫的一片混亂。 這次再次嘗試從設計模式的初衷出發,結合計算機組成原理以及實際的應用來重新學習一邊觀察者模式,希望能糾正一些理解。 一、消息通

觀察者模式 , angular , 回調函數 , Javascript

泯瀧 - 「譯」如何寫出更好的Typescript代碼

鏈接:https://medium.com/@technicadil_001/how-to-write-better-types... 作者:Debabrata Dash 原標題:How to write better Typescript codes? 在本文中,我們將討論大約 15 個編寫更好的 Typescript 代碼的技巧。 譯者:本文討論了 15 個實用技巧,以幫助開發者編

ecmascript-6 , typescript , HTML , 前端 , Javascript

蘇琢玉 - 訂單號老是撞車?我寫了個通用 PHP ID 生成器

在日常開發裏,我們經常會遇到這種情況: 需要給訂單生成唯一編號; 想給日誌或者資源加個標識; 或者需要一個不會重複的 ID,用作數據庫主鍵。 一開始,我也用過 time() 拼接隨機數、或者 uniqid()。 這些方案在小項目裏夠用,但一旦放到併發稍微高點的業務裏,就會出現各種問題: ​time() 很容易撞車(同一毫秒可能生成多個); ​uniqid() 看上去獨特,其實

composer , php

十五 - Tailwind Css 中使用 Element Plus 主題系統的方案與實現

前言 本篇文章主要講解在 Tailwind Css 中配置 Element Plus 主題變量以統一視覺設計 本文也是《通俗易懂的中後台系統建設指南》系列的第九篇文章,該系列旨在告訴你如何來構建一個優秀的中後台管理系統 需求概括 上一篇文章中我們講解了生成 Element Plus 主題色階和動態切換主題色:一篇文章實現 Element Plus 色彩動態切換 Clean Admin 中使用 Ta

vue.js , tailwind-css , element-plus , typescript , 前端

高德開放平台 - 高德智能手錶解決方案,助力榮耀手錶5 Ultra開啓智慧出行

6月12日,高德開放平台推出了全新的智能手錶解決方案,憑藉其海量數據與多品類地圖服務的深度融合,為智能穿戴設備帶來了全新的可能性。 這一解決方案不僅覆蓋了全國超過7000萬的POI數據以及海外超過1.2億的POI數據,還實現了全球200多個國家和地區的地圖、搜索、定位和導航服務,滿足了用户在智能守護、運動出行等場景下的多樣化需求。同時,該方案支持多樣化的地圖模板和個性化元素配置,助力開發者快速定製

地圖開發 , 地圖api , 人工智能 , 後端 , 前端

李不要熬夜 - ES6 變量作用域與提升:變量的生命週期詳解

本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建全局對象等內容。 變量作用域與提升 在 ES6 之前,JavaScript 中只存在着函數作用域;而在 ES6 中,JavaScript 引入了 let、const 等變量聲明關鍵字與塊級作用域,在不同作用域下變量與函數的提升表現也是不一致的。在 JavaScript 中,所有

ecmascript-6 , 作用域 , 技術 , 變量 , 前端

葡萄城技術團隊 - 告別 DOM 的舊時代:從零重塑 Web 渲染的未來

引言 瀏覽器這玩意兒現在真夠詭異的。WebAssembly 在服務器端混得風生水起,但客户端還是那副老樣子,跟十年前沒啥區別。 WASM 粉會跟你吹,通過點 JS 膠水代碼就能調原生 Web API。但核心問題是:為啥非得用 DOM?這東西就是個默認選項罷了。本文直擊 DOM 和相關 API 的痛點,為什麼該讓它們退場了,順便腦洞下怎麼改進。 作者不是瀏覽器全棧專家——沒人能全懂了,這正是癥結所在

dom

來了老弟 - CSS Grid Layout(網格佈局)

CSS 有一些屬性經常被用來解決佈局問題:如(浮動float、定位postion)這些比較 hack 的方法經常會給頁面遺留下一些問題。 彈性盒子Flexbox是一個非常好的佈局工具,網格佈局 CSS Grid Layout 是最新、更強大的佈局方式。本文就來簡單介紹一下什麼是網格佈局。 網格佈局(CSS Grid Layout) 網格佈局是二維的佈局系統,和過去常用的佈局方式相比完全改變

佈局 , Css

友人A - threejs接入gis地圖

把 TIF 解析成可用紋理(如 PNG/JPEG 或直接用 TIF)。 把它當作材質貼到一個 PlaneGeometry 上。 按照它對應的座標範圍換算成 Three.js 世界座標。 把 Plane 放置在對應位置。 !DOCTYPE html html head meta charset="UTF-8" titleThree.js Scene/title style

three.js

你好2007 - Git版本管理工具常用命令整理和説明

工作區:就是你在電腦裏能看到的目錄。 暫存區:英文叫stage, 或index。一般存放在 ".git目錄下" 下的index文件(.git/index)中,所以我們把暫存區有時也叫作索引(index)。 版本庫:工作區有一個隱藏目錄.git,這個不算工作區,而是Git的版本庫。 第一步:用户名和郵箱。 分別修改用户名和郵箱,其中--global帶和不帶的區別在於操作文件是.git/config還

terminal , Git

數據庫知識分享者 - 阿里巴巴雲原生大數據運維平台 SREWorks 正式開源

簡介:阿里巴巴雲原生大數據運維平台 SREWorks,沉澱了團隊近10年經過內部業務錘鍊的 SRE 工程實踐,今天正式對外開源,秉承“數據化、智能化”運維思想,幫助運維行業更多的從業者採用“數智”思想做好高效運維。 作者 | 晟白 來源 | 阿里技術公眾號 隨着行業不斷髮展,大數據AI也逐漸呈現雲原生化的趨勢。複雜的業務場景及其背後涉及到的不同技術方向的開源和自研,使得產品運維面臨技術複雜

阿里巴巴 , 大數據

雲綺棠兮 - js中如何監聽一個對象中屬性的變化

訪問器屬性特性 訪問器屬性:這個屬性不包含數據值,包含的是一對get和set方法,在讀寫訪問器屬性時,就是通過這兩個方法來進行操作處理的。 訪問器屬性包含的四個特性: [[Configurable]]------表示能否通過delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或能否把屬性修改為訪問器屬性, 默認為false [[Enumerable]]-------表示能否通

set , get , 前端 , Javascript

長林啊 - Next.js Font 組件怎麼玩?最佳實踐分享

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者和 AI 探索者;致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! 前面的文章介紹了 Script 組件和 Link 組件,今天我們來看看 Font 組件。在 Web 開發中,字體是一個常常被忽視但至關重要的元素。它不僅影響網站的可讀性和用户體驗,還體現了品牌的個性和風格。選擇

react , next.js , 前端

冷冷的炒麪 - 如何申請國產SSL證書

什麼是SSL證書 SSL證書是安裝在網站服務器上的數字證書,它能讓網站地址從"http://"變成"https://",並在瀏覽器地址欄顯示小鎖圖標。主要作用是: 加密數據傳輸,防止信息被竊取 驗證網站真實性,防止釣魚網站 提升用户信任度和SEO排名 國產SSL證書是由中國認證機構頒發的,符合國內監管要求,適合國內企業使用。 選擇國產SSL證書機構 國內主流的SSL證書頒發機構有: 1.CF

HTTP , HTTPS , 知識