收藏 / 列表

不語 - nacos基礎使用模板(註冊中心、配置中心)

Nacos是阿里巴巴的產品,現在是SpringCloud中的一個組件。Nacos本身就是一個單獨的軟件,需要下載並且安裝,下載好後在nacos文件bin文件夾中cmd命令 startup.cmd -m standalone 進行單體啓動(nacos默認集羣啓動),彈出naocs圖標以及對應的登錄頁信息則啓動成功,進入頁面登錄即可 賬號 密碼默認都為 nacso 1 註冊中心 一、基本使用 在父工程

中間件 , 阿里巴巴 , 微服務 , JAVA , 分佈式

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中,Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整,靈活地填充可用空間。因此,無論是在桌面端還是移動端,Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例:響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄,項之間應均勻分佈,並且在小屏幕上時,導航項能夠堆疊在一起: nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

你好2007 - Symbol + Generator函數 + Promise

一:Symbol 1.1 基本使用 簡單的説,Symbol就是一個絕對唯一的key值,類似之前obj['key']='value'這種操作的字符串'key',好處是絕對不會重複,避免覆蓋之前的值。 Symbol是一個方法,會返回一個唯一的symbol,可以帶參數,比如:var sy=Symbol('sy-name'),不過這只是為了方便查看,加不加目前沒有區別。 var sy1=Symbol(),

ecmascript-6 , promise , symbol , generator , Javascript

LaughingZhu - DevNow: Search with Lunrjs

前言 假期真快,轉眼國慶假期已經到了最後一天。這次國慶沒有出去玩,在北京看了看房子,原先的房子快要到期了,找了個更加通透一點的房子,採光也很好。 閒暇時間準備優化下 DevNow 的搜索組件,經過上一版 搜索組件優化 - Command ⌘K 的優化,現在的搜索內容只能支持標題,由於有時候標題不能百分百概括文章主題,所以希望支持 摘要 和 文章內容 搜索。 搜索庫的橫向對比 這裏需要對比了 fus

blog , 前端

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤(空格分隔): underscore 本文是underscore源碼剖析系列第六篇文章,上節我們介紹了throttle節流函數的實現,這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下,為了防止函數的頻繁調用,將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

幸福的鬧鐘 - AJAX是如何憑一己之力提高前端程序員的工資水平的?

作者:阿達西 鏈接:juejin.cn/post/7395396352183009290 emmm,今天無意間聽到一個比較奇怪的信息,就是在很早之前,前端工程師只是一個切圖崽,而且工資也不是很高。説白了,就是沒含金量的工作。因為那時候的Web應用相對簡單,主要關注於頁面的靜態內容和基本的交互。所以前端開發的工作主要集中在HTML、CSS和基礎的JavaScript上。 但是自從AJAX出現後

Ajax , 程序員 , 前端

袋鼠雲數棧UED - redux vs redux-toolkit 及源碼實現

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霜序 前言 為何講這個內容?以為後續大家會使用 redux-toolkit,資產上週做了 redux-toolkit 的升級順便了解了相關內容,產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理

react , redux-toolkit , redux , 前端

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

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

深拷貝 , lodash , 前端 , Javascript

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

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

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

哈囉技術 - 基於定位的出發地異常問題治理

前言 哈囉作為一家出行互聯網公司,定位這種基礎能力是深度融入在各業務的核心鏈路中的,筆者所在的地圖團隊經常會收到定位相關的badcase,但苦於定位的複雜與較難回收出價值,一直沒有針對性去解決此類問題,那在各大互聯網廠商都在做下沉市場注重用户體驗的今天,我們重新撿起了這個話題。 問題梳理 無位置 由於APP啓動時未獲取到位置,會給用户提示並阻塞發單,用户需要使用POI搜索或拖動地圖的方式選擇出發地

地圖 , 前端

長林啊 - 深入學習 React:組件、狀態與事件處理的完整指南

大家好,我是長林啊!一個 Go、Rust 愛好者,同時也是一名全棧開發者;致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》,歡迎大家點贊、關注和分享! 在上一篇文章《走進 React:打造交互式用户界面的第一步》中,我們已經對 React 以及其環境搭建有了初步的瞭解;React是一個極其強大的JavaScript庫,專為構建用户界面而生。我們將從 React的基石——JSX 語法

框架學習 , react , 全棧 , Javascript

海豚V靚仔 - HTML 樣式

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

前端 , html5

Aresn - View UI Plus 發佈 1.2.0 版本,新增 Image、Skeleton、Typography 組件

View UI Plus 1.2.0 版本已於 2022-06-13 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增排版組件 Typography,內置豐富的內容排版 UI,支持拷貝、可編輯、省略等功能。Typography 共包含 5 個組件: Typography 內容結構 Title 標題 Paragraph 段落 Te

vue.js , vue3 , iview , 前端 , ui

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

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

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

MangoGoing - koa實踐總結

什麼是koa? koa是Express的下一代基於Node.js的web框架。使用 koa 編寫 web 應用,通過組合不同的 generator,可以免除重複繁瑣的回調函數嵌套,並極大地提升常用錯誤處理效率。Koa 不在內核方法中綁定任何中間件,它僅僅提供了一個輕量優雅的函數庫,使得編寫 Web 應用和API變得得心應手。 Koa能幹什麼? 主要用途 網站(比如cnode這樣的論壇) ap

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

