收藏 / 列表

HZFEStudio - 瀏覽器事件循環

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

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

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

源代碼下載: learnruby-zh.rb # 這是單行註釋 =begin 這是多行註釋 =end # 在 Ruby 中,(幾乎)所有東西都是對象 # 數字是對象 3.class #= Integer 3.to_s #= "3" # 字符串是對象 "Hello".class #= String # 甚至方法也是對象 "Hello".method(:class).class #= Met

面向對象編程 , ruby , 語法 , 入門

卡頌 - 組長讓我把所有state都放Redux裏

大家好,我是卡頌。 在我們React進階源碼羣裏,除了React外,狀態管理是最常討論的話題。 詭異的是,有多個羣友説過類似的話: 他的同事/組長/領導...讓他把所有state都放在Redux/Mobx...裏 他們覺得不對,又不知道如何反駁。 今天我們來聊聊Redux、Mobx等狀態管理庫和React、Vue等視圖庫之間的關係,希望能解決以上困惑。 產品的核心競爭力 如果你在電梯裏遇到大領導

react , vue.js , mobx , redux , 前端

華為雲開發者聯盟 - 華為IoT首席架構師王啓軍:全棧工程師“養成記”

在王啓軍的公眾號裏,有一篇《My Team》的文章,裏面記錄了早年他所帶團隊成長的心得。 這個被他稱為完美組合的團隊,並不是來自大廠名企,彼時王啓軍給不起高待遇,團隊核心成員中還有很多人是專科學歷。 但就是這樣一支團隊,建立了IaaS平台,搭建了私有云,雲緩存,分佈式文件中心……甚至還有自己的開發框架,工作流平台,配置中心,而彼時,是在2013年前後。 王啓軍在文章裏寫到: 給不起高薪,就挑選潛力

華為雲 , 開源 , 全棧工程師 , 開發者 , 程序員

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

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

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

雲音樂技術團隊 - 手把手帶你走進Babel的編譯世界

作者:BoBoooooo 前言 談及 Babel,必然離不開 AST。有關 AST 這個知識點其實是很重要的,但由於涉及到代碼編譯階段,大多情況都是由各個框架內置相關處理,所以作為開發(使用)者本身,往往會忽視這個過程。希望通過這篇文章,帶各位同學走進 AST,藉助 AST 發揮更多的想象力。 AST 概述 想必大家總是聽到 AST 這個概念,那麼到底什麼是 AST? AST 全稱是是 Abs

ast , Javascript

xachary - 基於 CSS Grid 的簡易拖拉拽 Vue3 組件,從代碼到NPM發佈(1)- 拖拉拽交互

基於特定的應用場景,需要在頁面中以網格的方式,實現目標組件在網格中可以進行拖拉拽、修改大小等交互。本章開始分享如何一步步從代碼設計,最後到如何在 NPM 上發佈。 請大家動動小手,給我一個免費的 Star 吧~ 大家如果發現了 Bug,歡迎來提 Issue 喲~ github源碼 示例地址 文檔 特別説明一下,此組件是基於 CSS 的 display: grid 的,並非全能型拖拉拽

組件庫 , vue3 , 拖拽 , typescript , 前端

Sunshine_Lin - 「百毒不侵(一)」(a == 1 && a == 2 && a == 3) 有可能是 true 嗎?

大家好我是林三心,又一週過去了,哎,想想年紀又大了,就煩。今天突然有人問我: (a == 1 a == 2 a ==3) 有可能是 true 嗎 我當時就想一腳踹過去,你這不是在耍我嗎?當我的腳離他的臉一釐米時,我突然發現,誒!好像有點意思哦 對象類型轉換 當兩個類型不同時進行==比較時,會將一個類型轉為另一個類型,然後再進行比較。 比如Object類型與Number類型進行比較

面試 , 進階 , 前端 , Javascript

lihaixing - 二進制運算實例

實際使用 位運算只可運用於整數,對於 float 和 double 不行。 WebGL 遊戲數據處理 WebSockets、AJAX、Fetch、WebRTC 服務通信 WebUSB、WebAudio 硬件通信 Crypto 加密算法 1. 一些基本用法 位運算 功能 示例 x 1 去掉最後一位 101101-101

react , vue.js , 二進制 , 前端 , Javascript

李不要熬夜 - CSS3中的變形處理——transform功能(旋轉、縮放、傾斜、移動)

1 transform屬性 在CSS3中,可以利用transform功能實現文字或圖像的旋轉、縮放、傾斜、移動這4中類型的變形處理。 (1)瀏覽器支持 到目前為止:Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上瀏覽器支持該屬性。 2 旋轉 使用rotate方法,在參數中加入角度值,角度值後面跟表示角度單位的“deg”文字即可,旋轉方向為順時針方向。

transform , Css , 程序員 , 前端

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

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

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

風流倜儻的傷痕 - Nuxt Kit 自動導入功能:高效管理你的模塊和組合式函數

title: Nuxt Kit 自動導入功能:高效管理你的模塊和組合式函數 date: 2024/9/14 updated: 2024/9/14 author: cmdragon excerpt: 通過使用 Nuxt Kit 的自動導入功能,您可以更高效地管理和使用公共函數、組合式函數和 Vue API。無論是單個導入、目錄導入還是從第三方模塊導入,您都可以通過簡單的

