收藏 / 列表

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 yaml

源代碼下載： learnyaml-cn.yaml YAML 是一種數據序列化語言，旨在讓人類直接可寫可讀。 它是 JSON 的嚴格超集，增加了在語法上有意義的（syntactically significant）換行符和縮進，就像 Python 一樣。但和 Python 的不同之處在於，YAML 不允許使用文字製表符（literal tab characters）來表示縮進。 --- # 文檔開

序列化 , yaml , 語法 , 入門

hello888 頭像

洛陽醉長安行 - 移動端MUI重寫alert優化提示框樣式及頁面加載動畫

問題場景1： 在移動端h5的開發中，因為前期開發使用了是原生的alert來提示，會有在不同機型樣式不統一，還會出現在彈窗標題出現網址的問題，顯示非常不友好，在mui項目中可以直接使用mui的alert組件實現消息提示來解決這個問題。但是因為長期下來alert的地方太多，改動量大，有沒有什麼一勞永逸的辦法。 解決方法： 直接重寫瀏覽器window下的alert函數 window.alert = fu

移動端 , mui , 前端

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

chencaize 頭像

點墨 - 使用charles抓app包

系統環境:win10 1.在charles官網上下載軟件 https://www.charlesproxy.com/... 註冊碼如下: Help-Register Registered Name: https://zhile.io License Key: 48891cf209c6d32bf4 2.防火牆開啓charles應用網絡 控制面板-所有控制面板項-Window

ssl證書 , HTTPS , Android , 手機 , charles

u_13934709 頭像

雲中小生 - C#/.NET 微服務架構：從入門到精通的完整學習路線

在當今雲原生時代，微服務架構已成為構建複雜應用程序的主流方式。本文將為你提供一份系統的C# .NET微服務學習路線，並附錄C#/NET微服務架構系統課學習資源，幫助你從零開始掌握這一重要技能。 為什麼選擇C# .NET進行微服務開發？ 在開始學習之前，你可能會有疑問：為什麼選擇C#和.NET平台來構建微服務？答案很簡單：.N

分佈式架構 , .NET Core , 微服務 , Css , .net , c , 前端開發 , HTML

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前端入門第 84 問：JavaScript sessionStorage 那些容易踩坑的地方

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

前端 , Javascript

hsr2022 頭像

後山人 - 迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備”

迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場，程序員羣體正經歷前所未有的挑戰。然而，歷史經驗表明，每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機，程序員不能僅憑技術能力，更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”，指導程序員如何從“代碼執行者”轉型為“價值創造者”

vue.js , php , Javascript

kestrel_task 頭像

微芒不朽 - Koa2進階:CMS系統實戰開發秘籍：1.為什麼選擇Koa2?

目錄 為什麼選擇Koa2? Koa2環境搭建 Koa2核心概念/中間件基礎/異步控制流 Koa2路由管理 Koa2請求響應處理 Koa2中間件使用 Koa2錯誤/異常捕獲與處理 Koa2模板引擎集成 Koa2靜態文件服務 Koa2集成數據庫 模型設計/ORM工具使用 接口身份驗證與授權 API接口設計 Koa2日誌記錄 CMS架構設計 CMS內容管理 CMS用户

koa2 , koa , vue3 , 前端 , Javascript

dirackeeko 頭像

DiracKeeko - [highcharts] 05_無數據處文字填充

在highcharts中沒有數據的單圖會不作圖。 在column圖中(stockOptions.chart.type = “column”) 數據為null的column不會有展示，舉例如下。 stockOptions.series.data = [0.12, 0.255, 0.176, null, 0.189, 0.121, null, 0.08] 4號、7號兩column對應的值

highcharts , 前端

apifox 頭像

Apifox - 精通軟件質量提升的利器：Mock 測試教程

在軟件工程的套路中，虛擬化測試，又稱 Mock 測試，扮演一個無可或缺的角色。Mock 測試允許工程師仿製和操控對象、服務或者系統組件等的行為，使得人們能在一個乾淨獨立的環境裏測試特定功能。這種方法能確保測試聚焦於代碼邏輯，而非外圍干擾因素。 Mock 測試的核心概念 Mock 測試 用虛擬對象取代實際對象，通過控制外部依賴，帶來了測試的隔離性和準確性，從而確立了代碼的穩定性及其長期維護性。 Mo

mock.js , mock , mockito , 前端工程師 , 前端

yinzhixiaxue 頭像

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

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

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

snowwolfarden 頭像

SnowWolfArden - Day 92/100 原型鏈的繼承屬性