鹵代烴 - ⚡️ [性能優化] 瀏覽器跨域帶來的一些性能問題

前言 字節 Web Infra 團隊最近開啓新一輪招聘了,如果你對 Web Framework/Runtime/Performance,或對編譯構建/Rust/AI 感興趣,可以來看看我們的崗位(具體崗位信息可以看這個招聘鏈接 👉 字節跳動 Web Infra - Web Solutions 團隊招人啦!) 簡歷可以發到我的郵箱 skychx@hotmail.com,我可以幫你內推崗位並跟

性能優化 , 跨域 , 前端

若川 - 學習 underscore 源碼整體架構,打造屬於自己的函數式編程類庫

前言 你好,我是若川。這是學習源碼整體架構系列第二篇。整體架構這詞語好像有點大,姑且就算是源碼整體結構吧,主要就是學習是代碼整體結構,不深究其他不是主線的具體函數的實現。文章學習的是打包整合後的代碼,不是實際倉庫中的拆分的代碼。 要是有人説到怎麼讀源碼,正在讀文章的你能推薦我的源碼系列文章,那真是太好了。 學習源碼整體架構系列文章如下: 1.學習 jQuery 源碼整體架構,打造屬於自

函數式編程 , 源碼分析 , underscore , 前端 , Javascript

limingcan - 弄懂這幾個概念後,我對webpack有了新的理解

前言 隨着vite的誕生,webpack似乎漸漸的被大家拋棄。前陣子我也用vue@3.x + vite@4.x開發了一個後台管理系統,體驗了一把,確實有被vite飛快的啓動速度給驚豔到。 但是畢竟webpack已經誕生了許久,也經過市場的一些考驗,並且它有着豐富的插件,豐富的功能,一些大型的項目也使用過它,目前來説,它是一個相對於vite來説更穩定的打包工具。 基於以下原因: 有些公司由於歷史

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

陽呀呀 - “寒冬”三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等)

前言 跳槽是每個人的職業生涯中都要經歷的過程,不論你是搜索到的這篇文章還是無意中瀏覽到的這篇文章,希望你沒有白白浪費停留在這裏的時間,能給你接下來或者以後的筆試面試帶來一些幫助。 2019也許是互聯網未來10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去嘗試嘗試,你永遠不知道市面上的行情如何。這次找工作下來,我自身感覺市場並沒有那麼可怕,也拿到了幾個大廠的offer。在

面試 , 筆試 , 筆試題 , 前端

破曉L - 瞭解關鍵區別:await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面,它使我們能夠處理耗時的操作,而不會阻塞其他任務的執行。使用異步函數時,我們會遇到三個重要的關鍵字:await 、return、return await。在本文中,我們將探討這些關鍵字之間的差異,並討論何時使用每個關鍵字。 在深入探討細節之前,讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數,可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

Kagol - 重回鐵王座!時隔5年!Quill 2.0 終於發佈啦🎉

你好,我是 Kagol。 2024年4月17日,Quill 2.0 正式發佈🎉 最後一個 1.0 版本 1.3.7 發佈於 2019年9月9日,時隔4年零7個月。 富文本編輯器擁有非常豐富的使用場景,我在做 OpenTiny 開源運營過程中,也經常有用户問:OpenTiny 有富文本嗎? 於是在2023年6月,我們開始規劃富文本組件,做技術選型時,考慮了 Quill、Tiptap、Editor.

富文本編輯器 , quill , 前端

codechen8848 - 再見 Postman!一款開源免費的全能 API 客户端工具!

大家好,我是 Java陳序員。 在日常開發工作中,常常需要進行 API 接口調試,通常是藉助 Postman 進行調試或者接口管理。 但是基於 Electron 框架開發的 Postman,啓動速度較慢,且運行時會佔用較多內存和 CPU 資源。而且依賴雲同步功能,用户的接口集合、密鑰、Token 等敏感信息可能存儲在第三方服務器,存在數據泄露風險。此外,一些高級功能,還需要進行付費。 今天,給大家

後端

愛跑步的番茄 - 什麼是代理服務器?技術原理與應用解析

代理服務器(Proxy Server)是位於客户端與目標服務器之間的中間層節點,負責轉發網絡請求。在網絡通信體系中,它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下: Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP,而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的

typescript , 前端 , Javascript

點量實時雲渲染 - UE4/UE5像素流送雲推流|程序不穩定、弱網畫面糊怎麼辦?

看到不少反饋説像素流送技術在實際的應用中,存在一些問題,比如程序崩潰、畫面模糊等。本文將探討這些問題,並介紹點量雲流軟件提供了哪些有效的解決方案。 常見的像素流送技術問題 畫面質量問題: 當快速操作UE模型或初次啓動像素流送功能時,特別是在外部網絡條件不佳的環境下,用户經常遇到畫面模糊不清的問題。這不僅損害了視覺體驗,也影響了內容展示的專業效果。 多人訪問導致的性能下降: 一旦訪問用

渲染 , 算法 , 負載均衡