收藏 / 列表

Gomi - Chrome 138 beta Summarizer API 嚐鮮

前言 之前一直想把視頻AI總結的功能集成到Video Roll中,但是由於調用各廠商的AI接口基本上無法實現完全免費,即使免費額度也是有限制的,所以想免費提供給用户使用就捉襟見肘。另一種方式就是讓用户自己填各個廠商的key來做一箇中間件而已。於是覺得沒太大必要,一直擱置了這個功能。但是最近Chrome宣佈138版本將正式內置AI接口,比如Summarizer, Translater等。於是我趕緊下

chrome , gemini-pro , 人工智能 , 前端 , Javascript

LYX6666 - 從零起步,真正理解Javascript回調函數

零、前言 總聽到這麼一個詞語:回調函數。 對於它的瞭解,只知道在微信的網頁授權用到了回調,以及在Angular中可以用觀察者模式進行.subscribe訂閲,但對於它原理的理解,卻是一團漿糊。直到昨天開會時,突然被問到回調函數的知識,我才意識到自己真的不理解。 一、基礎知識:JavaScript標準寫法 我們先從最簡單的寫法入手,一步一步走向回調函數。 (如果熟悉語法,請跳到第二節)

angular , 回調函數 , typescript , 前端 , Javascript

健兒 - 無感刷新token解決方案

在你的 axios 封裝文件中,你需要兩個外部變量來管理狀態: // 標記是否正在刷新 token 的“鎖” let isRefreshing = false; // 存儲因 token 失效而掛起的請求的“隊列” let requestQueue = []; 請求攔截器 (Request Interceptor) 它的任務很簡單:在每個請求發出去之前,都帶上當前的 token

Ajax , 前端 , Javascript

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

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

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

愛吃雞蛋餅 - 知識訂正:瀏覽器工作原理與事件循環

  現代瀏覽器的複雜程度如同操作系統,只有日益完善的機制才能應對現今越來越複雜的網頁交互。筆者前文曾述JS單線程引起的思考,如今看來錯漏百出,知識內容早已過時。基於現在的知識積累,如今再發一文作為勘誤,希望能加深印象,有所收貨。   如同上文的“JS單線程”,筆者之前所學還是片面的知識,JS的單線程在哪個進程之內,交互操作,代碼執行瀏覽器線程更側重誰都是一知半解。現在重新系統學習了一遍知識後

瀏覽器原理 , 前端 , Javascript

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

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

uniapp , Ajax , 前端 , Javascript

WangLanguager - GloVe介紹和代碼示例

GloVe 介紹 GloVe(Global Vectors for Word Representation)是一種用於生成詞嵌入的模型,由斯坦福大學的研究團隊於 2014 年提出。與 Word2Vec 的局部上下文窗口方法不同,GloVe 通過全局詞共現矩陣來捕捉詞與詞之間的關係。 GloVe 的基本原理 GloVe 的核心思想是利用詞

yyds乾貨盤點 , 自然語言處理 , 詞向量 , 前端開發 , Javascript , Python

起風了 - 如何快速查看頁面的佈局結構?

在前端頁面 UI 開發時,如何能快速查看頁面的結構佈局? html * { outline: 1px solid red !important; } outline 屬性不會增加元素的尺寸,比 border 要好。

佈局 , css3 , Css , 前端 , ui

WillemWei - Express和Koa2的區別

前言 猶記得前段時間一次面試中,面試官問到:能説一説express和koa的區別嗎?當時心裏輕蔑一笑,這問題簡單,於是信心滿滿回答道:一個是基於回調,一個是基於Promise的。當時面試官楞了一下,笑了笑沒説什麼,我當時便意識到有什麼地方不對,後來查了下資料,發現確實沒有這麼簡單。 我總結了我查閲到的資料,希望對各位童鞋有所幫助。 Express和Koa2的區別和聯繫 Express是基於 N

express , node.js , koa , koa.js

wszgrcy - 在nodejs環境使用依賴注入

前言 一直以來static-injector都遵循修舊如舊原則,把 Angular 的依賴注入完整的提取出來 但是這樣的話在其他平台上必須使用transformer來進行一個靜態轉換,一個是影響速度,還有一個就是加大了配置難度 因為 Angular 的依賴注入增加了inject可以在構造時讀取依賴項,所以基本上不影響功能.如果想使用providedIn可以改為類中加入靜態屬性static

node.js , 依賴注入 , typescript , Javascript , Web

編程三昧 - require() 方法詳解

