收藏 / 列表

liuyuxuan6666 頭像

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

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

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

daimaxieshen 頭像

瓏墨 - 【吃透】JS代理（Proxy）

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

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

dvqlfbwm 頭像

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

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

瀏覽器原理 , 前端 , Javascript

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 從實際營銷活動案例看 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

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 頭像

起風了 - (移動端適配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 頭像

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

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

prototype , bind方法 , new , bind , Javascript

wszgrcy 頭像

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

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

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

bianchengsanmei 頭像

編程三昧 - 前端 JavaScript 中的三種 for 循環語句總結

JavaScript 中的 for 循環語句相信大家都已經快用厭了，現在有好多文章都在講怎麼減少代碼中的 for 循環語句，但是，你又不得不承認它們真的很有用。今天，我來總結一下前端 JavaScript 中三種 for 循環語句。 for 這大概是應用最廣的循環語句了吧，簡單實用，且大多數時候性能還是在線的，唯一的缺點大概就是太普通，沒有特色，導致很多人現在不願用它。 const array =

循環 , for循環 , 前端 , Javascript

imouou_5a60be738882f 頭像

王小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 頭像

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

zhouzhou_59fd35dc466dc 頭像

周皺 - 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

wensandaoshi 頭像

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

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

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

vivo_tech 頭像

vivo互聯網技術 - Tars-Java網絡編程源碼分析

作者：vivo 互聯網服務器團隊- Jin Kai 本文從Java NIO網絡編程的基礎知識講到了Tars框架使用NIO進行網絡編程的源碼分析。 一、Tars框架基本介紹 Tars是騰訊開源的支持多語言的高性能RPC框架，起源於騰訊內部2008年至今一直使用的統一應用框架TAF（Total Application Framework），目前支持C++、Java、PHP、Nodejs、Go語言。 該

網絡編程 , tars , nio

flydean 頭像

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

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

channel , netty , JAVA

michelle-barker 頭像

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

u_16099229 頭像

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

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

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

wadelau 頭像

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

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

模板引擎 , html5 , Javascript

ddup365 頭像

specialcoder - 前端截圖實現

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

html2canvas , html5 , Web

suporka 頭像

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

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

canvas , 前端 , Javascript

u_14256 頭像

laojean - lemma prop

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

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

u_16099346 頭像

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

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

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

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 - 5 Useful Coding Solutions For Designers and Developers

Often creative and truly remarkable design solutions remain unknown because we, designers, simply overlook them. Being busy with our own projects, we sometimes try to grasp the intuition behind (pro

Techniques , Navigation , coding