react , vue.js , angular , webkit , npm

LaughingZhu - Doc for DevNow

前言 DevNow 是一個精簡的開源技術博客項目模版,支持 Vercel 一鍵部署,支持評論、搜索等功能,歡迎大家體驗。 🎉🎉 首先慶祝下 DevNow star 在不久前過百,對我來説還是蠻有成就感的,感謝大家的支持。 文檔 之前收到一些朋友私信問關於 DevNow 部署和一些配置的問題,陸陸續續發了幾個相關的文章,但是當文章多了的時候就會不容易查找,所有這兩天就整理了下相關的內容,輸出了

astro , 博客

漢得數字平台 - 「效率工具」全新種子數據導出導入-助力數據遷移更便捷

效率工具集是一套旨在提升產品研發及項目交付過程中開發、設計、配置遷移等流程效率的工具集,包括IDEA插件H-Copilot、表設計、配置遷移、前端掃描、種子數據導出導入等工具。 我們將提供一系列推文,介紹效率工具的使用,幫助您快速瞭解本工具,給您更好的使用體驗。 本文為系列推文的第六講,將為大家介紹全新種子數據導出導入-助力數據遷移更便捷。 功能亮點 種子數據導出導入工具旨在提供更加便捷、穩定、

paas , 運維 , 環境搭建

友人A - threejs的transformControls拖拽結束的異常

transformControls拖拽結束以後會以結束點的射線拾取重新選中新的模型,這裏發現是監聽事件的問題 // 創建 TransformControls const transformControls = new TransformControls(camera, renderer.domElement); const transformControlsHelp

three.js , 前端 , Javascript

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法 本文是underscore源碼剖析系列的第二篇,主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中,我們講過_上面的方法有兩種掛載方式,一個是掛載到_構造函數上以_.map(arr)的形式直接調用(在後文上統稱構造函數調用),另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , 前端 , Javascript

健兒 - 再次理解異步setTimeout 方法

先看一段代碼: console.log('-',new Date().getTime()) for(let i = 0;i100;i++){ setTimeout(function(){ console.log('exeute'); },100); } console.log('i',new Date().getTim

eventloop , settimeout , 線程 , 異步 , Javascript

幸福的鬧鐘 - 我們都被困在系統裏的…程序員

前言 2020年外賣最火熱的時候,有一篇文章《外賣騎手,困在系統裏》。 作為一個互聯網從業人員,我之前從未有機會體會到,當每一個工作都要被時間和算法壓榨時,我會是一種怎樣的感受。 而最近的一段經歷,我感覺也被困在系統裏了。 起因 如果你是一個研發人員,免不了要值班、處理線上問題。當然這都很正常,每個系統都有bug或者諮詢類的問題。 由於我們面臨的客户比較多,加上系統有一些易用性的問題或bu

react-native , JAVA , 程序員 , 後端 , 前端

袋鼠雲數棧UED - 一文了解 history 和 react-router 的實現原理

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霜序 前言 在前一篇文章中,我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快,但是它的底層實現原理確是萬變不離其中,在本文中會從前端路由出發到 react

react , react-router , 前端

jsliang - CSS 實例系列 - 02 - 2023 兔年祝福

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 新年新氣象,讓我們耍一個兔飛猛進的祝福吧: 這個是一個完整的線上小實例,小夥伴們可以填寫數據,服務器會用 Node.js 定期讀取數據: 填寫數據:https://kdocs.cn/l/cbmawranzvNL 效果查看:https://liangjunrong.github.io/ 例如你填的用户名稱是:

puppeteer , node.js , css3動畫 , html5 , Javascript

linong - 前端培訓-中級階段(21)- xhr2、FormData(2019-10-17期)

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門,但也僅僅是入門,現在前端開發的定義已經遠遠不止這些。前端小課堂(HTML/CSS/JS),本着提升技術水平,打牢基礎知識的中心思想,我們開課啦(每週四)。 AJAX 我們肯定不陌生,低版本IE使用new ActiveXObject("Microsoft.XMLHTTP"),其他瀏覽器使用new XMLHttpReq

formdata , xmlhttprequest , Ajax , html5 , Javascript

海豚V靚仔 - HTML 樣式

您已經很好地概述了HTML中style屬性的用途以及它與舊HTML標籤和屬性的對比。style屬性確實提供了一種靈活且強大的方式來直接在HTML元素上應用CSS樣式,而無需依賴外部或內部樣式表(儘管在大型項目中,通常推薦使用外部樣式表以維護樣式的集中管理和重用性)。 使用style屬性的好處 直接性:可以立即看到樣式變化的效果,無需跳轉到CSS文件進行修改。 靈活性:對於小型項目或快速原型設

前端 , html5

Aresn - View Design 物料市場項目已全部適配 Vue.js 3

目前,物料市場中的所有內容均已完成 Vue.js 3 的適配,View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有: 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

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

qinyuanqiblog - angularjs 學習筆記

angularjs官網 Awesome AngularJS angularjs菜鳥學院 angular 中文網 angular新手經常會碰到的坑 angularjs核心功能介紹 所有的東西都是綁在module上面的 angular .module('app', []) // module .factory() //

angularjs , 前端