在 NodeJS 中有一個方法是我們使用頻率最高的,那就是 require 方法。NodeJs 遵循 CommonJS 規範,該規範的核心是通過 require來加載其他依賴的模塊。 幾個問題 module.exports 或者 exports 是全局變量嗎? 模塊的加載是同步還是異步? 循環引用會不會產生性能問題或者導致錯誤? 什麼是 CommonJS 每一個文件就是一個模塊,擁有自己

編程 , node.js , 模塊化 , require

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

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

框架 , webapp , 模板 , jquery , Javascript

Sam Poder - Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)

If you’ve ever used Incremental Static Regeneration (ISR) with Next.js, you may have found yourself sending stale data to the client. This occurs when you are revalidating the page on the server. Fo

react , API , Tools , next.js , 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 前端三劍客發展歷程及原理揭秘

作者: vivo 互聯網前端團隊- Han Xuejian、Zhang Hao 異地協作模式,給開發和測試間的問題溝通及定位帶來了諸多挑戰。本文從前端開發視角出發, 闡述在這過程中遇到的痛點,探索解決的思路,並在過程中成功孵化出技術工具“前端三劍客”,文章深入解析了“前端三劍客”技術的實現原理及應用場景。 1分鐘看圖掌握核心觀點👇 一、背景 隨着公司業務的不斷髮展,異地協作成為一種常態

工具 , 遠程調試 , 錄製屏幕 , 抓包解密 , 前端

flydean - 使用nodejs和express搭建http web服務

簡介 nodejs作為一個優秀的異步IO框架,其本身就是用來作為http web服務器使用的,nodejs中的http模塊,提供了很多非常有用的http相關的功能。 雖然nodejs已經帶有http的處理模塊,但是對於現代web應用程序來説,這或許還不太夠,於是我們有了express框架,來對nodejs的內容進行擴展。 今天我們將會介紹一下使用nodejs和express來開發web應用程序的區

express , node.js , HTTP , web服務器

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

架構設計師之光 - 談談EF Core實現數據庫遷移

一種更安全、可控的 EF Core 自動遷移方案:模塊化架構下的工程化實踐 在現代應用開發中,數據庫遷移已經成為不可或缺的工程環節。 特別是在 模塊化架構、分佈式系統、多團隊協作 的背景下,傳統 EF Core 遷移雖然足夠靈活,但在工程化落地方面仍存在一些現實挑戰,例如: 各模塊擁有獨立的 DbContext 多人並行開發導致遷移

Core , EF , 模塊化 , 前端開發 , Javascript

wadelau - 🙋Hanjst漢吉斯特優化+JsonDataFromScript等

近日繼續對🙋Hanjst漢吉斯特優化改進。這次的改進思考是從服務器端返回的 HanjstJsonData的容器設計問題。目前的做法是服務器端的HanjstJsonData放入終端頁面的一個Div元素中。這個Div的id默認被設置為Hanjstjsondata。 div id=”Hanjstjsondata” style=”display:none;height:0px;width:0px;”

模板引擎 , 模板 , 前端 , html5 , Javascript

specialcoder - 前端截圖實現

前言 需求背景: 目標:將頁面內容變成圖片分享出去 持久化:不需要服務端存儲 客户端能力:不依賴客户端端能力 使用pupeteer做截圖服務 優點: 前端使用簡單,只需調用接口即可 分享頁面可以和給用户展示的頁面內容分離,不用額外處理樣式等問題 缺點: 新開服務維護服務 接口響應時間較長會影響體驗 結論 調研發現,可以使用html2canvas純前端做頁面轉化成圖片的功能

html2canvas , html5 , Web

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

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

canvas , 前端 , Javascript

laojean - Mysql詳解

前言:在數據庫管理中,MySQL 作為開源關係型數據庫的標杆,其基礎操作是所有開發者和運維人員的必備技能。本文將從數據庫的創建、編碼配置、查看修改,到備份恢復與連接監控,逐步拆解核心操作,結合實操命令與原理講解,幫你徹底掌握 MySQL 基礎管理邏輯。 一、數據庫創建:基礎語法與本質解析 創建數據庫是 MySQL 操作的起點,掌握其語法規則與底層原理

MySQL , 數據庫 , 前端開發 , Javascript

雲端築夢者 - 103用Python解碼音樂奧秘!自然大調+鋼琴結構+循環美學一次性掌握

c自然大調_開嗓音頻_123454321_bpm 回憶 上次我們 製作了迴文音符序列 123454321 要整合成一個 序列不斷升級 從c開始 到c結束 可以整合嗎?🤔

右鍵 , ci , 前端開發 , Javascript , Python