收藏 / 列表

你好2007 - vue 如何實現表單校驗

安裝並使用 首先,在你的vue項目中進行安裝: npm install --save vue-input-check 接着根據不同的vue版本註冊: vue2.js import Vue from 'vue'; Vue.use(inputCheck); vue3.js+ import { createApp } from 'vue'; let app = createApp(App); app

vue.js , validate , form , submit , Javascript

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳,閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案,其原理是: 1.把真實的 DOM 樹轉換成 js 對象(虛擬 DOM) 2.數據更新時生成新的 js 對象(新的虛擬 DOM) 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

雲綺棠兮 - JavaScript之對象篇

對象 是無序屬性的集合,其屬性可以包含基本值,對象,或者函數。可以將對象想象成散列表:鍵值對,其中值可以是數據或者函數。ECMAScript中的對象其實就是一組數據(屬性)和功能(方法)的集合。 題外話:睡了,明天再搞,中秋節快樂鴨!!!!! 對象是一個包含相關數據和方法的集合(通常由一些變量和函數組成,我們稱之為對象裏面的屬性和方法) 比如在現實生活中,每一個人都是一個對象。對象有它的屬性,如身

node.js , object , 前端 , Javascript

哈囉技術 - React hooks原理淺談

react的工作流程 fiber是react的基本工作單元,所有的操作都要基於它實現。其實fiber就類似一個個element元素,react的工作流程其實就是遍歷fiber tree。 performUnitOfWork函數會執行當前的fiber節點,然後把這個fiber的子節點賦值給workInProgress,當子節點不存在時,就把兄弟節點賦值給workInProgress。 上層的wo

react-hooks , 前端

Kagol - 🎈Fluent Editor 富文本開源2個月的總結:增加格式刷、截屏、TypeScript 類型聲明等新特性

你好,我是 Kagol,個人公眾號:前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、 功能強大、開箱即用。 2024年8月12日,Fluent Editor 正式開源! 源碼:https://github.com/opentiny/fluent-editor/ 官網:https://op

富文本編輯器 , typescript , 前端

長林啊 - 掌握 React Hooks:現代 React 開發的必備技能

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終身學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! Hooks 是 React 官方團隊在 React 16.8 版本中正式引入的概念。通俗的講,Hooks 只是一些函數,Hooks 可以用於在函數組件中引入狀態管理和生命週期方法;如果希望讓 React 函數組件擁有狀態管理和

react , hooks , typescript , 前端 , Web

codechen8848 - 網頁版微信來了!無需下載安裝客户端!

大家好,我是 Java陳序員。 你是否遇到過:在公共電腦上想臨時用微信卻擔心賬號安全,服務器或 Linux 系統上找不到合適的微信客户端,或者想在多個設備上便捷訪問微信卻受限於安裝環境? 今天,給大家介紹一個超實用的開源項目,讓你通過瀏覽器就能輕鬆使用微信,無需在本地安裝客户端! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹

操作系統

愛跑步的番茄 - 如何進行 API 提取:從原理到實踐的完整指南

在數據驅動的時代,API(應用程序接口)已經成為信息交互的核心通道。無論是進行數據採集、自動化分析,還是搭建業務系統,API提取(API Extraction) 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇,以及如何藉助代理服務突破訪問限制,實現更高效的數據獲取。 一、什麼是 API 提取? API 提取是指通過調用公開或私有接口,從目標網站或服務中自動獲取

go , 前端 , Python

點量實時雲渲染 - 輕鬆暢遊VR世界,無需高配置|點量實時雲渲染技術

傳統VR眼鏡在使用中存在一些顯著不足,而實時渲染技術又是如何解決的?接下來與大家共同探討遇到的問題以及實時渲染在VR眼鏡中的實際應用。 1、高配置要求 目前主流VR一體機的眼鏡需要較高配置才能運行普通VR內容,且受限於VR眼鏡的算力限制,無法運行大型的VR內容。 2、空間和時間限制 部分非VR一體機的設備,算力來自於PC設備,則需要使用線纜連接,用户的活動範圍和自由度受限,這對於教學和

渲染 , 虛擬現實 , 3d , vr

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

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

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

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

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

前端 , Javascript , url

TANKING - 使用marked.min.js編寫Markdown文檔頁面,可做知識庫、技術文檔、使用文檔、教程文檔等!

摘要 marked.min.js 是一個高效的 JavaScript Markdown 解析器,它能夠將 Markdown 格式的文本轉換為 HTML。作為一個輕量級的庫,marked 在處理大規模的 Markdown 內容時表現出色,並且具備廣泛的兼容性和可定製性。 本文將深入探討如何使用 marked.min.js 來構建一個自定義的 Markdown 解析器,涵蓋其核心功能、配置選項以及如何

文檔閲讀器 , marked , 前端 , Javascript , Markdown

JackySummer - 【解讀 ahooks 源碼系列】 (開篇)如何獲取和監聽 DOM 元素

前言 由於在工作中自定義 Hook 場景寫的較多,當實現某個通用場景功能時,可能沒想過有已實現好的 Hook 封裝或者壓根沒想去從 Hooks 庫裏面找,但是社區好的實現使用起來是可以提高開發效率和減少 bug 率的。 公司項目中有依賴庫 ahooks,但我用的次數不多,於是有了想詳細瞭解 ahooks 的打算,更主要是為了更加熟練抽離與實現一些場景 Hook,學習如何更好的自定義 Hook,便有

react , hooks , 前端 , Javascript

京東雲開發者 - TypeScript 前端工程最佳實踐

作者:王春雨 前言 隨着前端工程化的快速發展, TypeScript 變得越來越受歡迎,它已經成為前端開發人員必備技能。 TypeScript 最初是由微軟開發並開源的一種編程語言,自2012年10月發佈首個公開版本以來,它已得到了人們的廣泛認可。TypeScript 發展至今,已經成為很多大型項目的標配,其提供的靜態類型系統,大大增強了代碼的可讀性、可維護性和代碼質量。同時,它提供最新的Java

系統 , 前端設計 , 程序員 , typescript , 前端

qbit - Elasticsearch 相似度算法 TF-IDF 與 BM25 簡要説明(qbit)

前言 簡要説明 TF-IDF 與 BM25 簡要説明 BM25 下 k1 和 b 參數調整 TF-IDF 與 BM25 TF-IDF TF是指歸一化後的詞頻 IDF是指逆文檔頻率 詞彙(word)的TF-IDF 句子(sentence)的TF-IDF BM 25 一句話解釋:BM 25 可以看做 TF-IDF 的變形,原理上是類似

elasticsearch , tf-idf