收藏 / 列表

xachary - 使用Three.js如何通過代碼動態改變模型的視角

場景 作為剛剛接觸 Three.js 的小白,在工作中遇到下面的需求: 加載一個 3D 模型 通過代碼切換預設的任意模型的視角 最終效果(在線示例): 👆基於官方示例增加的控制代碼 我們通過官方示例可以知道,只要使用 OrbitControls 就可以通過鼠標調整模型的視角。可是,能不能通過代碼,切換特定的視角呢?有沒有官方的 API 可以實現這個交互呢?小白暫時未能找到拿來即用的示例

three.js , 3d , 前端

lihaixing - 二進制運算實例

實際使用 位運算只可運用於整數,對於 float 和 double 不行。 WebGL 遊戲數據處理 WebSockets、AJAX、Fetch、WebRTC 服務通信 WebUSB、WebAudio 硬件通信 Crypto 加密算法 1. 一些基本用法 位運算 功能 示例 x 1 去掉最後一位 101101-101

react , vue.js , 二進制 , 前端 , Javascript

玩足球的傷疤 - JavaScript與TypeScript的對比:深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言,尤其在前端開發中,它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似,但它們有着顯著的差異,尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異,幫助開發者理解何時選擇使用 JavaScript 或 TypeScript,以及如何在項目中有效地運用它們。

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

風流倜儻的傷痕 - 如何用FastAPI玩轉多模塊測試與異步任務,讓代碼不再“鬧脾氣”?

url: /posts/ddbfa0447a5d0d6f9af12e7a6b206f70/ title: 如何用FastAPI玩轉多模塊測試與異步任務,讓代碼不再“鬧脾氣”? date: 2025-09-10T06:22:28+08:00 lastmod: 2025-09-10T06:22:28+08:00 author: cmdragon summary: Fas

flask , django , fastapi , 後端 , Python

LaughingZhu - Cloudflare R2 - 免費圖牀

前言 之前看了一篇文章,關於介紹 Cloudflare R2 來搭建圖牀的方案,主要是白嫖 Cloudflare 的空間和 cdn 服務。我現在博客 DevNow 的 CDN 使用的是七牛雲,偶爾還是有一點點的支出。 雖然不多,但是吧,看到有白嫖的方案,還是蠢蠢欲動,這不今天就來試着弄下看看。 1. 註冊Cloudflare賬號 先簡單介紹下 Cloudflare 是一家提供網絡安全和性能優化服

cloudflare , blog

漢得數字平台 - 零衍註冊功能:靈活高效,開啓統一註冊管理新時代

概述 為助力企業實現高效、合規的用户准入管理,零衍正式推出——統一註冊管理功能,通過靈活的頁面配置、註冊-審批-通知全流程的管理,提升用户註冊效率,增強企業用户管理的核心基礎建設。 一、 功能亮點 為企業創造的核心價值 管理提效: 自定義頁面字段與審批流程,靈活適配業務變化 支持不同域名下配置註冊入口,頁面展示字段等,覆蓋多種使用場景 效率躍升: 註冊轉化率提升,用户數據管理更高效

身份校驗 , 權限控制 , 系統管理

友人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

尹光耀 - underscore源碼剖析之整體架構

underscore源碼分析之整體架構 最近打算好好看看underscore源碼,一個是因為自己確實水平不夠,另一個是underscore源碼比較簡單,比較易讀。 本系列打算對underscore1.8.3中關鍵函數源碼進行分析,希望做到最詳細的源碼分析。 今天是underscore源碼剖析系列第一篇,主要對underscore整體架構和基礎函數進行分析。 基礎模塊 首先,我們先來簡

underscore , 前端 , Javascript

幸福的鬧鐘 - 我們都被困在系統裏的…程序員

