收藏 / 列表

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：Flex 佈局

flex 佈局原理 全稱 flexible box，彈性佈局。 如何開啓：為元素添加 display: flex。 開啓 flex 佈局的元素，稱為 flex 容器（flex container），其子元素成為容器成員，稱為 flex 項目。 flex 佈局原理：通過給父盒子添加 display: flex，來控制盒子的位置和排列方式。 flex 佈局父盒子常見屬性 flex-direction

flex , typescript , 前端 , Javascript

heath_learning 頭像

heath_learning - 使用Generator函數實現異步任務隊列

var genAsyncTask2 = (val, time) = { return () = { return new Promise(function (resolve, reject) { let timer = setTimeout(() = { clearTimeout(timer); res

ecmascript-6 , 異步任務隊列 , generator , Javascript

atila-fassina 頭像

Atila Fassina - Databases For Front-End Developers: The Concepts Under The Hood (Part 2)

In Part 1, The Rise Of Serverless Databases, of the “Databases For Front-End Developers” series, we talked about the hurdles and traps of scaling and maintaining your databases. We went from simpler

API , Apps , Browsers , serverless

wanzuqiudeshangba 頭像

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

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

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

powerful_simon 頭像

小謳 - 《javascript高級程序設計》學習筆記 | 7.3.生成器

關注前端小謳，閲讀更多原創技術文章 生成器 ES6 新增的結構，可以在一個函數塊內暫停和恢復代碼執行，可以自定義迭代器和實現協程 相關代碼 → 生成器基礎 生成器的形式是一個函數，函數名稱前加一個星號* 可以定義函數的地方，都可以定義生成器（箭頭函數除外） function* generatorFn() {} // 生成器函數聲明 let gfn = function* ()

yield , generator , 生成器 , 前端 , Javascript

yinguangyao 頭像

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

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

underscore , 前端 , Javascript

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

linx 頭像

前端路引 - Web前端入門第 84 問：JavaScript sessionStorage 那些容易踩坑的地方

sessionStorage 與 localStorage 差不多可以算作一對兄弟，它倆的暴露的 API 方法一模一樣。 但兩者也有不同點： 1、sessionStorage 存入的數據在頁面關閉後，會自動清除。 2、相同 URL 的每個 tab 頁籤的 sessionStorage 會被隔離，互不影響。也就是説相同的鏈接，在 A 標籤頁打開和在 B 標籤打開，A 寫入的 sessionSt

前端 , Javascript

hsr2022 頭像

後山人 - 為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化

為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化 摘要 儘管每年都有“PHP 已死”的論調出現，但數據顯示，PHP 依然是互聯網上使用最廣泛的服務器端編程語言之一。根據 W3Techs 的統計，截至 2024 年，超過 75% 的網站在使用 PHP [1]。 PHP 的持續流行並非偶然，它是技術進化、商業成本、成熟生態和開發效率共同作用的結果。本文將從四個核心維度，結合 鋭

vue.js , php , Javascript

kestrel_task 頭像

微芒不朽 - 3 分鐘搞定 Linux 磁盤清理：實用命令 + 自動腳本，新手也會

在Linux系統中，隨着時間推移，磁盤空間會被各種日誌文件、緩存文件、臨時文件等佔滿。本文將詳細介紹哪些類型的文件和目錄可以安全刪除以釋放磁盤空間。 1. 系統日誌文件 1.1 日誌文件清理 # 查看日誌文件大小 du -sh /var/log/* # 清理舊的日誌文件（保留最近7天） find /var/log -name "*.log" -mtime +7 -delete # 清理系統

Linux

beckyyyy 頭像

beckyyyy - 可視化學習 | 如何使用噪聲生成紋理

本文分享的是如何使用噪聲生成紋理。 首先，什麼是噪聲呢？在上篇文章中我介紹過一個生成隨機數的函數，利用隨機技巧我們生成了一個類似剪紙的圖案，那在自然界中，這種離散的隨機也是比較常見的，比如蟬鳴突然響起又突然停下，比如雨滴隨機落在一個位置，但是隨機和連續並存是更常見的情況，比如山脈的走向是隨機的，但山峯之間的高度又是連續的，比如天上的雲朵、水面的波紋等等。 那麼這種把隨機和連續結合起來，就形成了噪聲

webgl , 可視化 , 前端

yinzhixiaxue 頭像

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多，下面我們來寫常用的幾種（包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承）： 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例，從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

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

linong 頭像

linong - 前端培訓-中級階段（10）- 同源策略（2019-08-15期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 同源策略是什麼？ 同源策略是瀏覽器的一個安全功能，不同源的數據禁止訪問。 所以 lilnong.top 下的 ajax 訪問 51vv.com 數據是會報

script , xmlhttprequest , 同源策略 , Ajax , Javascript

ruochuan12 頭像

若川 - Taro 源碼揭秘：9. Taro 是如何生成 webpack 配置進行構建小程序的？

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

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

_607c00baa52ff 頭像

懟懟 - 【js】DOM基礎

DOM 基本概念 節點類型 節點樣式 事件 1 基本概念 Document Object Model 文檔對象模型 BOM：與瀏覽器交互的方法和接口 DOM：處理網頁內容的方法和接口 - HTML和XML的應用程序接口 window是BOM的核心對象，window上的document是DOM的核心 任何HTML或XML文檔都可以用DOM表示為一個由節點構成的層級結

dom , 事件 , Javascript

zisrfs 頭像

zsirfs - 談談深拷貝、淺拷貝

前提: 假設您已經知道為什麼在JavaScript中需要深拷貝和淺拷貝了。 舉兩個例子： const a = [1, 2, { key: 20 }] const b = [...a] b[2].key = 30 console.log(a[2] === b[2]) console.log(a === b) // true const o = { k1: { kk1: 50} } con

javascript專題系列 , Javascript

u_17350491 頭像

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

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

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

u_17072679 頭像

前端小巷子 - Vue腳手架模式與環境變量

Vue腳手架模式與環境變量 在真實項目裏，「如果每次切換環境都手動改代碼，不僅低效，還極易把測試地址帶到線上。Vue CLI 把「模式 + 環境變量」做成了一套約定大於配置的體系，只要理解規則，就能讓同一份源碼在任意環境自動作出正確的行為。 一、模式（mode） Vue CLI 把「運行命令」抽象成三種默認模式： development：對應 vue-cli

環境變量 , API , bash , 前端開發 , Javascript

grewer 頭像

Grewer - V8 入門記錄一：初識

關於 V8 我想前端從業人員或多或少會聽説過這個詞，但是他具體是什麼， 怎麼入門， 怎麼學習是一個較高的門檻，本文就 V8 入門，來做一個記錄，也方便大家的學習。 V8 是 Google 用 C++ 編寫的開源高性能 JavaScript 和 WebAssembly 引擎。它被用於 Chrome 瀏覽器和 Node.js 等。它實現了 ECMAScript 和 WebAssembly，可在 Win

v8 , v8js , 瀏覽器 , 前端框架 , 前端

zhuifengdekukafei 頭像

追風的苦咖啡 - SM2 vs RSA/ECC：雙算法 SSL 證書的性能對比與優化方案

SM2 vs RSA/ECC：雙算法 SSL 證書的性能對比與優化方案 雙算法 SSL 證書（如同時支持 SM2 與 RSA/ECC）的核心價值在於平衡合規性（如國內政務、金融場景的國密要求）與國際兼容性（歐美市場依賴 RSA/ECC），但兩種算法的底層數學原理差異會直接影響性能表現。本文從實測數據出發，對比 SM2、RSA、ECC 的性能差異，並針對雙算法部署的瓶頸提供可落地的優化方案。 雙算法

微服務 , 教程 , Linux , Css , sublime-text

shimiandeshatanku 頭像

李遊Leo - 你可能不敢想象，2025 年，jQuery要更新到 4.0 了

讓人難以置信的是，jQuery，這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫，至今仍在更新。自從 2006 年 8 月震撼亮相以來，它已走過了長達 19 年的路程。還記得麼？他的作者是：John Resig，這個年輕的小夥子也變成老大叔了。 而現在，即便在 React、Vue 這樣的現代框架盛行的今天，或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

minnanitkong 頭像

王大冶 - 如何只使用 CSS 實現網站的暗黑模式切換

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 想讓你的網站從“明亮清新”切換到“暗黑酷炫”，而不依賴任何 JavaScript？沒問題！ 僅用 CSS 就能完成這個任務，根據用户設備的系統設置動態切換主題。本教程將教你如何實現一個可以隨系統設置自動切換明暗模式的網站，完全拋棄 JavaScript。 第一步：基礎 HTML 頁面結構 首先，我們需要一個簡單的

ecmascript-6 , 前端 , Javascript

nanchengfe 頭像

南城FE - 基於 Letterize.js + Anime.js 實現炫酷文本特效

如上面gif動圖所示，這是一個很炫酷的文字動畫效果，文字的每個字符呈波浪式的擴散式展開。本次文章將解讀如何實現這個炫酷的文字效果。 基於以上的截圖效果可以分析出以下是本次要實現的主要幾點： 文案呈圓環狀擴散開，擴散的同時文字變小 文字之間的間距從中心逐個擴散開，間距變大 文案呈圓環狀擴散開，擴散的同時文字變大 文字之間的間距從中心逐個聚攏，間距變小 動畫重複執行以上4個步驟 實現過

css3 , 動畫 , Css , 前端 , Javascript

gqkmiss 頭像

月恆 - Electron 開發：獲取當前客户端 IP

Electron 開發：獲取當前客户端 IP 一、背景與需求 1. 項目背景 客户端會自啓動一個服務，Web/後端服務通過 IP + port 請求以操作客户端接口 2. 初始方案與問題 2.1. 初始方案：通過代碼獲取本機 IP /** * 獲取局域網 IP * @returns {string} 局域網 IP */ export function getLocalIP(): string

node.js , ip地址 , electron , 前端