收藏 / 列表

HZFEStudio - 瀏覽器事件循環

完整高頻題庫倉庫地址:https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 什麼是瀏覽器事件循環 瀏覽器為什麼需要事件循環 Node.js 中的事件循環 回答關鍵點 任務隊列 異步 非阻塞 瀏覽器需要事件循環來協調事件、用户操作、腳本執行、渲染、網絡請求等。通過事件循環,瀏覽器

事件循環 , node.js , 瀏覽器 , 前端性能 , Javascript

不語 - ik分詞器 自定義字典無效問題以及解決

關於kaibana自定義字典不生效的問題 kibana 自定義字典不生效的解決: 1確認ik分詞器在ES啓動時生效了(ES啓動時可以再日誌中看那些插件啓動了) 2確認自定義字典的編碼是否正確(一般使用utf-8),字典不生效90%都是編碼不正確

es7 , JAVA , 程序員 , 後端 , 前端

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統:從 CommonJS 到 ES6 模塊的演變

ECMAScript 6(通常稱為 ES6 或 ECMAScript 2015)是 JavaScript 語言的一個重大更新,帶來了許多新特性,這些特性極大地增強了語言的功能性和可維護性。其中,模塊系統的引入是 ES6 最重要的特性之一,它徹底改變了 JavaScript 的開發模式,從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統,討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

LaughingZhu - 搜索組件優化 - Command ⌘K

前言: DevNow 項目中我們使用了 DocSearch 來實現搜索功能,但是由於有以下的限制: 您的網站必須是技術文檔或技術博客。 您必須是網站的所有者,或者至少具有更新其內容的權限 您的網站必須公開可用 您的網站必須已準備好生產環境。 由於這些條件的限制, DocSearch 只適合用在開源的技術文檔或技術博客中,所以從 DevNow 開源博客項目的定位來説,還是比較適適合的。為

astro , blog

尹光耀 - underscore數組遍歷函數分析(一)

這是underscore源碼剖析系列第三篇文章,主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了,這兩個方法一般接收三個參數,分別是數組/對象、函數、上下文。 // iteratee函數有三個參數,分別是item、index、array或者value、

underscore , 前端 , Javascript

雲綺棠兮 - JS 對象如何實現深拷貝

如何實現一個對象的深拷貝? 方法1:使用JSON (對象的序列化和反序列化) 需要注意的是:在引用數據類型中,地址是保存在棧區的,屬性值存放在堆區的,不同的地址指向的值是不一樣的,這裏是深拷貝的寫法,變量地址是互不影響的,所以是obj == obj1為false,而在淺拷貝中就是為true的,因為在賦值的同時obj會把地址一起賦值給obj1,使他們的地址指向堆區的同一個值 // 如何實現一個對

深拷貝 , lodash , 前端 , Javascript

哈囉技術 - WebRTC拍攝在車主認證中的實現

相關介紹 車主認證項目背景 車主認證主體是以H5形式存在的,目前投放在多端,包括:哈囉App、車主App、貨運車主App、支付寶小程序、微信小程序、H5外投頁面,存在多端場景調用拍攝能力的需求。 存在問題: 多平台適配 確保拍攝功能在各個平台上有良好的適配,包括哈囉App、車主App、貨運車主App、支付寶小程序、微信小程序和H5外投頁面。 小程序兼容性 對於支付寶小程序

webrtc , 前端

長林啊 - Next.js 開發者必看:最受歡迎的 UI 組件庫

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! 在之前,我也寫過一篇《打造高效React應用:CSS方案深度解析》,裏面介紹到內聯樣式、CSS 類、CSS Modules 和 CSS-in-JS 技術,在 Next.js 中也同樣是適用,如果有不熟悉的,可以到公眾號 「長林

react , 全棧 , 組件庫 , web開發 , next.js

海豚V靚仔 - HTML 文本格式化

HTML 提供了豐富的元素來格式化文本和展示內容,這些元素不僅讓網頁內容更加豐富多彩,還提高了內容的可讀性和表達力。下面是對您提到的一些文本格式化標籤和“計算機輸出”標籤的進一步解釋和説明: 文本格式化標籤 b 和 strong:兩者都用於加粗文本,但 strong 在語義上更強調文本的重要性,而 b 僅僅是樣式上的加粗。 i 和 em:i 用於表示斜體文本,但主要是樣式上的變化;em 則用

前端 , html5

Aresn - View UI Plus 發佈 1.3.0 版本,新增 Space、$ImagePreview 組件

View UI Plus 1.3.0 版本已於 2022-06-21 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增間距組件 Space。 ImagePreview 新增下載圖片功能。 ImagePreview 新增屬性 toolbar,可選擇開啓的快捷功能並排序。 圖片預覽支持 $ImagePreview 實例化調用。 ImagePreview 新增拖

vue.js , iview , 前端 , html5 , Javascript

zxl20070701 - 從JQuery出發總結的關於原型使用上的一些淺薄理解

比如我們現在的需求如下。 有一個函數MyObj,支持如下功能: 可以通過MyObj()的方式返回一個對象,這個對象和new MyObj()是等價的 MyObj本身是一個對象,可以通過MyObj.doit()的方式調用其上的方法或屬性 為了實現需求,第一反應是: var MyObj=function(){ return new MyObj(); }; 然後在My

