收藏 / 列表

lihaixing 頭像

lihaixing - 二進制運算實例

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

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

wanzuqiudeshangba 頭像

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度？

引言 在前端開發中，包管理器是必不可少的工具，用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器，作為 npm 的替代方案，它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是：Yarn 如何優化依賴安裝的速度？ 本文將專注於這個問題，深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前，先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript

fengliudeshanghen 頭像

風流倜儻的傷痕 - 分佈式數據庫解析

title: 分佈式數據庫解析 date: 2025/2/20 updated: 2025/2/20 author: cmdragon excerpt: 通過金融交易、社交平台、物聯網等9大真實場景，結合Google Spanner跨洲事務、DynamoDB毫秒級擴展等38個生產級案例，揭示分佈式數據庫的核心原理與工程實踐。內容涵蓋CAP定理的動態權衡策略、Paxos/

elasticsearch , redis , MySQL , nosql , 數據庫

laughingzhu 頭像

LaughingZhu - DevNow：支持集成 Tina CMS

前言 想了很久是否要集成一個類似 CMS 的管理平台來管理這些文章的內容，終於在這周開始落地了。簡單説一下我為什麼有這個想法的：由於 DevNow 的定位📌是一個開源的博客項目，所以我在努力的跳出我自己的想法，避免因為一些自己想要的一些功能來讓 DevNow 看起來更加的臃腫。集成 Headless CMS 的主要目的是優化現在的工作流，由於我們是基於 Astro 來構建的一個博客項目，所以我們

astro , blog , Markdown

sihaihande 頭像

漢得數字平台 - 飛搭系列 | 配置權限管理，實現配置的精細管控

飛搭低代碼平台（FeiDa，以下簡稱“飛搭”），為企業提供在線化、靈活的業務應用構建工具，支持高低代碼融合，助力企業低門檻、高效率和低成本地快速應對市場變化，加速複雜業務場景落地。 概要介紹 靈活的功能配置需要有權限管控以確保配置過程的安全性與合規性，防止未經授權的修改或調整行為。完善的配置權限管理能夠有效避免越權操作、配置錯誤或系統風險，保障企業系統運行的穩定與安全。 飛搭提供配置權限管

權限控制 , 用户權限 , 角色權限

yourena_c 頭像

友人A - threejs-夜景

記錄threejs實現夜景光照、投影、陰影、反射、材質顏色編碼的效果 主要是光源設置了shadow、encoding !DOCTYPE html html head meta charset="UTF-8" titleThree.js Scene/title style body { margin: 0; }

three.js , 三維模型 , gis , 前端

yinguangyao 頭像

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

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

underscore , 前端 , Javascript

xingfudenaozhong 頭像

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

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

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

daishuyunshuzhanqianduan 頭像

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

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

canvas , 前端 , svg

wuyagege 頭像

雲綺棠兮 - JavaScript創建對象的多種方法

方法一 ----通過字面量創建 let obj = { name: 'zhang', age: 12, sayName: function () { console.log(this.name); } } console.log(obj);//{ name: 'zhang', age: 12, sayName: [Function: sayName

prototype , object , Javascript

jsliang 頭像

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

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

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

linong 頭像

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd，但是能人力預算不太夠，所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST？ AST（Abstract Syntax Tree，抽象語法樹）是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST，可以理解代碼的結構和含義，實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript

htvlz 頭像

海豚V靚仔 - HTML 註釋

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

前端 , html5

aresn 頭像

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 頭像

qinyuanqiblog - puppeteer模擬用户爬取網站（附贈Chromium 無法下載的解決辦法）

起源 最近被前同事問是否可以幫他去爬取一個網站的數據，然後他把網站發給我了，之後我就去研究了下， 本來計劃用spider-flow 這個東西來爬的，畢竟能不寫代碼的，為啥我要去寫代碼，然後研究了下spider-flow 發現滿足不了需求，浪費了兩天時間， 😄😄😄， 還是老老實實手寫把,對spider-flow 感興趣的可以看看我寫的：https://www.mubucm

puppeteer , nodejs爬蟲

zxl20070701 頭像

zxl20070701 - 從零開始搭建 Vue3 組件庫開發環境

搭建開發環境 Vite初始化 新建一個空的文件夾，比如叫 Vue3UI ，然後使用命令行在此文件夾下使用npm初始化： npm init 回車後，我們再安裝vite（我們這裏選擇使用Vite進行打包，使用別的也類似）： npm install --save-dev vite 根目錄創建 index.html 文件，裏面內容如下： !DOCTYPE html html lang="zh-cn"

vue.js , vite , component , 前端 , ui

nulidexiaocongmang 頭像

MangoGoing - CSS 技術沉澱

基礎理論 元素的顯示與隱藏 根據不同的需求選擇隱藏方案 如果希望元素不可見，同時不佔據空間，輔助設備無法訪問，同時不渲染，使用script標籤隱藏 script type="text/html" img src="./img/55.png" / /script 獲取數據的方法使用 document.querySelector('script').innerHTML 如果希望元素不可

css技巧 , HTML , 前端

skychx 頭像

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

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

性能優化 , 跨域 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - (移動端適配px轉rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安裝插件 yarn add lib-flexible postcss-px2rem-exclude //這個插件也要下，不然的話啓動項目的時候會報錯 yarn add react-app-rewire-postcss 2、修改config-overrides.js（如果沒有就新建，在項目根目錄） 在config-overrides.js文件裏重寫postcss，加入如下代碼 這文件將a

react , px2rem , rem , html5

limingcan562 頭像

limingcan - JS繼承面試的時候怎麼説？答應我，不要再死記硬背了好嗎？

前言 JS繼承這塊，ES6已經有class很香的語法糖實現了，ES6之前那些實現繼承的方法真的又多又長，説句心裏話，能不學真的不想再學，但是沒辦法，面試還是要搞你呀，所以這兩天看回ES6之前的繼承，發現還是蠻有意思的。寫這篇文章也是對自己的一個梳理總結，也希望能幫助到大家弄懂繼承這塊，這樣就不需要再死記硬背八股文，面試自由發揮就好。 JS的繼承，核心就是靠原型鏈完成。如果大家對原型鏈還不是很

面試 , 繼承 , 原型鏈 , 前端 , Javascript

yangyaya 頭像

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

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

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

huobaodejianpan 頭像

火爆的鍵盤 - Windows 如何使用 cURL 命令？基礎入門

在工作流程中，為了快速驗證 API 接口有效性，團隊成員經常轉向直接執行 cURL 命令的方法。這種做法不僅節省時間，而且促進了團隊效率的提升。對於使用 Windows 系統的用户來説，這裏有一套詳細的操作指南來執行 cURL 命令。 檢查 Windows 系統的 cURL 環境 Windows 系統默認情況下應該已經安裝了 cURL 環境。可以通過快速的步驟來驗證：按下Win + R鍵，輸入cm

JAVA , curl , 程序員 , 後端

webinfoq 頭像

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

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

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

huashenjianlingshouhuni 頭像

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

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

vue.js , highcharts , 前端 , Javascript