收藏 / 列表

chencaize 頭像

點墨 - node-winreg 中文亂碼問題分析與解決

問題描述 在使用 node-winreg 庫操作 Windows 註冊表時，發現存取中文字符存在亂碼問題： 寫入註冊表的中文內容顯示正常 從註冊表讀取中文內容時出現亂碼 winreg的版本如下: 問題根源分析 通過源碼分析，發現問題出現在字符編碼的處理環節： 寫入過程：node-winreg 底層使用 spawn 執行 reg 命令，在 Windows 命令行環境中默認使用 G

node.js , registry , 前端

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前端入門第 83 問：JavaScript localStorage 有大小限制嗎？溢出會怎樣？

本地存儲除了 Cookie 外，還有 localStorage 和 sessionStorage，本文一探 localStorage。 localStorage 此 API 存入的數據會 永久 保存在瀏覽器中，除非用户手動刪除。 localStorage 能用於同一瀏覽器同一域名跨標籤頁通信。 同一瀏覽器無痕模式和非無痕模式下，localStorage 存儲的數據無法互通，且無痕模式存入的數據在瀏

前端 , Javascript

hsr2022 頭像

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

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

vue.js , php , Javascript

kestrel_task 頭像

微芒不朽 - 【CSS進階】巧用偽元素before和after製作絢麗效果

原創：叫我詹躲躲 來源：思否 鏈接：巧用偽元素before和after製作絢麗效果 所謂‘偽元素’，就是本身不存在的頁面元素，HTML代碼裏並沒有這樣的元素，但在頁面顯示時，你卻能看到這些本來不存在的元素髮揮着作用。本文主要探究偽元素beforce和after的常用使用場景。 CSS :before 選擇器 定義和説明 :before 選擇器向選定的元素前插入內容。

css3 , css技巧 , css選擇器 , Css , css3動畫

dirackeeko 頭像

DiracKeeko - [React] [Vue] 從vue切換到react 組件的封裝和使用

在組件封裝上，兩個框架差的不遠。 在Vue中封裝組件，用插槽的方式子組件中寫好具名插槽的位置和樣式，在父組件中通過插槽名傳入html和js邏輯 部分。 在react中封裝組件，區別於Vue的地方在於，Vue中有插槽這個語法，而react中沒有。在react中的html和js邏輯部分的傳遞都需要藉由屬性組件的屬性(Props)來完成。 (在Vue中插槽傳值，在react中屬性傳值) 此外，Vue中組

react , vue.js , 組件通信 , 組件封裝 , 前端

apifox 頭像

Apifox - 輕鬆開發：REST API 開發工具推薦

本文將介紹如何使用 Apifox 開發 REST API，並展示 Apifox 的一些關鍵功能。 我們可以先了解下：REST API 簡介 - RESTful Web 服務 步驟 1：創建一個 Apifox 賬户 首先，你需要在 Apifox 上創建一個賬户。 步驟 2：創建一個項目 在 Apifox 首頁中，你可以創建一個新項目。在項目中，你可以添加 API 規範和 測試用例。要創建一個新項目，

rest-api , rest , API , 開發工具 , 程序員

yinzhixiaxue 頭像

銀之夏雪 - this你瞭解多少呢

執行上下文 js在執行代碼之前，需要經過一系列的“準備”，這被稱為執行上下文 ，其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的，每創建一個執行上下文，就會將當前執行上下文放到一個棧頂，這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文： 全局執行上下文 ，進入去全局代碼的時候。任何不在函數

面試 , this , 前端 , Javascript

opentiny 頭像

OpenTiny社區 - TinyVue v3.22.0 正式發佈：深色模式上線！集成 UnoCSS 圖標庫！TypeScript 類型支持全面升級！

我們非常高興地宣佈，2025年4月7日，TinyVue發佈了v3.22.0🎉。 本次 3.22.0 版本主要有以下重大變更： 支持深色模式 增加基於 UnoCSS 的圖標庫 更豐富的 TypeScript 類型聲明 支持 XSS 配置 詳細的 Release Notes 請參考：https://github.com/opentiny/tiny-vue/releases/tag/v3.

vue.js , 組件庫 , 前端

momeak9 頭像

泯瀧 - 「譯」2024 年的 5 個 JavaScript 安全最佳實踐

鏈接：https://thenewstack.io/5-javascript-security-best-practices-f... 作者：Alexander T. Williams 原標題：5 JavaScript Security Best Practices for 2024 網絡安全已成為一個瞬息萬變的戰場，JavaScript 應用程序的安全性也不例外。Web 應用程序已成為

chrome , webkit , typescript , 前端 , Javascript

_607c00baa52ff 頭像

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

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

繼承 , Javascript

zisrfs 頭像

zsirfs - 深入一點 - JS 函數為什麼可以這樣操作

原文: https://zswfx.com/articles/5dc8f64a9cf7c17b240e5c6c 我們經常在函數參數裏面使用如下操作 Array.prototype.slice.call(arguments, 1), 這樣的操作，類似還有 Object.prototype.toString.apply(o)這種操作，為什麼可以這樣玩呢？ 前言 我們經常通過數組的方法去操作類數組，還會

javascript專題系列 , Javascript