prototype , proto , jquery插件 , jquery , 前端

MangoGoing - 探究幾種CSS視差動畫實現方案及原理

滾動視差 介紹 視差滾動(Parallax Scrolling)是指多層背景以不同的速度移動,形成立體的運動效果,帶來非常出色的視覺體驗。 實現原理 方式一: 利用 background-attachment 屬性,我們可以把網頁解刨成:背景層、內容層、懸浮層 background-attachment 的作用是設置背景圖像隨着頁面滾動的時候固定,即使一個元素有滾動機制,背景也不會隨着元素

parallax-animation , css3動畫 , 前端

麒寧 - Ant Design 常見用法與坑點總結(一)

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

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

TANKING - 原生JavaScript+PHP多圖上傳實現

摘要 很多場景下需要選擇多張圖片上傳,或者是批量上傳以提高效率,多圖上傳的需求自然就比較多了,本文使用最簡單的XMLHttpRequest異步上傳圖片。 界面 上傳示例 代碼 index.html !DOCTYPE html html head title多圖上傳/title meta charset="utf-8" style

xmlhttprequest , file , 圖片上傳 , 多圖上傳 , Javascript

若川 - 50行代碼串行Promise,koa洋葱模型原來是這麼實現?

1. 前言 大家好,我是若川。歡迎關注我的公眾號若川視野,最近組織了源碼共讀活動《1個月,200+人,一起讀了4周源碼》,感興趣的可以加我微信 ruochuan12 參與,長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript

limingcan - 有了這些方法,webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後,我對webpack有了更新的理解 的講解,我們大致瞭解了: 使用webpack過程中出現的一些概念 結合打包過程中出現的概念,淺析了webpack打包流程,讓大家對打包流程有個大致的理解 我們都知道,我們在實際開發過程中,使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼,為了更貼近實際,我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

Kagol - TinyEditor v4.0 alpha 版本發佈:表格更強大,表情更豐富,上傳體驗超乎想象!

你好,我是 Kagol,個人公眾號:前端開源星球。 TinyEditor 是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、功能強大、開箱即用。 源碼:https://github.com/opentiny/tiny-editor/ 官網:https://opentiny.github.io/tiny-editor/ 對於富文本編輯器來

富文本編輯器 , 開源 , 前端

codechen8848 - 免費高顏值!一款跨平台桌面端視頻資源播放器!

大家好,我是 Java陳序員。 今天,給大家推薦一款跨平台的桌面端視頻播放器,免費高顏值! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 ZyPlayer —— 一款免費易用且打造的全功能媒體播放器,基於 electron-Vite 框架,結合 TDesign 組件庫和 Vue3 全家桶,致力於提供流暢、高效的跨平台娛樂體驗。

前端

愛跑步的番茄 - 代理IP是什麼?核心概念、類型與應用場景全面解析

在跨境電商、數據採集、廣告投放、賬號安全防護等依賴互聯網業務的領域中,代理IP逐漸成為基礎設施。它能夠隱藏真實身份、突破地域限制並提升賬號穩定性,對於企業和個人業務增長意義重大。 本文將系統解析代理IP的概念、原理、類型與選型要點。 一、代理IP的定義 代理IP(Proxy IP)指用户通過代理服務器訪問互聯網時,以代理服務器的IP替代用户自身真實IP的一種網絡技術。 代理IP能夠更改

數據庫 , Android , 後端 , 前端

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

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

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

小帆聊前端 - JS 原型鏈深度解讀:從混亂到通透,掌握 90% 前端面試核心

JS 原型鏈深度解讀:從混亂到通透,掌握 90% 前端面試核心 前言:你是否也被這些原型鏈問題折磨過? " 為什麼obj.toString()能調用卻不在自身屬性裏?" "prototype和__proto__到底有什麼區別?" " 用class定義的類和原型鏈是什麼關係?" "修改原型對象為什麼會影響所有實例?" 作為 JavaScript 的核心機制,原型鏈是理解繼承、對象關係和內置方法的基礎

原型鏈 , 前端 , Javascript

王大冶 - [Next.js14] NextAuth v5 (3) - Google 登錄

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 Google Cloud 設置 訪問 https://console.cloud.google.com/apis 如果你是第一次使用Google Cloud,請確保同意服務條款。 按照以下步驟繼續: 根據你的喜好編輯項目名稱,然後點擊"CREATE" 你將被重定向到這個界

ecmascript-6 , 前端 , Javascript

銀之夏雪 - 深入剖析為什麼順序調用對 React Hooks 很重要?

在享受 React Hooks 帶來的便捷性的同時,我們必須嚴格遵循順序調用的規則,這一規則的重要性遠超我們的想象。本文將深入探討順序調用對 React Hooks 的重要性,並結合常見的缺陷,通過具體的代碼案例進行詳細闡述,揭示其背後深層次的原理。 一、React Hooks 工作原理 理解 React Hooks 的工作原理是掌握順序調用重要性的關鍵。React 內部維護着一個 Hooks 鏈

react , react-hooks , 前端 , Javascript