收藏 / 列表

shimiandeshatanku 頭像

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

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

ecmascript , Javascript

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

yinzhixiaxue 頭像

銀之夏雪 - AntV G6 基礎元素詳解（React版）

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎，適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫，G6 提供完整的佈局算法 和交互體系 ，開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽： 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點（Nodes）完

數據可視化 , 前端 , 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 , 前端

ning_643b67be37ac3 頭像

麒寧 - Ant Design 常見用法與坑點總結（一）

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫，相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此，瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及，但是容易被忽略的，又比較重

form , 表單驗證 , antd , 前端 , Javascript

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 2.4 webpack + gulp 構建完整前端工作流

書籍完整目錄 2.4 webpack + gulp 構建完整前端工作流 在前面的兩個小節中已經完整的講了 webpack 和 gulp 相關的內容，本小節中將會結合二者構建一個完整的前端工作流，內容目錄為： 前端工程結構和目標 前端工程目錄結構 gulp clean gulp copy gulp less gulp au

react , 前端工程化 , 前端架構 , leanreact

_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

mecode 頭像

賀公子 - 訂閲模式

訂閲模式案例分析 訂閲模式在SaaS、媒體、電商等領域廣泛應用，主要分為按月、季度、年訂閲三種形式。以下是典型案例： Netflix 採用按月訂閲，提供不同套餐（基礎/標準/高級），利用自動續費減少用户流失。年訂閲通常提供折扣，例如“年付省15%”。 Adobe Creative Cloud 提供月付和年付選項，年訂閲可節省約20%。季度訂閲較少見

sed , 代碼實現 , 前端開發 , Javascript , Python

opentiny 頭像

OpenTiny社區 - 利用uplugin對比Webpack和Rollup插件系統

本文由華為云云嶺團隊鬆塔同學分享~ 江湖上一直流傳一種説法：Rollup 的插件系統設計，相比與 webpack，要更加科學順手。（網絡上對 webpack 插件編寫的吐槽不計其數）Talk is cheap，本文基於 unplugin 這個三方庫來對比研究一下二者的插件系統。Unplugin 是一個插件編寫工具，它可以讓開發者用一套代碼同時為主流 bundler 編寫插件，包括 webpa

rollup , webpack , 前端

u_17072679 頭像

前端小巷子 - 深入理解 Vue Router

深入理解 Vue Router 在前端單頁應用（SPA）中，路由是連接用户操作與頁面展示的核心橋樑。Vue Router 作為 Vue 官方的路由管理器，提供了豐富的功能和靈活的配置。本文將圍繞“路由模式”、“router 與 route 的區別”、“導航守衞的種類”以及“完整的導航解析流程”四個方面，帶你深入理解 Vue Router 的工作機制。 一、路由模式：hash 與

Vue , 路由配置 , 刷新頁面 , 前端開發 , Javascript

grewer 頭像

Grewer - 淺析微前端沙箱

前言 在大型項目中，微前端是一種常見的優化手段，本文就微前端中沙箱的機制及原理，作一下講解。 首先什麼是微前端 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends

iframe , qiankun , 微前端 , 前端 , Javascript

christian-heilmann 頭像

Christian Heilmann - The Seven Deadly Sins Of JavaScript Implementation

If you look at some of the code that has been released, though, we do seem to have taken a step backwards. In gaining easier access, we also became a bit sloppy with our code. Finding clearly struct

coding , Javascript

jamesfancy 頭像

邊城 - 考慮時區了嗎？

2023-09-17 更新，補了張截圖 前端工程師們，在拿到一個日期/時間數據的時候，你是怎麼處理的呢？有沒有考慮時區的問題呢？ 也許你會説：嗯，沒怎麼關注時區，不過我測過，沒問題。 我能怎麼説呢？可能你還沒遇到國外的用户吧！ 被偷走的一天 如果拿到一個日期字符串 "2021-11-17"，為了方便計算和處理數據，可能會先把它封成一個 Date 對象： const s = "2021-11-17

date , 時區 , Javascript

linong 頭像

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

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

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

tosmile 頭像

浪遏飛舟 - 如何實現精準的計時器

計時器 計時器在前端有很多應用場景，比如電商業務中秒殺和搶購活動的倒計時。在探討計時器之前先來回顧下它們的基本概念： 基本定義與用法 1、定義 setTimeout()用於指定在一定時間（單位毫秒）後執行某些代碼 setInterval()用於指定每隔一段時間（單位毫秒）執行某些代碼 2、參數 第一個參數 function，必填，回調函數。或者是一段字符串代碼，但是這種方式不建議使用，就和使

事件循環 , 計時器 , settimeout , setinterval , 倒計時