收藏 / 列表

liuyuxuan6666 頭像

LYX6666 - 理解觀察者模式——用Angular的httpClient來解釋觀察者

前言 本文關鍵詞：觀察者模式。 觀察者模式是什麼？ 觀察者模式和回調函數有什麼關係？ 使用httpClient時，加上.subscribe有什麼作用？ Angular的httpClient中如何體現觀察者模式？ 解決了上述問題之後，就寫了這篇文章。 （這篇文章實際上是給上一篇文章填個坑...上一篇寫到回調函數，卻沒有給出實際應用的例子。） 引入問題：httpClient http

觀察者模式 , angular , 回調函數 , 前端 , Javascript

daimaxieshen 頭像

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

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

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

dvqlfbwm 頭像

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

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

全棧 , koa2 , vue3

renzhongdaoyuan_59170ca258c53 頭像

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

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

uniapp , Ajax , 前端 , Javascript

u_15903730 頭像

WangLanguager - T5 (Text-to-Text Transfer Transformer)介紹和代碼示例

T5（Text-to-Text Transfer Transformer）介紹 T5 是由 Google Research 提出的一個統一的文本到文本的轉換模型。T5 的核心思想是將所有的自然語言處理任務都視為文本到文本的轉換問題，這種方法使得模型可以通過相同的架構處理各種任務，如文本分類、翻譯、問答等。 T5 的關鍵特點 統

yyds乾貨盤點 , 加載 , text , 分詞器 , jquery , 前端開發

qifengliao_5e7f5b20ee3bd 頭像

起風了 - Mac使用Charles成功代理連接手機進行抓包！！！

操作指南 操作環境： 電腦系統：Mac OS 手機系統：iOS 12及以上/Android Charles版本：V4.5.6 第一步：安裝Charles證書到Mac 1、啓動Charles，選擇Help--SSL Proxying→Install Charles Root Certificate 2、此時會啓動“鑰匙串訪問”APP，並找到剛開安裝好的證書，證書名字：Charles

charles , 前端

willemwei 頭像

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

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

prototype , bind方法 , new , bind , Javascript

wszgrcy 頭像

wszgrcy - 我從 Angular 中分離出來本地化:`@cyia/localize`

最近在做 VSCode Extension 開發的時候,發現一個問題,插件部分和 WebView 部分有時候會共用一部分代碼,而這部分代碼裏又恰好有需要翻譯的內容,這就導致 VSCode 本身提供的 l10n 沒法使用 因為 WebView 部分頁面是使用 Angular 開發,所以如果能用一種翻譯實現是最好的了,所以我想到了 Angular 中的 localize,對分離模塊,使其成為通用

angular , node.js , l10n , i18n , Web

bianchengsanmei 頭像

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

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

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

imouou_5a60be738882f 頭像

王小o - BUI 新官網上線了，全新出發！

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

框架 , webapp , 模板 , jquery , Javascript

sam-poder 頭像

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

zhouzhou_59fd35dc466dc 頭像

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

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

replace , string , Javascript

wensandaoshi 頭像

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

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

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

vivo_tech 頭像

vivo互聯網技術 - vivo Pulsar 萬億級消息處理實踐（4）-Ansible運維部署

作者：Liu Sikang、互聯網大數據團隊-Luo Mingbo Pulsar作為下一代雲原生架構的分佈式消息中間件，存算分離的架構設計能有效解決大數據場景下分佈式消息中間件老牌一哥"Kafka"存在的諸多問題，2021年vivo 分佈式消息中間件團隊正式開啓對Pulsar的調研，2022年正式引入Pulsar作為大數據場景下的分佈式消息中間件，本篇文章主要從Pulsar運維痛點、Ansi

中間件 , 大數據 , 運維自動化 , ansible , pulsar

flydean 頭像

flydean - 網絡協議之:memcached binary protocol詳解

簡介 前面講到了memcached的文本協議，雖然文本協議看起來非常簡單,但是對於客户端來説一般還是會選擇效率更高的二進制協議。 二進制協議的本質和文本協議是一樣的，只是他們的表現方式不同而已。本文將會詳細介紹memcached中二進制協議的實現細節。 memcached的協議包 對於memcached的請求包和響應包來説，除了請求頭有所區別之外，其他的格式都是一樣的。 所以對memcached的

memcached , 網絡 , 網絡傳輸協議

michelle-barker 頭像

Michelle Barker - New CSS Features In 2022

Container queries enable us to style an element depending on the size of its parent — a crucial difference from media queries, which only query the viewport. This has long been a problem for respons

Guides , Css , Browsers

u_16099229 頭像

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

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

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

wadelau 頭像

wadelau - Hello 2019! Hanjst/漢吉斯特 模板語言及引擎創新發布

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

模板引擎 , Javascript

ddup365 頭像

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

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

Javascript , url

suporka 頭像

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

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

underscore系列 , underscore , Javascript

u_14256 頭像

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

u_16099346 頭像

雲端築夢者 - Kafka到底有多高可靠？（RNG NB）

kafka的高可靠性的核心是保證消息在傳遞過程中不丟失，涉及如下核心環節： 消息從生產者可靠的發送至Broker；—網絡、本地丟數據。 發送Broker的消息可靠持久化；—PageCache緩存落盤、單點崩潰、主從同步跨網絡。 消費者從Broker消費到消息且最好只消費一次。—跨網絡消息傳輸。

數據 , 持久化 , 分佈式 , kafka , 前端開發 , Javascript

zara-cooper 頭像

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

vitaly-friedman 頭像

Vitaly Friedman - How To Defend Your Design Process

Maybe you’ve been there before: You’re in the middle of the design process, and stakeholders expect you to deliver faster. How do you best manage a situation like this? How do you communicate the de

workflow , Communication , Design