收藏 / 列表

chencaize 頭像

點墨 - VSCode 樣式格式化

在使用VSCode的插件進行less文件格式化的時候，發現會存在問題。 index.less @prefix: test; @{prefix}-input{ color :red; width : @base-with; height : @base-height; } @base-size : 10px; @base-with : @base-

less , vscode插件 , scss , visual-studio-code , Css

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Creating An Effective Multistep Form For Better User Experience

For a multistep form, planning involves structuring questions logically across steps, grouping similar questions, and minimizing the number of steps and the amount of required information for each s

ux , Design , Javascript

linx 頭像

前端路引 - Web前端入門第 89 問：總結 8 種跨域通信處理方案

為什麼會跨域？跨域是誰附加的限制？為什麼 APP 不會有跨域問題？ 首先跨域問題是由於瀏覽器的同源策略（Same-Origin Policy）導致的，基本上所有瀏覽器都有限制，默認情況是不允許跨域訪問的！！ APP 的請求不受瀏覽器的同源策略限制，所以不存在跨域。類似一個服務器像另一個服務器發起請求一樣，也不會受跨域影響。 想想一下：如果瀏覽器沒有同源策略限制，A 網站可以隨意訪問 B 網站內容，

前端

hsr2022 頭像

後山人 - 告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗

告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗 在企業級應用開發中，後台管理系統是不可或缺的一環。然而，重複的CRUD（創建、讀取、更新、刪除）工作常常佔據了開發者大量寶貴時間。今天，我們聚焦一個優秀的開源項目——鋭智後台（RaiseAdmin）快速開發平台，它正以其現代化技術棧和創新的“懶人”代碼生成器，為開發者帶來一場效率革命。 一、現代化技術棧：性能與體驗

vue.js , MySQL , php , Javascript

kestrel_task 頭像

微芒不朽 - CSS Flex 佈局比 float 更值得學

在現代 Web 開發中，佈局是構建用户界面的核心環節。長期以來，CSS 的 float 屬性曾是實現多列布局的主要手段，但隨着 CSS 技術的發展，Flexbox（彈性盒子佈局）已成為更強大、更直觀、更可靠的佈局方案。本文將從多個維度對比 float 與 Flex 佈局，並闡明為何 Flex 佈局更值得投入時間學習和使用。 1. 歷史背景：從 float 到 Flexbox float 最初設計用

前端

beckyyyy 頭像

beckyyyy - 居中佈局：水平居中和垂直居中

居中佈局在實際場景中很常見，在面試當中也經常會被考察。 以下分別是水平居中和垂直居中常用的樣式。 水平居中 margin: 0 auto; + width 應用於塊級元素居於容器中間 若節點不是塊級元素，需聲明display: block 若節點寬度已隱式聲明則無需顯式聲明width div class="h-c1" p談笑有鴻儒，往來無白丁。談笑有鴻儒，往來無白丁。/p /div

佈局 , 面試 , Css , 前端

dirackeeko 頭像

DiracKeeko - [axios] 實現頁面級批量取消請求

在請求發送階段(未取得返回結果時)，前端(瀏覽器)取消請求，捕獲該狀態，並做異常攔截處理。 思路: 1、記錄每個請求的cancelToken。 2、在頁面路由更新時(從頁面A進入頁面B時)取消A頁面未完成的請求。 3、把"取消請求"的異常狀態做一個特殊的異常標記。 4、全局請求攔截器對這種特殊的異常標記做靜默處理。 代碼實現: 1、全局的請求實例攔截器中，增加配置，通

Axios , 前端

apifox 頭像

Apifox - 如何使用mock.js實現接口測試的自動化？

Mock.js 基礎用法介紹 Mock.js是一個常用於生成隨機數據和攔截Ajax請求的JavaScript庫。本文將介紹Mock.js的用法，包括安裝和基礎用法，在開始前我們可以看下看：瞭解 Mock.js 的語法規範。 安裝 可以通過npm安裝Mock.js： npminstallmockjs 基礎用法 隨機生成一個用户信息 使用Mock.js可以很方便地生成隨機數據。下面的示例中，每個用户信

vue.js , mock.js , mock , 前端 , Javascript

yinzhixiaxue 頭像

銀之夏雪 - AntV G6 基礎元素詳解（React版）

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎，適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫，G6 提供完整的佈局算法 和交互體系 ，開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽： 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點（Nodes）完

數據可視化 , 前端 , Javascript

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

ruochuan12 頭像

若川 - Taro 源碼揭秘：10. Taro 到底是怎樣轉換成小程序文件的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-12-26），目前最新是 4.0.8，

react , 小程序 , webpack , 前端 , Javascript

_607c00baa52ff 頭像

懟懟 - 【js】實現繼承的幾種方式

js繼承 原型鏈 構造函數 組合繼承(原型鏈 + 構造函數) 原型式繼承 寄生式繼承 寄生組合繼承 1.原型鏈繼承 將父類的實例作為子類的原型 //父類 function School(name) { //實例屬性 this.name = name || "父類" this.arr = [1] } //父類原型方法 School.prototype = {

繼承 , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 為什麼説splice 效率低呢

原文: https://zswfx.com/articles/5da713302ddd022595ff506a 我們在使用 Array.prototype.splice 方法的時候，都會提及説它速度慢，效率低。尤其在例如 Vue或者React 框架中也不推薦使用，原因是為什麼呢？ splice 方法 方法介紹如下: 方法也比較明瞭，就是在數組內刪除或者添加元素。 如下示例: // 添加一個

