收藏 / 列表

beckyyyy 頭像

beckyyyy - WebGL：使用着色器進行幾何造型

前言 本文將介紹如何使用着色器來進行幾何造型，説到幾何圖形大家一定都不陌生，比如説三角形、圓形，接觸過WebGL基礎使用的小夥伴一定都知道怎麼去在畫布上繪製一個三角形，只要傳入三個頂點座標，並選擇繪圖模式，我們就能在WebGL的畫布上畫出一個三角形。 但是除了這種形式之外，我們還可以直接使用片元着色器進行幾何造型，那麼具體要怎麼做呢，下面就以三角形作為例子來進行演示。 繪製三角形 要實現三角形的繪

webgl , 圖片裁剪 , 可視化 , 前端

yinzhixiaxue 頭像

銀之夏雪 - AntV G6 基礎元素詳解（React版）

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎，適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫，G6 提供完整的佈局算法 和交互體系 ，開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽： 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點（Nodes）完

數據可視化 , 前端 , Javascript

linong 頭像

linong - 前端培訓-中級階段（10）- 同源策略（2019-08-15期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 同源策略是什麼？ 同源策略是瀏覽器的一個安全功能，不同源的數據禁止訪問。 所以 lilnong.top 下的 ajax 訪問 51vv.com 數據是會報

script , xmlhttprequest , 同源策略 , Ajax , Javascript

_607c00baa52ff 頭像

懟懟 - 【js】迭代器與生成器

迭代器(Iterator) 有時也稱為遍歷器 - 迭代器對象 作用 為各種數據結構提供統一的訪問接口 使數據結構的成員按照某種次序排列 統一的迭代方式for...of循環 1.可迭代(iterable) iterable：擁有Symbol.iterator屬性的數據結構是可迭代的 Symbol.iterator：值為迭代器生成函數 原生可迭代的數據結構： Array

iterator , generator , 前端 , Javascript

u_17072679 頭像

前端小巷子 - Vue 2深入 keep-alive

Vue 2深入 keep-alive keep-alive 是 Vue 2 運行時裏最常被提及卻最少被深究的內置組件。它看上去只是“把頁面緩存起來”，背後卻涉及實例生命週期劫持、LRU 緩存策略、VNode 複用以及內存管理。 一、設計動機 單頁應用裏常見的“標籤頁”“麪包屑”“分步表單”等交互模式，都要求用户在多個路由或狀態之間來回切換。默認情況下，每一次切換都會觸發舊組件

生命週期 , 緩存 , 複用 , 前端開發 , Javascript

u_17141077 頭像

g天命風流 - 併發編程之Java 對象頭的詳細解析

Java 對象頭 以 32 位虛擬機為例 普通對象 |--------------------------------------------------------------| | Object Header (64 bits) | |------------------------------------|-------------------------|

word , 項目代碼 , JAVA , 前端開發 , Javascript

grewer 頭像

Grewer - V8 入門記錄二：環境與調試

環境搭建 這裏先説下我的環境， 這是代碼運行的前提。 系統： Mac Monterey 12.6.8 Xcode: 14.2 Python: 3.11.6 （不要使用 2.x 版本！） 建議全程指令都在FQ工具下進行 由源碼構建 V8 首先我們需要一個工具 depot_tools 執行指令克隆，這裏我是在文件夾 /Users/apple/Sites/demo/depot_tools

v8 , v8js , chrome , 前端 , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - 網站提示 “不安全”？免費 SSL 證書一鍵解決

網站提示 “不安全”？免費 SSL 證書一鍵解決，HTTPS 零成本升級指南 瀏覽器地址欄的 “不安全” 警告，不僅會讓用户直接關閉頁面，還會影響 SEO 排名和品牌信任度。其實不用花錢，免費 SSL 證書就能徹底解決問題，從申請到部署全程簡單易操作，個人站長、中小企業都能快速上手。 zhucema 230959 https://www.joyssl.com/certificate/

容器 , 服務器 , 微服務 , 運維 , 知識

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：Promise.withResolvers

ECMAScript 2024 帶來了一些不錯的新特性，其中 Promise.withResolvers 是一個備受關注的新增方法。這一方法極大地簡化了開發者在手動創建 Promise 時管理 resolve 和 reject 的複雜性。 本文將詳細介紹 Promise.withResolvers 的設計背景、使用方式，並通過多個技術案例展示其在實際開發中的潛力。 背景與問題 在日常開發中，我們

ecmascript , 前端 , Javascript

minnanitkong 頭像

王大冶 - 如何複製由自定義元素組成的網頁的 HTML 代碼

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 有時我們需要獲取某個網頁HTML的本地副本,例如作為測試的輸入。 但複製網頁或元素的HTML並不總是直截了當的。現代網站往往由自定義元素構建。自定義元素通常是影子宿主。影子宿主的 innerHTML 或 outerHTML 屬性只返回直接子元素的HTML,而忽略了包含的影子DOM的

ecmascript-6 , typescript , 前端 , Javascript

nanchengfe 頭像

南城FE - 純CSS實現炫酷文本陰影效果

如圖所示，這是一個文本陰影效果，陰影有多個顏色，鼠標懸停時文本陰影效果消失，文本回到正常的效果。讓我們逐步分解代碼，看看如何使用純CSS實現這個效果的。 基於以上動圖可以分析出以下是本次實現的主要幾個功能點： 文本有多個顏色的陰影的效果 文本有空心鏤空的效果 鼠標懸停時文本回到正常效果 鼠標懸停時英文字體的粗細有變化 實現過程 多層顏色陰影 文字的陰影用text-shadow實現，但

css3 , 動畫 , Css , 前端

gqkmiss 頭像

月恆 - Web 頁面性能衡量指標-以用户為中心的性能指標

Web 頁面性能衡量指標-以用户為中心的性能指標 以用户為中心的性能指標是理解和改進站點體驗的關鍵點 一、以用户為中心的性能指標 1. 指標是用來幹啥的？ 指標是用來衡量性能和用户體驗的 2. 指標類型 感知加載速度：網頁可以多快地加載網頁中的所有視覺元素並將其渲染到屏幕上 加載響應速度：頁面加載和執行組件快速響應用户互動所需的 JavaScript 代碼的速度 運行時響應速度：網頁在加載

性能優化 , 性能分析 , 性能 , 前端 , Javascript