1、JS中的繼承 當談到繼承時，JavaScript 只有一種結構：對象。每個實例對象（object）都有一個私有屬性（稱之為 proto ）指向它的構造函數的原型對象（prototype）。 該原型對象也有一個自己的原型對象（__proto__），層層向上直到一個對象的原型對象為 null。根據定義，null 沒有原型，並作為這個原型鏈中的最後一個環節。 2、繼承屬性 JavaScript

原型鏈 , Javascript

momeak9 頭像

泯瀧 - Chrome瀏覽器插件Manifest V3 簡介

隨着互聯網的快速發展，瀏覽器插件成為了許多用户提升瀏覽器功能和個性化體驗的重要工具。Chrome瀏覽器作為全球最受歡迎的瀏覽器之一，其插件生態系統也日益壯大。為了保證插件的安全性和性能，Chrome團隊推出了Manifest V3，這是一種新的插件開發規範。 A step in the direction of security, privacy, and performance. 向安全性

插件 , 瀏覽器 , 瀏覽器原理 , 前端 , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 用 new 的時候到底發生了什麼？

來自:https://zswfx.com/articles/5db9285f9cf7c10e840e5c6a 我們經常用new來創建一個對象，但是創建對象過程中，到底發生了什麼呢？ new 操作符的過程 上面是mdn的定義。 通過上面定義，我們知道使用new的時候，JS引擎就會給我們創建一個空對象作為 this值，然後執行函數，若函數沒有返回值，則默認返回這個空對象。 模擬 new 函數來

javascript專題系列 , Javascript

webinfoq 頭像

破曉L - 瞭解關鍵區別：await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面，它使我們能夠處理耗時的操作，而不會阻塞其他任務的執行。使用異步函數時，我們會遇到三個重要的關鍵字：await 、return、return await。在本文中，我們將探討這些關鍵字之間的差異，並討論何時使用每個關鍵字。 在深入探討細節之前，讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數，可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

huashenjianlingshouhuni 頭像

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

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

base64 , blob , HTML , 前端 , Javascript

mecode 頭像

賀公子 - Rokid vs Nreal 虛擬拍照開發實現

Rokid vs Nreal 虛擬拍照開發實現 本文將對 Rokid Glasses 與 Nreal Glasses 在虛擬拍照應用開發中的實現方案進行對比與總結，涵蓋硬件配置、開發環境、FOV 場景搭建、拍照實現核心步驟、性能優化、異常處理，以及 Glasses的SDK實現。文末提供一份對比表，幫助開發者快速選擇與兼容。 一、硬件與連接配置 設備參數對比 多平台配對

JAVA

hai2007 頭像

你好2007 - React 如何添加路由懶加載

主體説明 我們會把流程分成兩步：『配置路由』和『添加懶加載』。 如果你知道路由，或者已經配置好了，可以直接跳轉到『添加懶加載』 配置路由 react有兩個包react-router和react-router-dom，如果只是h5開發，選擇後者即可。 安裝依賴 因此，我們首先安裝好需要的路由包： npm install --save react-router-dom 配置 比如我們有兩個頁面page

react , lazyload , jsx , route , 前端

zhuifengdekukafei 頭像

追風的苦咖啡 - SSL 證書的三個關鍵作用及其對用户信任和企業安全的影響

一、數據加密傳輸，保障信息安全 核心作用：通過 SSL/TLS 協議對用户與服務器之間的數據傳輸進行高強度加密，防止敏感信息（如密碼、支付數據、個人信息）在傳輸過程中被第三方截獲或竊取。 重要性：尤其在涉及用户隱私和金融交易的場景（如電商平台、網銀），若未加密，攻擊者可通過中間人攻擊直接獲取明文數據，導致嚴重的隱私泄露和財產損失。 技術支撐：採用哈希算法確保數據完整性，結合數字簽名驗證數據

ssl , ssl證書 , HTTP , HTTPS , 知識

shimiandeshatanku 頭像

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

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

jquery , Javascript

beckyyyy 頭像

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

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

佈局 , 面試 , Css , 前端

ning_643b67be37ac3 頭像

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

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

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

_607c00baa52ff 頭像

懟懟 - 【vue】虛擬DOM與Diff算法

虛擬DOM與Diff算法 虛擬DOM snabbdom Vue中的Diff算法 1 虛擬DOM 概述 VNode 1.1 概述 原生DOM為我們提供了一些獲取DOM元素以及操作DOM元素的API，可以對DOM元素進行增刪改查。 複雜的頁面狀態維護需要提前寫好大量的DOM操作，會造成狀態很難維護，代碼的邏輯也很混亂。 所以我們會使用數據驅動的方式進行視圖更新 - 數據與

vue.js , 虛擬dom , virtual-dom , diff