收藏 / 列表

瓏墨 - JavaScript 引擎如何工作?💭

😘前言:要了解 JavaScript 引擎,你必須瞭解當我們編譯和執行代碼時它的內容。一旦你完全閲讀了這篇文章,你就可以寫出一段優秀的代碼。這篇文章是關於JavaScript引擎的,它將幫助你瞭解JavaScript引擎的性能及其最有價值的功能,嘎嘎嘎,看下面😍。 一、什麼是 JavaScript 引擎?🧐 JavaScript引擎是一個程序,有助於將JavaScript代碼轉換為較低級別的

瀏覽器原理 , challenge , 前端 , html5 , Javascript

愛吃雞蛋餅 - 記一次較完整的vue3+koa2簡單項目開發經驗總結

  最近上頭讓我寫個項目簡單的官方網站,需求很簡單,有前後端,前端負責獲取要跳轉的外鏈進行跳轉和介紹視頻的播放,後端負責傳回外鏈和需要播放的視頻。我拿到需求,想了想,這樣子的需求就用不着數據庫了,後端寫個配置文件,傳回固定的數據就可以了,視頻嘛,就通過流的方式傳給前端。   確定好了實現方式,那就擼起袖子開幹。經過簡單思考,使用vue3+koa2的方式來做。一切從簡,安裝vue3-cli和k

全棧 , koa2 , vue3

零一行者 - 封裝 uniapp 請求庫的最佳實踐

背景 在前端開發中,HTTP 請求是與服務器進行數據交互的核心手段。無論是獲取數據還是提交數據,前端應用幾乎都離不開 HTTP 請求。在 uniapp 中,uni.request 是官方提供的用於發起 HTTP 請求的基礎 API。然而,直接使用 uni.request 存在一些問題和不足,比如: 代碼冗餘:每次發起請求時都需要編寫類似的配置代碼,導致代碼重複。 缺乏統一管理:沒有統一的地方

uniapp , Ajax , 前端 , Javascript

WangLanguager - 多智能體強化學習(MARL)介紹和代碼示例

多智能體強化學習(MARL)介紹 多智能體強化學習(Multi-Agent Reinforcement Learning, MARL)是強化學習的一個分支,涉及多個智能體在同一環境中學習和決策。MARL 主要關注以下幾個方面: 環境交互: 多個智能體同時與環境交互,它們的行為不僅影響自身的獎勵,也會影響其他智

強化學習 , yyds乾貨盤點 , tensorflow , 前端開發 , 代碼示例 , Javascript

