收藏 / 列表

wanzuqiudeshangba 頭像

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中，Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整，靈活地填充可用空間。因此，無論是在桌面端還是移動端，Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例：響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄，項之間應均勻分佈，並且在小屏幕上時，導航項能夠堆疊在一起： nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

fengliudeshanghen 頭像

風流倜儻的傷痕 - Pydantic模型驗證測試：你的API數據真的安全嗎？

url: /posts/03b2afdf35f55dbaef631710ab6da82c/ title: Pydantic模型驗證測試：你的API數據真的安全嗎？ date: 2025-09-03T23:46:18+08:00 lastmod: 2025-09-03T23:46:18+08:00 author: cmdragon summary: Pydantic在

flask , django , fastapi , 後端 , Python

laughingzhu 頭像

LaughingZhu - DevNow: Search with Lunrjs

前言 假期真快，轉眼國慶假期已經到了最後一天。這次國慶沒有出去玩，在北京看了看房子，原先的房子快要到期了，找了個更加通透一點的房子，採光也很好。 閒暇時間準備優化下 DevNow 的搜索組件，經過上一版 搜索組件優化 - Command ⌘K 的優化，現在的搜索內容只能支持標題，由於有時候標題不能百分百概括文章主題，所以希望支持 摘要 和 文章內容 搜索。 搜索庫的橫向對比 這裏需要對比了 fus

blog , 前端

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 - 一文了解 history 和 react-router 的實現原理

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

react , react-router , 前端

jsliang 頭像

jsliang - CSS 實例系列 - 02 - 2023 兔年祝福

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 新年新氣象，讓我們耍一個兔飛猛進的祝福吧： 這個是一個完整的線上小實例，小夥伴們可以填寫數據，服務器會用 Node.js 定期讀取數據： 填寫數據：https://kdocs.cn/l/cbmawranzvNL 效果查看：https://liangjunrong.github.io/ 例如你填的用户名稱是：

puppeteer , node.js , css3動畫 , html5 , Javascript

linong 頭像

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

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

sessionstorage , localstorage , 前端 , html5 , Javascript

htvlz 頭像

海豚V靚仔 - HTML 註釋

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

前端 , html5

aresn 頭像

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

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

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

微信公眾平台 , 前端

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視差動畫實現方案及原理

滾動視差 介紹 視差滾動（Parallax Scrolling）是指多層背景以不同的速度移動，形成立體的運動效果，帶來非常出色的視覺體驗。 實現原理 方式一： 利用 background-attachment 屬性，我們可以把網頁解刨成：背景層、內容層、懸浮層 background-attachment 的作用是設置背景圖像隨着頁面滾動的時候固定，即使一個元素有滾動機制，背景也不會隨着元素

parallax-animation , css3動畫 , 前端

skychx 頭像

鹵代烴 - 🔬 一文搞懂前端兼容問題

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 對於大部分開發者來説，版本兼容是一件存在感很低的事情，因為它在絕大部分情況下都是一行配置，在一些前端工具鏈（例如 Babel、CoreJS，Autoprefixer 等工具）的幫助下適配到目標瀏覽器，只會在一些大的 break change 事件（例如 Vue3 必須在支持 Proxy 的現代瀏覽

瀏覽器兼容性 , webpack , babel , 兼容性問題 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - 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

limingcan562 頭像

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

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

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

yangyaya 頭像

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

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

面試 , 筆試 , 前端 , Javascript

huobaodejianpan 頭像

火爆的鍵盤 - RESTful API 設計方法：打造高質量、易用的接口系統

RESTful 架構基礎 REST，代表表現層狀態轉移（Representational State Transfer），長久以來一直是 API 服務的聖盃，最初由 Roy Fielding 在其博士論文中定義。儘管它不是構建 API 的唯一方法，但由於其廣泛的普及，即使是非開發者也對其有所瞭解。 RESTful 軟件具有六個關鍵特徵： 客户端-服務器架構 無狀態性 可緩存性 分層系統

rest-api , rest , API , restful , api設計

webinfoq 頭像

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

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

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

huashenjianlingshouhuni 頭像

zhanle_huang - highchart滾動條使用--highcharts/highstock

highchart滾動條使用--highcharts/highstock 使用目的 1. 需要固定圖例和y軸，但是x軸需要滾動的情況 引入 1. 不能像普通表格一樣引入highcharts，只需要引入highcharts/highstock 2. 使用import HighStock from 'highcharts/highstock' 替換 import HighStock from 'hig

vue.js , highcharts , 前端 , Javascript

hai2007 頭像

你好2007 - 關於字符串解析的一點理解 （以解析一段HTML字符串為例）

在分析一段字符串的時候，可以藉助字符串的indexOf等方法，或者是正則表達式，可是，如果需要解析的是下面這段字符串： group arc c-bind:cx='_width*0.5' c-bind:cy='_height*0.5' c-bind:radius1='_min*0.5' radius2='100' deg='120deg' /arc group c-for='

vue-loader , 算法 , webpack , template-engine , 前端

powerful_simon 頭像

小謳 - 小程序重構 [cnode社區]：mpvue + 開源api，現已上線！

歡迎關注前端小謳的github，閲讀更多原創技術文章 閒暇時光表浪費，由於技術棧一直用的vue，因此用 mpVue 開發了小程序版本的 cnode 社區，api 也都是官網開源的。有人會問 “mpvue不是已經停止維護了嘛？”——的確是的，而且使用起來有很有坑。但這是我第一次寫小程序，找個最相近的語言最適合——無論選擇哪種技術棧，產品要完整做出來才行。小程序現已上線，後續還將逐步嘗試在tar

vue.js , node.js , 小程序 , mpvue , Javascript