收藏 / 列表

ruozxby 頭像

不語 - kibana.bat 啓動閃退問題的解決

kibana.bat 啓動閃退問題的解決 elasticsearch啓動成功的情況下 kibana.bat啓動閃退，鼠標右擊以管理員的方式啓動，就能成功啓動

es7 , 大數據 , JAVA , 程序員 , 前端

musicfe 頭像

雲音樂技術團隊 - 社交直播遊戲場景前端解決方案專欄（一）：關於Alice.js的起點

本文作者：QHC 前言： 長久以來，傳統前端的工作大多時候在與DOM打交道，近年來，瀏覽器廠商也在不斷努力提高DOM渲染性能，以提高用户體驗。但是更多複雜場景的出現，例如近幾年隨着在線直播、社交娛樂、各種小遊戲的火爆，前端性能的關注度持續提高。特別是遊戲場景，而我們團隊也面臨着一大波h5遊戲化場景，那麼這個系列文章，將帶讀者朋友們一起了解，雲音樂社交直播業務的遊戲化場景解決方案的整體思路與落地案例

dom , canvas , 前端

hui_61e3b3803b922 頭像

xachary - 基於 CSS Grid 的簡易拖拉拽 Vue3 組件，從代碼到NPM發佈（2）- NPM發佈、在線示例

這裏分享一下本開源項目是如何構建組件庫及其如何發佈到NPM上的，還有組件庫與在線示例的構建有什麼差異。 請大家動動小手，給我一個免費的 Star 吧~ 大家如果發現了 Bug，歡迎來提 Issue 喲~ github源碼 NPM 示例地址 文檔 版本更新信息 拖動 調整大小 拖入 嵌套 有限的嵌套 關於構建 與構建有關的文件，主要有： └─ dist - 構建的組件

組件庫 , vue3 , 拖拽 , typescript , 前端

lihaixing 頭像

lihaixing - 二進制運算

一、JS進制 // 二進制(Binary system) // 以0b或0B開頭 var x = 0b10000000000000000000000000000000; // 2147483648 var y = 0B00000000011111111111111111111111; // 8388607 // 二進制轉換 // 正數：就是正數的原碼 // 負數：負號+正數的原碼 // 不是數

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

lirong_60404fde6d52d 頭像

李不要熬夜 - CSS3中的變形處理——transform功能（旋轉、縮放、傾斜、移動）

1 transform屬性 在CSS3中，可以利用transform功能實現文字或圖像的旋轉、縮放、傾斜、移動這4中類型的變形處理。 （1）瀏覽器支持 到目前為止：Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上瀏覽器支持該屬性。 2 旋轉 使用rotate方法，在參數中加入角度值，角度值後面跟表示角度單位的“deg”文字即可，旋轉方向為順時針方向。

transform , Css , 程序員 , 前端

wanzuqiudeshangba 頭像

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統：從 CommonJS 到 ES6 模塊的演變

ECMAScript 6（通常稱為 ES6 或 ECMAScript 2015）是 JavaScript 語言的一個重大更新，帶來了許多新特性，這些特性極大地增強了語言的功能性和可維護性。其中，模塊系統的引入是 ES6 最重要的特性之一，它徹底改變了 JavaScript 的開發模式，從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統，討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

fengliudeshanghen 頭像

風流倜儻的傷痕 - 多環境配置切換機制能否讓開發與生產無縫銜接？

url: /posts/533874f5700b8506d4c68781597db659/ title: 多環境配置切換機制能否讓開發與生產無縫銜接？ date: 2025-09-07T06:55:32+08:00 lastmod: 2025-09-07T06:55:32+08:00 author: cmdragon summary: 依賴注入（Dependency

flask , django , fastapi , 後端 , Python

laughingzhu 頭像

LaughingZhu - DevNow x Notion

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

astro , 博客 , 前端

sihaihande 頭像

漢得數字平台 - 告別集成煩惱！H-ZERO iframe 支持第三方系統 / AI 助手輕鬆接入

一、引言 在企業數字化進程中，“系統集成” 常常是繞不開的難題 —— 想在核心平台嵌入第三方工具，卻被跨應用交互卡殼；想給現有系統快速添加 AI 助手，開發成本又高。這些痛點不僅拖慢業務效率，更讓數字化升級 “卡脖子”。 而 H-ZERO 的 iframe 集成能力，正是為解決這些問題而來。無論是將第三方系統無縫融入自身平台，還是幫第三方系統快速接入 AI 助手，它都能以輕量化方式突破壁壘，讓集

iframe , 前端

yourena_c 頭像

友人A - 低代碼數字孿生三維開發框架

🚀 【重磅發佈】Meteor3DEditor —— 你的數字孿生世界，從此觸手可及！ 還在為複雜的3D開發頭疼？Meteor3DEditor 來了！基於 Three.js + Vue3 打造的全新低代碼數字孿生平台，讓你像玩積木一樣輕鬆搭建3D場景！🎮 ✨ 為什麼選擇 Meteor3DEditor？ ✔ 零門檻可視化編輯 —— 拖拽組件，自由佈局，無需深厚編程基礎 ✔ 超強二次開發

three.js , 低代碼開發平台 , 三維模型 , gis