前言 2020年外賣最火熱的時候,有一篇文章《外賣騎手,困在系統裏》。 作為一個互聯網從業人員,我之前從未有機會體會到,當每一個工作都要被時間和算法壓榨時,我會是一種怎樣的感受。 而最近的一段經歷,我感覺也被困在系統裏了。 起因 如果你是一個研發人員,免不了要值班、處理線上問題。當然這都很正常,每個系統都有bug或者諮詢類的問題。 由於我們面臨的客户比較多,加上系統有一些易用性的問題或bu

react-native , JAVA , 程序員 , 後端 , 前端

袋鼠雲數棧UED - redux vs redux-toolkit 及源碼實現

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霜序 前言 為何講這個內容?以為後續大家會使用 redux-toolkit,資產上週做了 redux-toolkit 的升級順便了解了相關內容,產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理

react , redux-toolkit , redux , 前端

jsliang - CSS 實例系列 - 04 - Dropdown 下拉麪板

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 今兒要實現的是:Dropdown 下拉麪板 本期將和小夥伴們探討: √ 通過精簡結構,講解 HTML 和 CSS 搭配如何實現 Dropdown 下拉麪板 本實例的代碼地址: Github - all for one 碼上掘金 - 04 - Dropdown 下拉麪板 視頻講解 一 前言 本 CSS 系

css3 , Css , css3動畫 , 前端 , html5

linong - 前端培訓-中級階段(21)- xhr2、FormData(2019-10-17期)

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門,但也僅僅是入門,現在前端開發的定義已經遠遠不止這些。前端小課堂(HTML/CSS/JS),本着提升技術水平,打牢基礎知識的中心思想,我們開課啦(每週四)。 AJAX 我們肯定不陌生,低版本IE使用new ActiveXObject("Microsoft.XMLHTTP"),其他瀏覽器使用new XMLHttpReq

formdata , xmlhttprequest , Ajax , html5 , Javascript

海豚V靚仔 - HTML 註釋

關於HTML註釋標籤和條件註釋的説明非常清晰。 HTML 註釋標籤 HTML中的註釋標籤用於在代碼中添加説明或註釋,這些註釋對瀏覽器是不可見的,因此不會影響頁面的顯示。註釋標籤的語法非常簡單,以!--開始,以--結束。註釋可以用於解釋代碼段的功能、標記需要修改或待完成的部分,或者放置版權信息、作者信息等。 示例 !-- 這是一個註釋,它不會在頁面上顯示 -- p這是一個段落。/p !-- 提醒:

前端 , html5

Aresn - View Design 物料市場項目已全部適配 Vue.js 3

目前,物料市場中的所有內容均已完成 Vue.js 3 的適配,View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有: 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

vue.js , iview , 前端 , html5 , Javascript

qinyuanqiblog - 微信PC端掃碼登錄流程記錄

前言 接入微信掃碼登錄整個流程的記錄 具體步驟 1. 註冊開發者賬號​ 2.創建應用,得到appid和AppSecret,並配置回調域名 2.1 創建應用 2.2 填寫應用資料,提交審核,審核通過會得到開發需要用的appid和AppSecret,這兩個值, 這個值會給到後台,然後然後再通過接口給到我們 2.3 應用創建成功,配置回調域名 4. 開發者資質認證 5. 配置一個內網穿透,方便

微信公眾平台 , 前端

zxl20070701 - 從JQuery出發總結的關於原型使用上的一些淺薄理解

比如我們現在的需求如下。 有一個函數MyObj,支持如下功能: 可以通過MyObj()的方式返回一個對象,這個對象和new MyObj()是等價的 MyObj本身是一個對象,可以通過MyObj.doit()的方式調用其上的方法或屬性 為了實現需求,第一反應是: var MyObj=function(){ return new MyObj(); }; 然後在My

prototype , proto , jquery插件 , jquery , 前端

MangoGoing - koa實踐總結

