收藏 / 列表

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

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

回調函數 , 前端 , Javascript

Gomi - Chrome 138 beta Summarizer API 嚐鮮

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

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

LYX6666 - 阿里雲Linux服務器SSH啓用密鑰對連接

前言 當SSH啓用密鑰對之後就會禁止密碼連接,這種情況下安全性會大大加強。 而像阿里雲這種雲服務供應商則把這個流程變得非常簡單。 在買服務器的時候就可以自動配置,我們要做的就是知道怎麼連接它。 創建實例的注意事項 在ECS購買頁面,選擇Linux或Freebsd之後,下面就可以選擇密鑰對連接: 此時如果沒有密鑰對就創建一個: 點擊確認後,會下載私鑰文件,並且密鑰對列表多了一條數據:

rsa , SSH

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

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

Ajax , 前端 , Javascript

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

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

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

愛吃雞蛋餅 - 由瀏覽器緩存機制引起的思考

不管三七二十一,先丟一張流程圖,然後看個一分鐘。 有了大致的流程印象之後,我就來補充説明一下大概流程: PS:面試的時候可以按大概流程來説。 當我們進入頁面或刷新頁面時,瀏覽器會加載資源。 此時,瀏覽器會檢查是否有強緩存,即判斷是否有expires或者cache-control(cache-control優先級更高)。 如果有,則查看是否過期,未過期則從緩存讀取資源進行加

瀏覽器 , 瀏覽器緩存 , Javascript

零一行者 - 手把手教你繪製小程序海報

海報分享功能在許多應用中應該是很常見的,因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例,如下: 把任務拆解下: 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api,不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="

小程序 , 海報渲染 , canvas , 前端 , Javascript

WangLanguager - GloVe介紹和代碼示例

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

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

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

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

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

編程三昧 - CSS 選擇器總結

CSS 是用於網頁設計可用的最強大的工具之一。使用它我們可以在幾分鐘內改變一個網站的界面,而不用改變頁面的標籤。 好一段時間不用 CSS ,有一些基礎知識的記憶有點模糊了,今天再做一次總結記錄,方便日後回顧複習。 選擇器分類 在 CSS 中,選擇器可分為以下幾類: 基本選擇器(通配選擇器、元素選擇器、類選擇器、ID 選擇器、羣組選擇器) 層次選擇器 屬性選擇器 偽類選擇器 偽元素

css3 , css選擇器 , 樣式 , 前端 , html5

王小o - [分享]高仿網易新聞WebApp模板源碼下載

BUI-163網易新聞 大小: 6.27M 該App基於BUI Webapp框架+Dcloud構建. 僅供學習交流使用. 整個app開發過程記錄在這裏bui神速訂閲號. 快速開發App系列篇 預覽 交互1: 下拉刷新, 加載分頁 交互2: Tab嵌套交互 交互3: 欄目刪減自動更新 交互4: 底部tab的交互, 每個Tab裏面還有各自的交互 下載 源碼下載: https

hybrid-app , webapp , 前端 , 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

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

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

replace , string , Javascript

雲綺棠兮 - 每日算法題--- 爬樓梯(利用JS實現)

假設你正在爬樓梯。需要 n 階你才能到達樓頂。 每次你可以爬 1 或 2 個台階。你有多少種不同的方法可以爬到樓頂呢? 示例 1: 輸入:n = 2 輸出:2 解釋:有兩種方法可以爬到樓頂。 1. 1 階 + 1 階 2. 2 階 示例 2: 輸入:n = 3 輸出:3 解釋:有三種方法可以爬到樓頂。 1. 1 階 + 1 階 + 1 階 2. 1 階 + 2 階 3. 2 階 + 1 階

遞歸 , 前端

fx67ll - pm2 常用命令

先説一些廢話 之前學習Nodejs項目的時候使用了pm2作為生產環境的進程管理工具,最近服務器崩了需要重啓一些服務,發現有些命令記得不是特別清楚, 所以這裏寫一篇文章幫助自己記憶整理一下pm2的常用命令,後續有需要查閲一下即可~ 常用命令 進入bin目錄啓動:pm2 start www / pm2 start app.js pm2 start app.js --name="fx67ll

node.js , pm2 , Javascript

flydean - javascript中的模塊系統

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

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

Michelle Barker - A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect

Techniques , Tools , Css , Colors , Design Systems

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

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

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

wadelau - GWA2吉娃兔🐇升級模板引擎子系統

近期,全球範圍內的新冠肺炎疫情有所緩解,抗擊疫情有發展成為常態化的趨勢,復工復學正有序展開。GWA2 吉娃兔🐇 在此期間升級改進了模板引擎系統。 這是一件令人開心的事,夙願已久,終得實現。 大約7-8年前,當我們完成GWA2 PHP版本所有主要功能架構後,開始審視代碼進行加強和優化時,就設想在模板文件的加載部分需要優化改進。 這一設想,拖來拖去,竟然有7-8年過去了。 通常情況下,GWA2

php , smarty , 模板引擎 , JAVA

specialcoder - JavaScript 模塊化機制

參考: https://zhuanlan.zhihu.com/p/337796076 JavaScript 模塊化機制概覽 JavaScript 常見的模塊化機制主要有以下三種: AMD (Asynchronous Module Definition): 在瀏覽器中使用,並用 define 函數定義模塊; CJS (CommonJS): 在 NodeJS 中使用,用 require 和 mo

模塊化 , 工程化

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

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

canvas , 前端 , Javascript

laojean - 【Java數據結構】集合PriorityQueue及其背後的數據結構堆(優先級隊列)(一)

目錄 一、引言 二、什麼是優先級隊列? 2.1 基本概念 三、堆:優先級隊列的底層實現 3.1 堆的基本概念 3.1.1 堆的定義 3.1.2堆的存儲 3.2 堆的核心操作 3.2.1 向下調整(Shift Down) 3.2.2向上調整(Shift Up) 3.2.3插入與刪除操作

sed , 數據結構 , 優先級隊列 , JAVA , 大根堆 , 前端開發 , Javascript

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

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

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

Zara Cooper - How To Build An E-Commerce Site With Angular 11, Commerce Layer And Paypal

Nowadays it’s essential to have an online presence when running a business. A lot more shopping is done online than in previous years. Having an e-commerce store allows shop owners to open up other

angular , Headless , API , Apps , E-Commerce