收藏 / 列表

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Building An Offline-Friendly Image Upload System

So, you’re filling out an online form, and it asks you to upload a file. You click the input, select a file from your desktop, and are good to go. But something happens. The network drops, the file

User Experience , serverless , Javascript

linx 頭像

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

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

前端

hsr2022 頭像

後山人 - 穿越週期：堅持使用 PHP 的感悟與選擇的哲學

穿越週期：堅持使用 PHP 的感悟與選擇的哲學 摘要 在技術世界，PHP 似乎每年都要經歷一次“死亡”的預言，但它始終以驚人的韌性存活並持續進化。對於那些選擇堅持使用 PHP 的開發者而言，這不僅僅是一種技術選擇，更是一種對務實、效率與持續進化的深刻理解。 本文將分享堅持使用 PHP 的三大感悟，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，闡述 PHP 如何在現代化浪潮中，憑藉其

vue.js , MySQL , 小程序 , php , 教程

kestrel_task 頭像

微芒不朽 - Linux 服務器磁盤滿了？教你快速找到大文件，安全刪掉不踩坑！

1. 磁盤空間檢查基礎命令 1.1 查看磁盤使用情況 # 查看所有掛載點的磁盤使用情況 df -h # 查看指定目錄的磁盤使用情況 df -h /home 1.2 查找大文件和目錄 # 查找當前目錄下大於100MB的文件 find . -type f -size +100M -exec ls -lh {} \; # 查找根目錄下大於1GB的文件 find / -type f -size +

Linux

dirackeeko 頭像

DiracKeeko - [JS] javascript中的原型鏈01 prototype&__proto__