起風了 - (移動端適配px轉rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安裝插件 yarn add lib-flexible postcss-px2rem-exclude //這個插件也要下,不然的話啓動項目的時候會報錯 yarn add react-app-rewire-postcss 2、修改config-overrides.js(如果沒有就新建,在項目根目錄) 在config-overrides.js文件裏重寫postcss,加入如下代碼 這文件將a

react , px2rem , rem , html5

WillemWei - 模擬實現Javascript中的bind函數

bind() 方法創建一個新的函數,在 bind() 被調用時,這個新函數的 this 被指定為 bind() 的第一個參數,而其餘參數將作為新函數的參數,供調用時使用。 從MDN對於bind的描述來看: 返回值是一個函數,而不是執行結果 this值會指向第一個參數 其餘參數會作為新函數的參數 看個例子: function test(name, age) { console.lo

prototype , bind方法 , new , bind , Javascript

wszgrcy - ngx-formly的代替品piying-view

如果你正在使用 ngx-formly,或正在尋找一個更靈活、更現代、更易擴展的表單解決方案,那麼 piying-view 可能是你值得嘗試的下一代選擇。 📌背景 ngx-formly 是一個非常優秀的表單抽象庫 但隨着項目複雜度上升,我發現它在一些方面上存在侷限性.所以我基於 ngx-formly 的核心理念,進行了相關改進,並支持了更多功能,實現了piying-view 🚀改進

angular , form , jsonschema , typescript , 前端

編程三昧 - Web Components系列(一) —— 概述

前言 如果我們選擇不使用任何框架的情況下來進行前端開發,那麼針對一個完整的網頁,我們需要開發以下代碼: HTML 代碼 CSS 代碼 JavaScript 代碼 就幾年之前來説,HTML 部分的代碼基本不存在複用的可能,這就導致我們可能需要開發大量重複的 HTML 代碼,即使使用 CV 法,代碼的冗餘卻是不可避免的。 Web Components 誕生的背景 近幾年,我們在使用前端框架(

component , 組件化 , 前端

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

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

框架 , webapp , 模板 , jquery , Javascript

Sam Poder - The Case For Prisma In The Jamstack

The Jamstack approach originated from a speech given by Netlify’s CEO Matt Biilmann at Smashing Magazine’s very own Smashing Conf in 2016. Jamstack sites serve static pre-rendered content through a

next.js , Jamstack , serverless , Javascript

周皺 - javascript字符串常用api使用匯總(二)

javascript字符串常用api使用匯總(二) 本文講述所有能使用正則的字符串api search replace replaceAll split match search 按正則搜索字符串 這個api使用很簡單,就是搜索字符串中符合規則的字符的開頭索引 const rex = /\w+/ const str = 'abc123321' console.log(st

split函數 , match , Search , string , Javascript

fx67ll - Dva.js 快速上手指南

先説些廢話 最近在開發React技術棧的項目產品,對於數據狀態的管理使用了Dva.js,作為一個資深的ow玩家,我看到這個名字第一反應就是————這不是ow裏的一個女英雄嗎?仔細閲讀了官方文檔之後,發現開發者還真是因為這個角色獲得靈感,來命名這個數據狀態管理插件,果然開發大佬都是工作和休閒兩不誤~ 學過React的同學都知道它的技術棧非常多且雜,所以每當你使用React的時候都需要引入很多的模塊,

react , redux-saga , dva.js , redux , Javascript

vivo互聯網技術 - vivo 互聯網技術 2024年度盤點

歡迎來到一年一度的盤點時刻。在剛剛過去的2024年,vivo互聯網技術: 累計發佈44篇原創技術文章,並在公眾號及各大技術社區與技術同行分享和交流; 累計參與了19場技術演講,涉及雲原生、前後端技術、研發效能、平台工程、AI、大數據、安全、存儲與數據庫等技術領域; 積極參與開源生態貢獻,加入Linux/CNCF/TODO Group/CCF等組織/基金會; 截至目前有超過7萬技術同行在關

技術 , 互聯網 , 總結

flydean - netty系列之:EventExecutor,EventExecutorGroup和netty中的實現

簡介 netty作為一個異步NIO框架,多線程肯定是它的基礎,但是對於netty的實際使用者來説,一般是不需要接觸到多線程的,我們只需要按照netty框架規定的流程走下去,自定義handler來處理對應的消息即可。 那麼有朋友會問了,作為一個NIO框架,netty的多線程到底體現在什麼地方呢?它的底層原理是什麼呢? 今天帶大家來看看netty中的任務執行器EventExecutor和EventEx

channel , netty , JAVA

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 - Hello 2019! Hanjst/漢吉斯特 模板語言及引擎創新發布

Hello 2019! Hanjst/漢吉斯特 模板語言及引擎創新發布。 值此一元復始之際,恭祝 朋友們新年萬事如意! 寄望 Hanjst/漢吉斯特能幫助大家從各種模板中解脱出來,為人類做出更大的貢獻。 1. 背景 網頁模板語言/引擎緣起於 MVC 思想的引入。當軟件項目膨脹複雜到足夠大時,軟件研發人員與UI/UE設計人員就需要分別獨立出來,其中設計製作人員工作的V(View)部分需要用模板

模板引擎 , Javascript

specialcoder - URL參數的格式化和解析

常見場景 傳遞 URL 參數是頁面A與頁面B通信時常用的方法。如:頁面A是新聞列表頁面,在點擊某一條新聞的時候,需要帶着新聞 ID 打開頁面B新聞詳情頁面 pageB?id=${id},這樣頁面B就能根據解析 URL 上的 ID 獲取具體的新聞詳情了。 常見的格式化和解析方法 🔥🔥🔥 推薦一個好用的解析工具:Prettier URL 給出一段參數: const query = { a

Javascript , url

suporka - “山寨版”《草料二維碼》

背景 之前瀏覽過草料二維碼的網站,他的二維碼美化功能很強大,可以分別自定義碼眼和碼點的形狀和顏色,功能十分強大 💪! 碰巧之前寫過一個 npm 插件 qrcode-with-logos, 用於前端生成帶 logo 的二維碼。 而且在 github 的 issues 裏有外國友人 👨‍🦱 問我能否實現不同樣式的二維碼,剛好以此作為新需求,模仿草料二維碼的樣式和功能,開發了 qrcode-wit

canvas , 前端 , Javascript

laojean - whisper數據庫 - 摩雲菜的個人空間 -

Whisper-large-v3數據管道:實時數據流處理架構 痛點:傳統ASR系統難以應對實時音頻流處理 你還在為語音識別系統的實時性而煩惱嗎?面對持續不斷的音頻流,傳統的批處理模式往往導致延遲過高、資源浪費嚴重。Whisper-large-v3作為OpenAI最新的語音識別模型,其強大的實時數據處理能力能夠徹底解決這一痛點。 讀完本文

批處理 , 數據 , 前端開發 , 語音識別 , Javascript

雲端築夢者 - 紅黑樹原理和C++實現

前言:在計算機科學領域,數據結構的選擇直接決定着算法性能的巔峯。紅黑樹——這一被譽為"最優雅的平衡二叉搜索樹",憑藉其嚴格的平衡約束和穩定的對數級時間複雜度(O(log n)),已成為高性能系統的核心支柱。從Linux內核的進程調度到C++ STL的map容器,從數據庫引擎的B+樹後備存儲到實時系統的內存管理,紅黑樹的身影無處不在。

數據結構 , 算法 , 開發語言 , c++ , 前端開發 , 後端 , Javascript

Zara Cooper - How To Build A Localized Website With Hugo And Strapi

Localizing your site can benefit your business or organization in several ways. By translating your content or site, you expand the markets you target. Adapting your product to the language and cult

Headless , Tools , cms , hugo

Vitaly Friedman - Smashing Highlights 2009

2009 was a very successful year for Smashing Magazine. It was a year of ambitious goals and an intense time schedule, which brought many changes over the past year. In 2009 we published more posts t

Highlights , Events

前端胖頭魚 - Zepto源碼分析之ie模塊

前言 Zepto中的ie模塊主要是改寫getComputedStyle瀏覽器API,代碼量很少,但也是其重要模塊之一。在看源代碼之前,我們先回顧一下如何使用 getComputedStyle Window.getComputedStyle() 方法給出應用活動樣式表後的元素的所有CSS屬性的值,並解析這些值可能包含的任何基本計算。MDN let style = window.get

zepto , 源碼分析 , jquery , 前端