收藏 / 列表

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

風流倜儻的傷痕 - 如何用 Git Hook 和 CI 流水線為 FastAPI 項目保駕護航?

url: /posts/fc4ef84559e04693a620d0714cb30787/ title: 如何用Git Hook和CI流水線為FastAPI項目保駕護航? date: 2025-09-14T00:12:42+08:00 lastmod: 2025-09-14T00:12:42+08:00 author: cmdragon summary: 持續集成(

flask , django , fastapi , 後端 , Python

LaughingZhu - DevNow x Notion

前言 Notion 應該是目前用户量比較大的一個在線筆記軟件,它的文檔系統也非常完善,支持多種文檔格式,如 Markdown、富文本、表格、公式等。 早期我也用過一段時間,後來有點不習慣,就換到了 Obsidian ,但是身邊人用的還是很多的,隨着 Astro 5.0 的發佈,在內容集成上也提供了更多的方向,這期就來聊聊 DevNow 對 Notion 的支持。 1.Notion 設置 1.1 創

astro , 博客 , 前端

漢得數字平台 - H-ZERO富文本組件又上新啦!新增快速創建表格和配置文件封面,快來使用吧!

01 引言 H-ZERO 平台團隊始終專注於開發高效的前端工具組件,通過對 CKEditor4 的深度封裝與創新拓展,為企業用户提供更強大、更貼合業務需求的富文本解決方案。 最近,我們收到了不少項目的真實反饋,集中在這幾個痛點: 關於大家關心的 “是否升級 CKEditor5”:我們調研後發現,CKEditor5 採用 GPL 2+ 開源許可證,該條款要求所有衍生產品必須開源 ——

組件庫 , 前端

友人A - ubuntu 16.04搭建gitlab

hint: 此次搭建由於沒有root賬户權限,所以最開始準備用在線安裝方式的步驟開始,在安裝gitlab-ce的時候無法換鏡像源,所以gitlab-ce採用了離線下載安裝包的方式,其餘的依賴是在線安裝方式。 最開始傳統步驟👇 sudo apt update sudo apt install curl openssh-server ca-certificates sudo apt inst

ubuntu16.04 , Linux , gitlab , gitlab-ce

尹光耀 - underscore數組遍歷函數分析(一)

這是underscore源碼剖析系列第三篇文章,主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了,這兩個方法一般接收三個參數,分別是數組/對象、函數、上下文。 // iteratee函數有三個參數,分別是item、index、array或者value、

underscore , 前端 , Javascript

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

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

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

袋鼠雲數棧UED - 流程圖渲染方式:Canvas vs SVG

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霽明 背景 我們產品中會有一些流程圖應用,例如審批中心的審批流程圖: 我們數棧產品內的流程圖,基本都是使用的 mxGraph 實現的,mxGraph 使用了SVG來渲染圖形。 流程圖組件庫除了 mxGraph,還有其他一些流行的庫,例如:Re

canvas , 前端 , svg

jsliang - 前端都在聊什麼 - 第 2 期

Hello 小夥伴們早上、中午、下午、晚上、深夜好,我是愛折騰的 jsliang~ 「前端都在聊什麼」是 jsliang 日常寫文章/做視頻/玩直播過程中,小夥伴們的提問以及我的解疑整理。 視頻同步:https://www.bilibili.com/vide... 本期對應 2023 年的 01.16-01.31 這個時間段。 本期針對「規劃」「工作」「學習」「閒談」這 4 個板塊進行了討論

求職 , 前端工程師 , 前端

linong - 前端培訓-中級階段(22)- localStorage/sessionStorage本地存儲(2019-10-24期)

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門,但也僅僅是入門,現在前端開發的定義已經遠遠不止這些。前端小課堂(HTML/CSS/JS),本着提升技術水平,打牢基礎知識的中心思想,我們開課啦(每週四)。 Storage Storage 提供了訪問特定域名下的會話級別或永久級別的存儲功能,例如,可以添加、修改或刪除存儲的數據項。 鍵值對是以字符串的形式存儲。且是同

sessionstorage , localstorage , 前端 , html5 , Javascript

海豚V靚仔 - HTML 顏色

顏色在網頁設計和數字藝術中扮演着至關重要的角色。正如您所提到的,顏色可以通過紅色、綠色和藍色的混合(RGB)來定義,這種混合方式允許我們創建出數百萬種不同的顏色。每種顏色的強度(或稱為亮度)可以從0(最暗,表示為#00)到255(最亮,表示為#FF)變化。 在HTML和CSS中,顏色可以通過十六進制顏色代碼(如#FF0000表示紅色)、RGB函數(如rgb(255, 0, 0)也表示紅色)或者顏色

前端 , html5

Aresn - View UI Plus 發佈 1.2.0 版本,新增 Image、Skeleton、Typography 組件

View UI Plus 1.2.0 版本已於 2022-06-13 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增排版組件 Typography,內置豐富的內容排版 UI,支持拷貝、可編輯、省略等功能。Typography 共包含 5 個組件: Typography 內容結構 Title 標題 Paragraph 段落 Te

vue.js , vue3 , iview , 前端 , ui

qinyuanqiblog - 使用 puppeteer + nodejs 爬取喜歡的動漫資源

起源 最近突然想嘗試剪視頻,所以就想先從動漫開始,二次元搞起來,剪視頻就必須需要原視頻,怎麼找到這些資源呢,知乎一搜一大把 我經常會上六DM 裏面去看動漫,裏面的動漫清晰度也還可以,所以就想怎麼寫個爬蟲直接把喜歡的動漫下載下來,畢竟是幹前端的,手動下載有點丟人把 😄😄😄 最終效果 下載後的文件名不是.mp4 怎麼解決 比如説我下載的這個龍貓就是啥yum格式的,我

puppeteer , node.js , 前端

zxl20070701 - TypeScript系列:【6】模塊

導出 導出聲明 比如變量、函數、類、類型別名或接口等,例如: export interface DemoType { } 或者 export const demo: number = 10; 當然,別的聲明也可以,這裏就不一一舉例子了。如何記住?在聲明語句的開頭加一個export即可。 導出語句 有時候,我們可能需要先聲明,然後導出,可以使用類似下面的語句: class DemoClass {}

ecmascript-6 , module , export , import , typescript

MangoGoing - React Native mac環境下解決iOS 9以上系統對HTTP請求的限制

問題 新搭建的一個項目,在使用fetch進行網絡請求的時候遇到一個報錯: TypeError: Network request failed. 嘗試直接在瀏覽器打開url訪問可以正常拿到返回值。(url是http協議) 原因 這個API請求是http的協議請求,在iOS9以上系統,已經把http協議的請求限制了。 iOS9引入了新特性App Transport Security

react-native , ios9

PatWu16 - DragControls拖拽插件優化:從指定平面到任意平面

現狀:Threejs官方demo提供了DragControls.js平面拖拽控件,但只能拖拽Object在垂直於相機法線的平面上移動 目標場景:在六面體空間盒子中沿着六面體平面拖拽物體,並且需要限制在盒子內部 已知:空間盒子大小,對象所在的平面 方案設計: 將Object拖拽依賴的信息放在userData中,示例如下 基於拖拽控件,改造部分關鍵代碼,實現目標 // 模型對

three.js , 前端 , Javascript

鹵代烴 - 🪢 [網絡協議] 淺談 HTTP 優先級算法的演進

如果你喜歡我的文章,希望點贊👍 收藏 📁 評論 💬 三連支持一下,謝謝你,這對我真的很重要! 前兩天在「即刻」上一時興起寫了一段 HTTP 優先級的發展歷程,這兩天覺得當時寫的還是太倉促了,所以準備寫個 Blog 擴寫一下,就「優先級」這個概念縱向分析,看看這些基礎協議的發展和進化。 正式講之前先列個時間線,這樣的話對以下內容的理解會有個更直觀的認識: 1997 年,經過前幾年幾

http3 , http-2 , HTTP , 網絡傳輸協議 , 前端

起風了 - React.PureComponent深入瞭解機制及其原理

起因 用React.PureComponent時,更新state裏面的count用的方式是++this.state.count,但是意外的導致組件沒有重新render(本人用Hook組件較多,所以感到很疑惑) import React from 'react'; import { Button } from 'antd-mobile'; class DemoChildClass extends

react , setstate , component

limingcan - 弄懂這幾個概念後,我對webpack有了新的理解

前言 隨着vite的誕生,webpack似乎漸漸的被大家拋棄。前陣子我也用vue@3.x + vite@4.x開發了一個後台管理系統,體驗了一把,確實有被vite飛快的啓動速度給驚豔到。 但是畢竟webpack已經誕生了許久,也經過市場的一些考驗,並且它有着豐富的插件,豐富的功能,一些大型的項目也使用過它,目前來説,它是一個相對於vite來説更穩定的打包工具。 基於以下原因: 有些公司由於歷史

構建工具 , webpack5 , webpack , 前端 , Javascript

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

前言 不論是寒冬還是暖冬,找工作之前都需要做好充足的準備,面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己,也給需要的同學。 手寫題是比較好準備的一個環節,大部分公司考察的題也就那麼多,大都不會超出範圍。 本文是手寫題系列的第二篇文章。 往期: "寒冬"三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等) "寒冬"三年經驗前端面試總結(含

面試 , 筆試 , 前端 , Javascript

火爆的鍵盤 - 利用 pyhttptest 快速測試和調試 RESTful API

現在,無論是開發還是使用服務,我們每個人都面臨着 REST API 的挑戰。同時,我們正處於微服務的流行時代,我們將業務邏輯拆分為多個獨立的小服務。這些服務大多遵循 RESTful 原則,並使用 JSON 格式進行通信,因為其簡單性使其成為最廣泛使用的格式。 pyhttptest- 這是一個命令行工具,用於對 RESTful APIs 進行 HTTP 測試。 此工具通過三個簡單的步驟實現自動化測試

API , 測試 , restful , 測試工具 , 後端

破曉L - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢,節省寬帶,並降低服務器成本,但許多網站並不重視緩存,造成競爭條件,導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一: 模式一:不可變(immutable)內容 + 長 max-age 模式二:可變(mutable)內容,始終由服務器驗證 模式一:不可變內容 + 長 max-age Cache-Control:max-age=31536

http緩存 , Css , 瀏覽器緩存 , 前端 , Javascript

zhanle_huang - highchart的(column)柱狀圖修改圖例

(highchart的(column)柱狀圖修改圖例) 情況説明 柱狀圖的圖例默認是圓點的,如圖 要修改成方形,可以採用如下形式 plotOptions: { column: { tooltip: { pointFormat: `span style="color:{point.color}"\u25A0/span {series.n

vue.js , highcharts , 前端 , Javascript