收藏 / 列表

chencaize 頭像

點墨 - 編譯器優化對多線程數據競爭的影響分析

編譯器優化如何讓多線程代碼"失效"：從彙編視角解密數據競爭謎題 在多線程編程中，我們常遇到一個反直覺現象：關閉編譯器優化反而能暴露預期的數據競爭問題。本文通過分析MSVC編譯器對同一代碼的不同優化策略，揭示現代編譯器如何通過指令重排和內存訪問優化，徹底改變多線程程序的執行軌跡。 一、現象之謎：優化等級決定程序行為 當使用/O2優化編譯給定代碼時，程序輸出穩定在10萬或20萬這兩個確定值，而非預期的

c++ , 多線程

u_13934709 頭像

雲中小生 - SQL Server實戰指南：從基礎CRUD到高併發處理的完整面試題庫

低難度 問題：如何創建一個簡單的表？ 答案：使用 CREATE TABLE 語句。 代碼示例： CREATE TABLE Employees ( EmployeeID INT PRIMARY KEY, FirstName NVARCHAR(50), La

面試 , .NET全棧經典面試題庫 , SQL Server , 職場和發展 , Css , 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前端入門第 88 問：引入 JavaScript 的 script 標籤究竟有多少用法？

HTML 版本不停的更新迭代，也導致瀏覽器支持的寫法眼花繚亂，就拿 script 標籤來説，剛剛入行的那會兒就只知道用來寫內聯的 js 代碼，後來又學到了引入 js 文件，ES 模塊規範化之後又知道能用來引入模塊化的 js 代碼，可這就是它的全部了嗎？？ 然而...並不是！！！ 各種用法 看看 script 千奇百怪的用法，一定有你沒見過的~~ 1、內聯腳本 如文章開頭説的一樣，直接用來寫內聯腳本

前端 , Javascript

hsr2022 頭像

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

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

vue.js , php , Javascript

kestrel_task 頭像

微芒不朽 - 被前端存儲坑到崩潰？IndexedDB 高效用法幫你少走 90% 彎路

IndexedDB 是一種在瀏覽器中提供事務性的鍵值對存儲的低級 API。它允許你在用户的瀏覽器中存儲大量結構化數據，並且可以對其進行高效的搜索、更新和刪除操作。IndexedDB 適用於需要離線存儲和快速訪問大量數據的應用程序，如 Progressive Web Apps (PWAs) 和單頁應用程序 (SPAs)。本文將詳細介紹如何在前端項目中高效使用 IndexedDB。 1. Indexe

前端 , Javascript

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 - 發現 HTTP 和 RPC 的不同之處：技術洞察

隨着互聯網技術的發展，網絡通信在各種應用中扮演着至關重要的角色。無論是構建 Web 應用還是進行服務之間的交互，選擇合適的通訊協議成為開發者們需要深入思考的問題。在眾多協議中，HTTP（HyperText Transfer Protocol）和 RPC（Remote Procedure Call）因各自獨特的特點和優勢而備受關注。那麼，它們之間有何不同，又該如何在實際項目中做出選擇呢？ 什麼是 H

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

yinzhixiaxue 頭像

銀之夏雪 - CSS 真的會阻塞文檔解析嗎？從瀏覽器渲染原理深入探究一下

在網頁開發領域，一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題，需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後，會依次進行以下幾個主要步驟： 解析 HTML：瀏覽器從網絡或本地獲取 HTML 文件，然後開始解析，將 HTML 代碼轉換為 DOM（Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

snowwolfarden 頭像

SnowWolfArden - Function instanceof Object和Object instanceof Function都true

1、需求 在看原型鏈。沒想明白Function和Object的關係。就查了下。 2、原則 js之父在設計js原型、原型鏈的時候遵從以下兩個準則: 準則1：原型對象（即Person.prototype）的constructor指向構造函數本身 準則2：實例（即person）的__proto__和原型對象指向同一個地方 3、關係 null- Object.prototype - Functio

原型鏈 , Javascript

momeak9 頭像

泯瀧 - 強緩存和協商緩存

為什麼有這個東西？ web緩存描述 ： Web 緩存是可以自動保存常見文檔副本的 HTTP 設備。當 Web 請求抵達緩存時， 如果本地有“已緩存的”副本，就可以從本地存儲設備而不是原始服務器中提取這 個文檔。（此結論來自http權威指南） 緩存的優缺點： 優點： 緩存減少了冗餘的數據傳輸，節省了你的網絡費用。 緩存緩解了網絡瓶頸的問題。不需要更多的帶寬就能夠更快地加載頁面。 緩存降低了對

瀏覽器 , 瀏覽器原理 , 網絡 , 網絡傳輸協議 , 前端

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

webinfoq 頭像

破曉L - React 50 種狀態類型

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

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

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表 實現 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

vue.js , highcharts , 前端 , Javascript

mecode 頭像

賀公子 - openMind Library 核心功能與應用

openMind Library 核心功能與應用 openMind Library 是一個面向深度學習開發的工具套件，旨在簡化模型開發全流程。其核心功能包括預訓練、微調、推理和部署，並通過統一的 API 設計兼容多種主流框架和硬件平台。 框架兼容性與硬件支持 多框架兼容：通過適配層接口，無縫支持 PyTorch 和 MindSpore 的代碼遷移，用户無需重寫現有模型

執行效率 , 動態圖 , 前端開發 , Javascript , Python

christian-heilmann 頭像

Christian Heilmann - Making Your Mark On The Web Is Easier Than You Think

We who work on the Web live in wonderful times. In the past, we did of lot of trial-and-error learning, and the biggest hurdle was getting people to understand what we were on about. Over time, comp

Community , Conferences , Opinion Column , Design

jamesfancy 頭像

邊城 - 從列表生成樹 (JavaScript/TypeScript)

多數情況下，從服務端拿到用於樹形顯示的數據，本身是平面的，也就是列表。這是因為關係型數據庫是以“行”為單位保存數據，所以它保存了每一個節點的數據，而這個數據中包含了它與父節點之間的聯繫（比如 parentId）。 前端要以樹形顯示這樣的列表數據，需要把列表數據轉換成樹形結構數據。這個的樹形結構是指：每個節點數據中都含有其子節點集（通常是 children 屬性）。所以樹形結節的數據結構主要需要包含

隨機數 , 樹形結構 , typescript , Javascript

vitaly-friedman 頭像

Vitaly Friedman - What’s The Perfect Design Process?

Design process is messy. You might be following a structured approach, but with all the last-minute changes and overlooked details, too often, it takes a life of its own. And before you know it, you

ux , Process , Design

hai2007 頭像

你好2007 - 關於字符串解析的一點理解 （以解析一段HTML字符串為例）

在分析一段字符串的時候，可以藉助字符串的indexOf等方法，或者是正則表達式，可是，如果需要解析的是下面這段字符串： group arc c-bind:cx='_width*0.5' c-bind:cy='_height*0.5' c-bind:radius1='_min*0.5' radius2='100' deg='120deg' /arc group c-for='

vue-loader , 算法 , webpack , template-engine , 前端

zhuifengdekukafei 頭像

追風的苦咖啡 - 性能狂飆！國密SSL證書為何比國際算法快30%？

一、算法輕量化與高效能設計 更短密鑰實現同等安全強度 SM2算法採用256位密鑰即可達到RSA-3072位的安全強度，且運算效率提升40%。較短的密鑰顯著降低了數據傳輸量和計算負載，縮短SSL握手時間。 算法架構的優化 SM2基於橢圓曲線密碼學（ECC）改進，單位安全強度遠高於傳統RSA。例如，224位SM2的安全性等同於2048位RSA，而實際

觀點 , 知識 , 爬蟲

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：正則表達式 /v 標誌

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

ecmascript , Javascript

beckyyyy 頭像

beckyyyy - 我的編程之路：這是一個蓄謀已久的大坑

簡單介紹一下自己和目前的工作 畢業工作已四年，前面三年做的是java外包方面的工作，去年的時候腦子發熱、感覺方向迷茫、這份工作不太想做下去了，於是裸辭了，在失業的三個月中一直在思考人生，終究是並沒有什麼收穫，只是更多增添了煩惱和焦慮，在一次無意的面試後，又是腦子一熱，決定轉向前端。目前在一家創業小公司做着前端的工作，入坑六個月左右，感覺尚可。 詳細寫寫你是如何走上編程的道路 在我小時候那會兒，一個

我的編程之路

ning_643b67be37ac3 頭像

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

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

前端 , Javascript , url

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 3.4 掌控 redux 異步

書籍完整目錄 3.4 redux 異步 在大多數的前端業務場景中，需要和後端產生異步交互，在本節中，將詳細講解 redux 中的異步方案以及一些異步第三方組件，內容有： redux 異步流 redux-thunk redux-promise redux-saga 3.4.1 redux 異步流 前面講的 redux 中的數據流都是同步的，

react , redux , leanreact , 前端 , Javascript