收藏 / 列表

kasong 頭像

卡頌 - 對於“前端狀態”相關問題，如何思考比較全面

大家好，我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了？前端應該跟着React走還是跟着JS、TS走？- beeplin的回答。 在這個回答的基礎上，我想引申出一個問題 —— 對於前端狀態相關問題，如何思考比較全面？ 今天，我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣，帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之，在他們

react , vue.js , mobx , redux , 前端

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 瀏覽器同源策略，聽説過麼？

摘要：同源策略就是指必須在同一個協議，域名，端口號下，而且三者必須一致的。 本文會從以下幾個方面講述同源策略： 第一點 what：什麼是同源策略 第二點 why：為什麼需要同源策略 第三點 how：如何解決經典的跨域問題 什麼是同源策略 什麼是同源策略呢？通常一個概念出來之後，我會從生活的實際例子找到解析，你可以想象一下，假如你們家的房子，是不是不允許陌生人進入，如果可以隨便進入，那麼久有可能被盜

cors , 瀏覽器 , 同源策略 , 跨域 , Jsonp

ruozxby 頭像

不語 - ik分詞器 自定義字典無效問題以及解決

關於kaibana自定義字典不生效的問題 kibana 自定義字典不生效的解決： 1確認ik分詞器在ES啓動時生效了(ES啓動時可以再日誌中看那些插件啓動了) 2確認自定義字典的編碼是否正確(一般使用utf-8)，字典不生效90%都是編碼不正確

es7 , JAVA , 程序員 , 後端 , 前端

musicfe 頭像

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

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

dom , canvas , 前端

hui_61e3b3803b922 頭像

xachary - 基於 CSS Grid 的簡易拖拉拽 Vue3 組件，從代碼到NPM發佈（3）- 小結

基本完成了拖動、調整大小、拖入、拖出、嵌套、刪除等特性，可以基於組件嵌套，也可以基於數據結構嵌套。算是告一段落了，後面在使用過程發現問題解決問題好了。 請大家動動小手，給我一個免費的 Star 吧~ 大家如果發現了 Bug，歡迎來提 Issue 喲~ github源碼 NPM 示例地址 文檔 交互細節 拖動 基本拖動 拖動區域擴展 拖動目標判斷 調整大小 基本調整大小 調整

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

user_ze46ouik 頭像

Sunshine_Lin - 看似簡單的題，席捲幾十個前端羣，王紅元老師都親自出面解答

前言 大家好，我是林三心，用最通俗易懂的話講最難的知識點是我的座右銘，基礎是進階的前提是我的初心。 首先説明這不是標題黨，是真的，這道題席捲了幾十個羣，能回答出來的人是微乎其微，最後連王紅元老師都親自出面解答了這道題。 題目 先來看看這道題長什麼樣吧 var x = 1; function f(x, y = function () { x = 3; console.log(x); }) {

ecmascript-6 , 作用域 , 面試 , 前端 , Javascript

lihaixing 頭像

lihaixing - 二進制運算

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

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

lirong_60404fde6d52d 頭像

李不要熬夜 - ES6 變量作用域與提升：變量的生命週期詳解

本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建全局對象等內容。 變量作用域與提升 在 ES6 之前，JavaScript 中只存在着函數作用域；而在 ES6 中，JavaScript 引入了 let、const 等變量聲明關鍵字與塊級作用域，在不同作用域下變量與函數的提升表現也是不一致的。在 JavaScript 中，所有

ecmascript-6 , 作用域 , 技術 , 變量 , 前端

wanzuqiudeshangba 頭像

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

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

yarn , go , 後端 , 前端 , Javascript

fengliudeshanghen 頭像

風流倜儻的傷痕 - 測試覆蓋率不夠高？這些技巧讓你的FastAPI測試無懈可擊！

url: /posts/0577d0e24f48b3153b510e74d3d1a822/ title: 測試覆蓋率不夠高？這些技巧讓你的FastAPI測試無懈可擊！ date: 2025-09-02T01:49:10+08:00 lastmod: 2025-09-02T01:49:10+08:00 author: cmdragon summary: FastAPI

flask , django , fastapi , 後端 , Python

laughingzhu 頭像

LaughingZhu - Doc for DevNow

前言 DevNow 是一個精簡的開源技術博客項目模版，支持 Vercel 一鍵部署，支持評論、搜索等功能，歡迎大家體驗。 🎉🎉 首先慶祝下 DevNow star 在不久前過百，對我來説還是蠻有成就感的，感謝大家的支持。 文檔 之前收到一些朋友私信問關於 DevNow 部署和一些配置的問題，陸陸續續發了幾個相關的文章，但是當文章多了的時候就會不容易查找，所有這兩天就整理了下相關的內容，輸出了

astro , 博客

sihaihande 頭像

漢得數字平台 - 【鯤蒼提效】從零開始輕鬆定製企業級容器應用

漢得鯤蒼基礎架構管理平台的核心目標是為企業的異構系統提供簡單高效的一站式統一閉環管理能力，包括統一資源（集羣、主機、存儲等）管理、統一應用及部署管理、統一監控管理、統一服務治理，幫助企業實現更快、更好、更全面的異構系統管理。 接下來我們將會提供一系列推文，介紹鯤蒼平台的使用，幫助您快速瞭解本平台，給您更好的使用體驗。 本文為系列推文的第二十七講，將介紹如何通過鯤蒼從零開始輕鬆定製企業級容器

應用開發 , 部署 , 基礎架構

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中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了，這兩個方法一般接收三個參數，分別是數組/對象、函數、上下文。 // iteratee函數有三個參數，分別是item、index、array或者value、

underscore , 前端 , Javascript

jianer 頭像

健兒 - 再次理解異步setTimeout 方法

先看一段代碼： console.log('-',new Date().getTime()) for(let i = 0;i100;i++){ setTimeout(function(){ console.log('exeute'); },100); } console.log('i',new Date().getTim

eventloop , settimeout , 線程 , 異步 , Javascript

xingfudenaozhong 頭像

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

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

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

daishuyunshuzhanqianduan 頭像

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

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

react , redux-toolkit , redux , 前端

jsliang 頭像

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

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

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

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 顏色

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

前端 , 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 - angularjs 學習筆記

angularjs官網 Awesome AngularJS angularjs菜鳥學院 angular 中文網 angular新手經常會碰到的坑 angularjs核心功能介紹 所有的東西都是綁在module上面的 angular .module('app', []) // module .factory() //

angularjs , 前端

zxl20070701 頭像

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

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

react , redux , 前端

nulidexiaocongmang 頭像

MangoGoing - CSS 技術沉澱

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

css技巧 , HTML , 前端