先給出名詞的定義： 1、實例對象-被new出來對象稱之為實例對象 例如: const p1 = new Person() p1就是實例對象 2、普通對象-未經new，直接聲明的對象是普通對象 例如：const p2 = { name: "John" } p2就是普通對象 3、prototype， 中文翻譯：原型對象 4、__proto__ ，中文翻譯：原型 (英文可以讀作dunder

原型鏈 , 前端 , Javascript

apifox 頭像

Apifox - 理解 gRPC 和 RPC 技術原理

一、遠程過程調用協議簡介 1、RPC 的本質 首先，我們探討一下什麼是 RPC。RPC，縮寫為 Remote Procedure Call Protocol，直譯來看就是遠程過程調用協議。 講得通俗一些： RPC 是一種通信機制 RPC 實現了客户端/服務器通信模型 官方的定義可能會這樣解釋：它是一種協議，可以使程序能在網絡上請求遠程計算機上的服務，而無須關心底層網絡技術細節。 RPC 的

grpc , rpc , 程序員 , 後端 , 前端

yinzhixiaxue 頭像

銀之夏雪 - 從底層到實踐：深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上，通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時，Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

linong 頭像

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

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

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

ruochuan12 頭像

若川 - 50行代碼串行Promise，koa洋葱模型原來是這麼實現？

1. 前言 大家好，我是若川。歡迎關注我的公眾號若川視野，最近組織了源碼共讀活動《1個月，200+人，一起讀了4周源碼》，感興趣的可以加我微信 ruochuan12 參與，長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript

momeak9 頭像

泯瀧 - 使用Node.js、pm2和ssh2模塊實現一個簡單的Node.js項目部署腳本

本文將介紹如何使用Node.js和ssh2模塊實現一個簡單的部署腳本，將本地的項目文件上傳到遠程服務器上。我們將使用dotenv模塊來管理環境變量，以及child_process模塊來執行命令行操作。 首先，我們需要安裝ssh2和dotenv模塊： npm install ssh2 dotenv --save 然後，我們需要在項目根目錄下創建一個.env文件，用來存放一些敏感的配置信息，例如服務器

node.js , pm2 , ssh2 , 前端

_607c00baa52ff 頭像

懟懟 - 【js】DOM基礎

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

dom , 事件 , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 使用bind的時候發生了什麼呢？

從規範來看，Function.prototype.bind 是如何工作，以及如何來模擬bind操作。 簡單示例 如下簡單示例，普通對象 testObj 內部有一個b函數，接受一個普通參數，若參數為空則輸出 this.a。 const testObj = { a: 3, b: function(args) { console.log(args || this.a); }, };

javascript原型 , javascript專題系列 , Javascript

webinfoq 頭像

破曉L - React 50 種狀態類型

React 是一個視圖層框架，其核心思想是 UI = f(state)，即「UI 是 state 的投影」，state 自上而下流動，整個 React 組件樹由 state 驅動。當一個 React 應用程序足夠複雜，組件嵌套足夠深時，組件樹中的狀態流動會變得難以控制（例如你如何跟蹤父節點的 state 流動到葉子節點時產生的變化）。這時我們就需要對 state 進行管理，在進行狀態管理的同時，還

react , 狀態管理 , 組件通信 , 前端 , Javascript

hai2007 頭像

你好2007 - 從vue-loader開始理解webpack的一些設計思想

寫在前面 為了更好的説明，我們模仿Vue.js開發了一個類似的簡化版本的前端框架Quick Paper(文檔) 來幫助你理解一些細節。因此在開始之前，讓我們先大致瞭解一下此項目的結構，方便後續描述。 温馨提示：我們推薦你在開始之前去Github上把此項目clone下來後，對照着源碼進行學習！ 目錄結構 其實你只需要關注下面四個文件夾： src：框架源碼； loader：類似vue-loade

vue-loader , vue.js , loader , webpack , 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 新特性：正則表達式 /v 標誌

ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符

ecmascript , Javascript

nanchengfe 頭像

南城FE - 純CSS實現炫酷背景霓虹燈文字效果

如圖所示，這是一個很炫酷的霓虹燈文字效果且背景炫酷，就像很多個燈光閃爍着不同的顏色。 本次文章將解析如何用CSS代碼實現這個效果，根據上面的動圖分析出我們要實現的幾個主要功能點： 整個背景中有平均分佈的小點襯托中心區域 文字閃爍效果如同霓虹燈一樣 文字背景呈多個平均分佈的亮點 背景亮點的顏色整體呈現漸變色變化 1. 默認背景色 首先我們來看看如何通過CSS創建一個多個小點背景效果。

交互設計 , css3 , 動畫 , Css , 前端

beckyyyy 頭像

beckyyyy - WebViewJavascriptBridge.js代碼學習

//notation: js file can only use this kind of comments //since comments will cause error when use in webview.loadurl, //comments will be remove by java use regexp (function() { if (window.WebViewJav

hybrid-app , 前端 , Javascript

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：獲取 URL 查詢參數值

3分鐘搞定：獲取 URL 查詢參數值 在前端開發工作中，利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時，通過 URL 攜帶某些信息，如狀態、id、區分頁面來源的字段值等。因此，學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數，對 URL 查詢參數進行解析。這是方式靈活度高，可以進行更多個性化的操作。 const getSe

前端 , Javascript , url

cloudyttt 頭像

雲魚 - 19年前端筆試題小結（一）

什麼是web標準？ WEB標準不是某一個標準，而是一系列標準的集合。網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為 （Behavior）。 對應的標準也分三方面：結構化標準語言主要包括XHTML和XML，表現標準語言主要包括CSS，行為標準主要包括對象模型（如 W3C DOM）、ECMAScript等。這些標準大部分由W3C起草和發佈

筆試 , Css , 前端 , html5 , Javascript

u_17350491 頭像

轉角處的湯姆 - JavaScript 中的閉包：理解與應用

在 JavaScript 的世界中，閉包是一個非常重要且常用的概念。它不僅是 JavaScript 中的核心特性之一，也是許多複雜編程模式的基礎。無論是為了解決數據封裝問題，還是為了實現一些高效的異步編程模式，閉包都發揮着至關重要的作用。在本文中，我們將詳細探討閉包的概念、工作原理及常見應用，幫助你更好地理解並運用閉包。 目錄 什麼是閉包？ 閉包的工

詞法 , 作用域 , 數據封裝 , 前端開發 , Javascript

gqkmiss 頭像

月恆 - Chrome 瀏覽器 134 版本新特性

Chrome 134 版本新特性 一、Chrome 134 版本瀏覽器更新 1. 在桌面和 iOS 設備上使用 Google Lens 進行屏幕搜索 Chrome 版本 適用平台 發佈進度 Chrome 126 ChromeOS、Linux、macOS、Windows 1% 穩定版用户可使用該功能 Chrome

chrome , 瀏覽器 , 前端

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 , 瀏覽器 , 前端框架 , 前端