yinguangyao 頭像

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法 本文是underscore源碼剖析系列的第二篇，主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中，我們講過_上面的方法有兩種掛載方式，一個是掛載到_構造函數上以_.map(arr)的形式直接調用（在後文上統稱構造函數調用），另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , 前端 , Javascript

jianer 頭像

健兒 - 記錄arr.map 和arr.foreach 遇到的回調函數（異步和同步問題）的坑

大致問題是： 通過map或者foreach循環的回調函數操作數組，回調函數內部有ajax異步函數，通過await同步的寫法來調用的。console.log打印出數組跟實際渲染到view層的頁面始終不一致。 後來改寫成for循環就好了。 所以總結出來，基礎知識，在理解map和foreach這個api不夠深刻，也對await 關鍵詞的使用場景理解不透徹（雖然是for循環，但作用域函數可以找

promise , await-async , map , for循環 , Javascript

xingfudenaozhong 頭像

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

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

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

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 一文了解 history 和 react-router 的實現原理

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 在前一篇文章中，我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快，但是它的底層實現原理確是萬變不離其中，在本文中會從前端路由出發到 react

react , react-router , 前端

jsliang 頭像

jsliang - CSS 實例系列 - 03 - Rate 愛心評分

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 今兒要實現的是：Rate 評分 本期將和小夥伴們探討： √ 通過 CSS，配合簡單的 HTML + JS 完成評分組件 本實例的代碼地址： Github - all for one 碼上掘金 - 03 - Rate 愛心評分 一 前言 本 CSS 系列文章： 主推學以致用。結合面試題和工作實例，讓小夥

css3 , css3動畫 , 前端

linong 頭像

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

htvlz 頭像

海豚V靚仔 - HTML 文本格式化

HTML 提供了豐富的元素來格式化文本和展示內容，這些元素不僅讓網頁內容更加豐富多彩，還提高了內容的可讀性和表達力。下面是對您提到的一些文本格式化標籤和“計算機輸出”標籤的進一步解釋和説明： 文本格式化標籤 b 和 strong：兩者都用於加粗文本，但 strong 在語義上更強調文本的重要性，而 b 僅僅是樣式上的加粗。 i 和 em：i 用於表示斜體文本，但主要是樣式上的變化；em 則用

前端 , html5

aresn 頭像

Aresn - View UI Plus 發佈 1.3.1 版本，增強 TypeScript 使用體驗

View UI Plus 1.3.1 版本已於 2022-06-29 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 提供基於 TypeScript 的工程。view-ui-project-ts Playground 默認模板支持切換組合式 API 和選項式 API。Playground 修復 ImagePreview 操作欄在移動端顯示不完整的問題。#104

vue.js , iview , typescript , 前端

qinyuanqiblog 頭像

qinyuanqiblog - vue-cli3 本地無法代理到生產環境的問題分析

問題描述 一個古老項目，之前是基於vuecli2 後來被我遷移到vue cli3, webpack 版本是4.46, vue-cli版本是4.4.4 vuecli配置，之前這個配置是可以直接訪問到生產環境的，後來同樣的配置，無法代理到生產環境，問了下運維大哥，他説就nginx加了個認證來源而已，別的啥都沒做，肯定是前端代理的姿勢不對 解決辦法 輾轉反側，經過一年終於解決了這個問題。

vue-cli , 前端

zxl20070701 頭像

zxl20070701 - React 相關插件之 Redux 基本使用入門

引入和定義 首先，你需要創建Store實例並暴露出來： // stores/login.store.js const loginInstance = (preState, action) = { switch (action.type) { // 修改狀態 case "changeLoginState": preState.isLo

react , redux , 前端

nulidexiaocongmang 頭像

MangoGoing - 基於 React 和 Vite 的前端項目自動化測試方案

背景 前端自動化測試在工程化的研發體系中不可或缺。前端領域的自動化測試常被忽略，原因在於人們認為編寫測試用例成本高且意義不大，本質是覺得投資回報率低。但當收益大於支出時，引入前端自動化測試是必要的。例如在表單功能從簡單到複雜的迭代過程中，手動測試成本會指數級增長且可能無法完成所有測試，此時引入自動化測試能提升效率、保證測試覆蓋範圍、減少誤差和遺漏、實現用例重複使用等。 成本 初始成本，引入自動

playwright , vite , 自動化測試 , 前端

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用調研

1、PWA應用介紹 PWA 是一種通過現代 Web 技術提供類似原生應用體驗的 Web 應用。它的核心特性包括： 可離線訪問：通過 Service Worker 實現離線緩存快速加載 利用緩存策略加速資源加載可安裝 用户可以將 PWA 添加到主屏幕，像原生應用一樣使用響應式設計 適配各種設備屏幕 PWA 的核心技術包括： Service Worker：用於攔截網絡請求、管理緩存

pwa , HTML , 前端 , Javascript

skychx 頭像

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

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

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

qifengliao_5e7f5b20ee3bd 頭像

起風了 - 封裝一個方法，獲取頁面url中的參數值？

封裝一個方法獲取頁面url參數，可作為框架基礎方法使用： //獲取url參數; 正則獲取url參數，包含hash[#]和search[?]兩種通用 export function getUrlQueryByName(param) { const reg = new RegExp('(^|)' + param + '=([^]*)(|$)'); const r = window.lo

regexp , 前端 , Javascript