什麼是koa? koa是Express的下一代基於Node.js的web框架。使用 koa 編寫 web 應用,通過組合不同的 generator,可以免除重複繁瑣的回調函數嵌套,並極大地提升常用錯誤處理效率。Koa 不在內核方法中綁定任何中間件,它僅僅提供了一個輕量優雅的函數庫,使得編寫 Web 應用和API變得得心應手。 Koa能幹什麼? 主要用途 網站(比如cnode這樣的論壇) ap

koa2 , node.js , koa.js , 前端 , Javascript

鹵代烴 - ⚡️ [性能優化] 瀏覽器是如何用 HTML Preload Scanner 偷偷優化資源下載的

如果你喜歡我的文章,希望點贊👍 收藏 📁 評論 💬 三連支持一下,謝謝你,這對我真的很重要! 大家好,我是專注於做性能優化的鹵代烴。 做網頁相關的性能優化時,需要對瀏覽器的底層原理有一定的瞭解,這樣才能更好的讓頁面走在 happy path 上。今天我們就瞭解一個很少被人所知的瀏覽器默認性能優化方案 —— HTML Preload Scanner,看看它是如何優化網絡資源加載速度的。 瀏覽器

性能優化 , chrome , 瀏覽器原理 , 前端

起風了 - Mac使用Charles成功代理連接手機進行抓包!!!

操作指南 操作環境: 電腦系統:Mac OS 手機系統:iOS 12及以上/Android Charles版本:V4.5.6 第一步:安裝Charles證書到Mac 1、啓動Charles,選擇Help--SSL Proxying→Install Charles Root Certificate 2、此時會啓動“鑰匙串訪問”APP,並找到剛開安裝好的證書,證書名字:Charles

charles , 前端

limingcan - 不幸中帶點萬幸的2022,該何去何從的2023

本文參與了 SegmentFault 思否年度徵文「一名技術人的 2022」,歡迎正在閲讀的你也加入。 前言 手指在鍵盤上滴答滴答敲着,臉龐感受着窗外清風輕輕的拍打,身體正接受着陽光的沐浴。在手指按下鍵盤的瞬間,我扭了扭脖子,伸了伸懶腰,看向電腦右上角的日期,距離2022年結束,還有23天。 不幸中又帶點幸運的2022 在疫情的衝擊下,大環境都很低迷,對於大部分人來説,這是不幸的。在這片低迷的氛圍

2022-年度總結 , 職業規劃 , 前端

陽呀呀 - “寒冬”三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等)

前言 跳槽是每個人的職業生涯中都要經歷的過程,不論你是搜索到的這篇文章還是無意中瀏覽到的這篇文章,希望你沒有白白浪費停留在這裏的時間,能給你接下來或者以後的筆試面試帶來一些幫助。 2019也許是互聯網未來10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去嘗試嘗試,你永遠不知道市面上的行情如何。這次找工作下來,我自身感覺市場並沒有那麼可怕,也拿到了幾個大廠的offer。在

面試 , 筆試 , 筆試題 , 前端

火爆的鍵盤 - 理解 gRPC 和 REST 的概念

gRPC, 由 Google 推出的開源遠程過程調用(RPC)框架, 使兩個應用程序間的方法調用變得簡單,支持結構化數據的交換。通過採用 Protocol Buffers (Protobuf) ——一種與語言無關的接口定義語言,gRPC 體現了許多現代網絡通信技術的優勢,如: 使用二進制格式傳輸數據。 實現多路複用,提高併發能力。 支持服務器端的數據推送功能。 進行數據頭壓縮以減少傳輸成

rest , grpc , API , 後端

破曉L - 現代 JavaScript 框架工作原理你瞭解多少?

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年,但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時,我常常會被自己不知道的事情壓得喘不過氣來。 不過,瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外,我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , Javascript

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖,能夠通過鼠標去拖拽點,來進行修改圖表 實現 例子基於vue來實現,如果是jq的按照官網的例子即可,配置列表鏈接.,例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

vue.js , highcharts , 前端 , Javascript