webinfoq 頭像

破曉L - 面試小冊：面試官經常問的十個棘手的 JavaScript 問題

1. 可變性 在 JavaScript 中有七種基本數據類型（string、number、boolean、undefined、symbol、bigint 和 null），這些都是不可變的。這意味着一旦分配了一個值，我們就無法修改它們，我們可以做的是將它重新分配給一個不同的值（不同的內存指針）。另一方面，其他數據類型（如 Object 和 Function）是可變的，這意味着我們可以修改同一內存指

原型 , 閉包 , 面試問題 , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器

一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器 需求描述 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器，後台跟接收表單文件上傳一樣的方式去處理改圖片 實現 // url 表示base64的字符串， name表示文件名，附加到blob上的那麼、上 uploadFile(url, name) { // 以逗號劃分類型和內容

base64 , blob , HTML , 前端 , Javascript

mecode 頭像

賀公子 - 證書請求全過程分析

證書請求全過程分析 證書請求通常涉及生成密鑰對、創建證書籤名請求（CSR）、提交至證書頒發機構（CA）以及最終獲取簽名的證書。以下是詳細流程： 密鑰對生成 使用加密算法（如RSA或ECC）生成公鑰和私鑰。私鑰需嚴格保密，公鑰則包含在CSR中。 創建CSR CSR包含公鑰、主體信息（如域名、組織名稱等）以及簽名。簽名使用私鑰生成，用於驗證CSR的完整

密鑰對 , 服務器 , HTTP , 前端開發 , 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 頭像

追風的苦咖啡 - SSL證書類型全解析：DV、OV、EV如何選擇？

SSL證書是保障網站數據傳輸安全的核心工具，根據驗證深度和信任等級可分為DV（域名驗證）、OV（組織驗證）、EV（擴展驗證）三類。 SSL證書申請入口⬇️** https://www.joyssl.com/brands/JoySSL.html?nid=59 一、DV證書（域名驗證） 特點： 驗證方式：僅驗證域名所有權（通過DNS記錄、郵箱或文件驗證），不涉及企業身份審核。 簽發速度：最

容器 , vagrant , android-studio , springboot , jenkins

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：字符串 isWellFormed 方法

ECMAScript 2024 引入了一個新的字符串實例方法：String.prototype.isWellFormed。這一新增功能是為了幫助開發者更容易地驗證字符串是否為有效的 Unicode 文本。本文將詳細介紹這一方法的使用場景、實現原理及其在實際應用中的價值。 String.prototype.isWellFormed：概念與應用 String.prototype.isWellForm

ecmascript , Javascript

nanchengfe 頭像

南城FE - 純CSS動態漸變文本特效

如圖所示，這是一個炫酷的文本漸變效果，如同冰島的極光一般。本次的文章讓我們逐步分解代碼，瞭解其實現原理。 基於以上動圖效果可以分析以下是本次動效實現的主要幾點： 文本中有多個顏色的動畫 每個顏色顯示的半徑不同，有大有小 整體動畫是有規律的重複進行着 實現過程 接下來開始正式的代碼實現過程，通過以上可以分析出會有多個元素來實現顏色的動畫，每個元素的動畫軌跡和運行速度不一致，但當多個不同顏

css3 , 動畫 , Css , 程序員 , 前端

beckyyyy 頭像

beckyyyy - 閉包是什麼，有什麼用途

這是上月面試碰到的一道面試題，作為一個有着十年開發經驗七年前端經驗的大齡青年，碰到這種沒有一點鋪墊的八股文，真的只想説一句毀滅吧。 記得以前剛做前端不久的時候，就在百度搜閉包，大多搜到的結果都説的是閉包是什麼樣子的，比如説在函數外部可以訪問到函數內部的變量，又或者説閉包會導致什麼問題，比如會影響GC回收。總之沒什麼標準説法，就好像現在網上的吐槽，你背面試題沒用，得和麪試官背的同一套才行，但是天知道

閉包 , 面試問題 , 前端 , Javascript

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：瀏覽器本地存儲 Web Storage

寫在前面 瀏覽器本地存儲包括兩個對象：sessionStorage 和 localStorage，它們都是 Storage 的實例對象。 window.localStorage instanceof Storage; // true Web Storage 的基本使用 查-訪問數據：getItem() 方法。 增改-添加、修改數據：setItem() 方法。 刪-刪除數據：removeItem()

面試小抄 , sessionstorage , localstorage , 前端 , Javascript

cloudyttt 頭像

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

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

筆試 , Css , 前端 , html5 , Javascript

u_17350491 頭像

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

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

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

gqkmiss 頭像

月恆 - JS Navigator.sendBeacon 可靠的、異步地向服務器發送數據

JS Navigator.sendBeacon 可靠的、異步地向服務器發送數據 前言 我們在上一篇頁面訪問頁面關閉數據上報的文章中使用了 sendBeacon 方法用來發送數據，上篇文章是簡單使用，那本篇文章我們就詳細瞭解下這個東西。 一、Navigator.sendBeacon 是什麼能做什麼？ Navigator.sendBeacon 是一個用於發送少量數據到服務器的 API，尤其適用於在頁面

sendbeacon , fetch , Ajax , 前端 , Javascript