收藏 / 列表

瘋狂的技術宅 - JavaScript中的回調函數看這篇就夠了

回調函數是每個前端程序員都應該知道的概念之一。回調可用於數組、計時器函數、promise、事件處理中。 本文將會解釋回調函數的概念,同時幫你區分兩種回調:同步和異步。 回調函數 首先寫一個向人打招呼的函數。 只需要創建一個接受 name 參數的函數 greet(name)。這個函數應返回打招呼的消息: function greet(name) { return `Hello, ${name}!

回調函數 , 前端 , Javascript

Gomi - Astro + NextUI 搭建個人博客(導航組件篇)

Astro 簡介 由於我之前的個人博客是Vue3+Quasar+Koa+MySql搭建的,整體就是SPA的思路,作為練手倒是可以鍛鍊前後端各方面的能力。但考慮到後期的遷移和更新等,實在過於麻煩,個人博客其實使用SSR或SSG之類的框架就行了,比如Nextjs,Nuxtjs,Remix等等。於是我接觸到了Astro這個框架,它厲害的是不與任何前端框架進行強行綁定,比如Nextjs是與React強綁定

astro , ssg , ssr , 博客搭建 , 前端

LYX6666 - 釘釘企業內部應用同步部門用户

前言 有了上一篇釘釘企業內部應用SSO單點登錄實戰及踩坑過程之後,再去看釘釘的文檔和接口就顯得輕車熟路了。 明確需求:定時把釘釘的用户同步到企業自己開發的系統中,以便讓企業內的員工都能使用SSO單點登錄。 確定接口 借鑑上一篇的經驗,我們優先選擇V2版本的接口。 釘釘開放平台-用户信息 右側提供了返回值的實體,注意到包括userId、姓名、電話這三個關鍵字段存在,説明該接口滿足需求。 把鼠標放到

單點登錄 , 釘釘 , springboot , JAVA , 後端

健兒 - 多級數組Tree如何做搜索

兩種方案 1、數組打平,根據搜索字符在打平數組裏去filter出滿足條件的node節點,但此時被篩選的節點只有子節點,然後再通過被篩選出的子節點去找對應的父節點,然後拿到結果後轉成tree結構 優點:思路簡單,打平數組用了遞歸,好理解 缺點:找父節點的時候相對麻煩。 2、寫一個遞歸算法,滿足條件就返回tree 比如有一個簡單個tree const treeData = [ {

遞歸 , tree , 算法 , 前端

瓏墨 - 【吃透】JS代理(Proxy)

今天給大家分享如何從根本上吃透js代理,嘎嘎的😍,看下面 咱們首先得知道: 代理是 js 中的對象,它允許你創建對象的代理,同時還可以為標準對象操作定義自定義行為。這意味着,譬如,如果有人試圖從對象中獲取屬性的值,你可以定義一組自定義行為。這使代理變成了一個非常強大的工具,所以讓我們看看它們是如何工作的。get set has 一、js 代理的基礎知識✔ en... 上面聽起來很複雜,所以

es7 , challenge , es6-proxy , 前端 , Javascript

愛吃雞蛋餅 - 知識訂正:瀏覽器是如何渲染頁面的?

一.瀏覽器是如何渲染頁面的?   當瀏覽器的網絡線程收到 HTML 文檔後,會產生一個渲染任務,並將其傳遞給渲染主線程的消息隊列。在事件循環機制的作用下,渲染主線程取出消息隊列中的渲染任務,開啓渲染流程。   整個渲染流程分為多個階段,分別是: HTML 解析(Parse HTML)、樣式計算(Computed Style)、佈局(Layout)、分層(Layer)、繪製(Paint)、

瀏覽器原理 , 前端 , Javascript

零一行者 - 從實際營銷活動案例看 H5 與 WebView 的交互

從實際案例看 H5 與 WebView 交互 現在運營需要設計一個活動頁面,這個頁面需要支持如下功能: img src="https://img-blog.csdnimg.cn/direct/9cf7eeedd91d48088c3c1695941521cf.jpeg" width="375px"/ img src="https://img-blog.csdnimg.cn/direct/a78

vue.js , uniapp , webview , Javascript

WangLanguager - 序列到序列模型(Seq2Seq)介紹和代碼示例

序列到序列模型(Seq2Seq)介紹 序列到序列模型(Seq2Seq)是一種用於處理序列數據的深度學習架構,廣泛應用於自然語言處理(NLP)任務,如機器翻譯、文本摘要、對話生成等。Seq2Seq 模型通常由兩個主要部分組成:編碼器(Encoder)和解碼器(Decoder)。 關鍵特點 編碼器:編碼器接收輸入序列,將其轉換為一

編碼器 , yyds乾貨盤點 , 機器翻譯 , ci , jquery , 前端開發

wszgrcy - 程序員如何封裝邏輯?

程序員如何封裝邏輯? 封裝 關於封裝代碼,我想大家都知道,提高可讀性,使代碼更清晰,更易於維護 那麼什麼是封裝邏輯?舉個例子,假如我想修改某個函數的傳參,將foo(a,b)改成foo(b,a),我們可以將a剪切到b後面,或b剪接到a前面,這就是我們的在操作時邏輯,而封裝邏輯,就是代替我們執行這個操作,我們只需要調用,就會有人幫我們實現 為什麼要封裝邏輯? 剛才舉的例子,只是交換一下參數

開發工具 , 開發 , 技術分享 , 架構模式

編程三昧 - WebSocket 對象簡介

WebSockets 是一種先進的技術。它可以在用户的瀏覽器和服務器之間打開交互式通信會話。使用此API,您可以向服務器發送消息並接收事件驅動的響應,而無需通過輪詢服務器的方式以獲得響應。 何為 WebSocket 對象? WebSocket 對象是 WebSockets 的接口之一,用於連接WebSocket服務器的主要接口,之後可以在這個連接上發送 和接受數據。 WebSocket 對

websocket , 技能表 , 前端優化 , 前端

王小o - BUI 新官網上線了,全新出發!

經過幾個月的奮戰,我們的BUI 新官網終於上線了!熱淚盈眶.jpg 簡介 BUI 是一個跨平台UI開發框架,基於路徑式的組件化開發,結合單頁路由,可按需加載,開箱零配置,簡單上手,適合獨立開發各種 Webapp,App,輕應用,小程序,公眾號,聆客,釘釘…… 網站更新內容如下: 【新增】一個新聞資訊類組件化開發的案例,包含(登錄,自動分頁列表,詳情,選項卡,嵌套選項卡,卡片式,用户中心等內容)

框架 , webapp , 模板 , jquery , Javascript

Sam Poder - Next.js Wildcard Subdomains

A “wildcard”? What in the world? Great question, these types of domain stem from Wildcard DNS Records which look like this: *.example. 3600 TXT "Wild! You have found a wildcard.

Tools , next.js , Jamstack , Static Generators

周皺 - 一文搞懂String的replace用法

String的replace方法的使用 大部分語言的都有字符串類型,字符串類型基本都有replace方法,今天就來説説javascript的replace方法 const str = 'abcdefjabcd' const newStr = str.replace('a', 'p') console.log(newStr) // pbcdefjabcd 今天的分享就到這裏,恭喜你已經學

replace , string , Javascript

雲綺棠兮 - 每日算法題----合併兩個有序數組(利用JS實現)

題目: 給你兩個按 非遞減順序 排列的整數數組nums1 和 nums2,另有兩個整數 m 和 n ,分別表示 nums1 和 nums2 中的元素數目。 請你 合併 nums2 到 nums1 中,使合併後的數組同樣按 非遞減順序 排列。 注意:最終,合併後數組不應由函數返回,而是存儲在數組 nums1 中。為了應對這種情況,nums1 的初始長度為 m + n,其中前 m 個元素表示應合併的元

指針 , 前端

fx67ll - 前端性能優化的利器 ——— 淺談JavaScript中的防抖和節流

防抖和節流函數是工作中兩種常用的前端性能優化函數,今天我就來總結一下什麼是防抖和節流,並詳細説明一下如何在工作中應用防抖和節流函數 什麼是防抖和節流? 在 JavaScript 中,防抖(debounce)和節流(throttle)是用來限制函數執行頻率的兩種常見技術。 防抖(debounce) 是指在某個時間段內,只執行最後一次觸發的函數調用。如果在這個時間段內再次觸發該函數,會重新計時,直到等

性能優化 , 前端性能優化 , loadsh , 前端 , Javascript

flydean - javascript中的模塊系統

簡介 在很久以前,js只是簡單的作為瀏覽器的交互操作而存在,一般都是非常短小的腳本,所以都是獨立存在的。 但是隨着現代瀏覽器的發展,特別是nodejs的出現,js可以做的事情變得越來越多也越來越複雜。於是我們就需要模塊系統來組織不同用途的腳本,進行邏輯的區分和引用。 今天將會給大家介紹一下js中的模塊系統。 CommonJS和Nodejs CommonJS是由Mozilla公司在2009年1月份提

node.js , 模塊化 , javascript專題系列 , Javascript

Michelle Barker - Developer Decisions For Building Flexible Components

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. Added to that, on the modern web, users have an ever-increasing range of options for ho

Techniques , Content , Css , Design

架構設計師之光 - 如何焊接一個LED音樂頻譜電子DIY LED閃光套件

我喜歡完成的電子套件,我可以在這裏專注於完成-通常是來自遠東的物美價廉的小玩意。我給自己買了一個音樂頻譜計,在連接到高保真音響系統或智能手機後,3.5英寸插孔上的聲音可以讓LED動起來。LED燈的閃爍取決於歌曲的節拍。 規格 •工作電壓:5V USB供電 •信號接入方式:3.5音頻線輸入音頻信號 •安裝方式:DIY焊接組裝 •尺寸:1

電路圖 , 智能手機 , 故障排除 , Css , 前端開發 , HTML

wadelau - ?Hanjst漢吉斯特改進+enSafeExpression安全表達式等

Hanjst漢吉斯特模版語言及模版引擎,近期持續改進升級。 這次改進主要是增加了對安全輸出表達式兼容,由於涉及到對軟件開發過程中的效率和軟件運行效率的平衡和取捨,所以多寫了幾句,以描述這個權衡利弊對思考過程。距離上次更新:?Hanjst漢吉斯特升級:+showImageAsync及性能改進等(https://ufqi.com/blog/hanjst-... ),時間過得並不算長,希望Hanj

模板引擎 , html5 , Javascript

specialcoder - 認識包管理工具: npm、yarn和pnpm

包管理工具的發展 2010 年 1 月,一款名為 npm 的包管理器誕生。它確立了包管理器工作的核心原則。 npm 的發佈誕生了一場革命,在此之前,項目依賴項都是手動下載和管理的。npm 引入了文件和元數據字段,將依賴項列表存儲在 package.json 文件中,並且將下載的文件保存到 node_modules 文件夾中。 後來因為 npm 的缺陷或者舊版本的不足,又出現了一個個替代

工程化 , npm , 前端

suporka - underscore 誕生記(二)—— 鏈式調用與混入(mixin)

上篇文章講述了 underscore 的基本結構搭建,本文繼續講鏈式調用與混入。 如果你還沒看過第一篇文章,請點擊 “underscore 誕生記(一)—— 基本結構搭建” 鏈式調用 在 JQuery 中,我們經常使用到鏈式調用,如: $('.div') .css('color', 'red') .show(); 那麼在 underscore 中,是否支持鏈式調用呢?答案是支持的,只不過

underscore系列 , underscore , Javascript

laojean - lemma prop

定義(definition): 描述一個概念,並區別於其他相關概念的表述。 命題(proposition): 用於判斷真假的陳述句。 引理(lemma): 為了取得某個更好的結論而作為步驟被證明的命題,其意義並不在於自身被證明,而在於為達成最終目的作出貢獻。引理和定理沒有嚴格界限。 公理(axiom): 經過人類長期反覆

機器學習 , 學習 , google , lemma prop , 人工智能 , ci , 百度

雲端築夢者 - 文本編輯器中利用正則來提高查找和替換效率_iteye

效率提升之正則替換 引言:讓文本處理不再是體力活 作為程序員,我們每天都在與代碼、日誌、配置文件打交道。有時候,面對成百上千行需要處理的文本,即便是最強壯的"複製粘貼大師"也會感到力不從心。 所以,今天我要分享一個在日常工作中經常用到的文本處理技巧——正則替換。 你是否曾經為了從幾百行日誌中提取用户ID而一個個複製粘貼? 你是

正則 , 後端開發 , 正則表達式 , harmonyos , 匹配模式

Zara Cooper - Reasons To Build A CRM-Powered Website For Your Business

This article has been kindly supported by our dear friends at HubSpot who have created an ecosystem uniting software, education, and community to help businesses grow better every day. Thank you!

Clients , User Experience , Business