javascript專題系列 , Javascript

hai2007 頭像

你好2007 - v-solt 插槽（基礎使用、具名插槽、作用域插槽等）

基本使用 組件通過slot預留位置，使用組件的時候，可以通過傳遞具體的內容去替換slot佔用的地方，這就是插槽。 比如現在定義了一個組件： !-- simple-use.vue -- template div slot/slot /div /template 組件slot/slot佔用的位置具體內容不確定，需要使用的時候傳遞進來，我們就可以這樣使用： simple-use em

vue.js , htm , template.js , 前端 , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - 什麼是OV證書？主要應用在哪些領域？

OV 證書全稱是 Organization Validated SSL Certificate，即組織驗證型 SSL 證書，核心是通過驗證企業身份來建立網站與用户間的信任，並加密數據傳輸。 [https://www.joyssl.com/certificate/select/joyssl-ov-single-st...] 一、OV 證書的核心信息 1. 定義與本質 OV 證書是 SSL 證書的三

ssl證書 , 微服務 , Linux

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：Map.groupBy() 分組操作

ECMAScript 2024 (ES15) 引入了一個極具潛力的新特性：Map.groupBy()，它大大簡化了數據分組的操作。無論是在處理數組、對象，還是更復雜的業務邏輯中，分組操作都是開發中常見的需求。本文將通過詳細的技術案例和代碼展示，為你剖析 Map.groupBy() 的強大之處。 什麼是 Map.groupBy()？ Map.groupBy() 是 JavaScript 新增的靜態

ecmascript , 前端 , Javascript

nanchengfe 頭像

南城FE - 螺旋文字滾動特效源碼解析

如圖所示，今天看到一個很炫酷的雙文字螺旋滾動特效，兩行文字呈螺旋狀變化，在網站中這樣的效果對用户很有吸引力。本文將基於原網站解析如何實現這個炫酷的效果，基於這個動圖可以分析出需要實現的要點： 文字呈螺旋狀滾動 滾動過程中文字大小變化 動畫過程無縫鏈接 兩行文字滾動 實現過程 文字展示 為了方便更改文案將文案定義變量，通過JS代碼動態創建DOM，定義文案、螺旋的角度以及動畫的持續時間：

動畫 , Css , 前端

ning_643b67be37ac3 頭像

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務，第一次在小程序上開發地圖，既興奮又忐忑。還好，雖然小程序地圖的 API 功能有些少，但是基本的需求都能覆蓋到。 在這裏，對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位，但缺乏示例代碼，第一次搞還是有點迷糊的。網上的文章又寫得七零八落，沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序，因

地圖開發 , 小程序 , typescript , 前端 , Javascript

cloudyttt 頭像

雲魚 - ES6 Promise筆試題

一動不動是王八，上一篇文章學習了那麼久Promise，是時候大顯身手了！ 基礎題 題一 const promise = new Promise((resolve, reject) = { console.log(1) resolve() console.log(2) }) promise.then(() = { console.log(3) }) console.

ecmascript-6 , 面試 , 筆試 , 異步編程 , Javascript

u_17350491 頭像

轉角處的湯姆 - 前端代碼規範：讓你的代碼更易維護和協作

在前端開發中，隨着團隊的不斷擴大和項目的逐步複雜化，統一的代碼規範變得越來越重要。無論是小型團隊，還是跨國團隊，良好的代碼規範能夠提升開發效率、減少bug的產生，並確保代碼易於維護和擴展。今天，我們就來聊一聊前端代碼規範的制定與執行。 為什麼要有前端代碼規範？ 提高可讀性和一致性 規範化的代碼有助於保持代碼風格的一致性，無論是單人開發還

開發者 , 代碼風格 , 前端開發 , 代碼規範 , Javascript

gqkmiss 頭像

月恆 - NextJS CVE-2025-29927 安全漏洞

NextJS CVE-2025-29927 安全漏洞 CVE-2025-29927 是一個存在於 Next.js 框架中的關鍵安全漏洞。該漏洞允許攻擊者通過偽造或篡改 x-middleware-subrequest 請求頭，繞過中間件（Middleware）的安全檢查，從而訪問到原本受保護的路由或 API，進而導致授權繞過（Authorization Bypass）以及潛在的更深層次安全風險。本篇

react , middleware , next.js , 安全漏洞 , 前端

u_17072679 頭像

前端小巷子 - 深入 Vue 的 nextTick

深入 Vue 的 nextTick 在初學 Vue 時，我們經常會遇到這樣的困惑：數據明明已經改了，可頁面卻沒立刻變化；或者手動去獲取更新後的 DOM，結果拿到的是舊值。這時候，Vue 官方會推薦我們使用 this.$nextTick()。它到底做了什麼？為什麼“等一下”就能解決問題？本文嘗試用通俗的語言把它的作用和實現原理講清楚。 一、nextTick 的作用 Vue 的響

事件循環 , 重繪 , Vue , 前端開發 , Javascript

grewer 頭像

Grewer - V8 入門記錄二：環境與調試

環境搭建 這裏先説下我的環境， 這是代碼運行的前提。 系統： Mac Monterey 12.6.8 Xcode: 14.2 Python: 3.11.6 （不要使用 2.x 版本！） 建議全程指令都在FQ工具下進行 由源碼構建 V8 首先我們需要一個工具 depot_tools 執行指令克隆，這裏我是在文件夾 /Users/apple/Sites/demo/depot_tools

v8 , v8js , chrome , 前端 , Javascript