收藏 / 列表

瘋狂的技術宅 - 2020 年 Chrome 開發者峯會的亮點

2020 年的Chrome 開發者峯會和往年有所不同,今年是在線上召開的,每次談話大約十分鐘,討論規模更大。雖然我沒有在第一時間觀看會議的直播,但是看回放也不會錯過這些亮點。 所有的回放在這裏:https://developer.chrome.com/... 通過“Core Web Vitals”簡化了性能指標 我們都知道 Chrome 有大量的性能指標,可以用它們來跟蹤關於網站性能的所有內容。儘

chrome , pwa , Css , 前端 , Javascript

LYX6666 - 釘釘企業內部應用SSO單點登錄實戰及踩坑過程

前言 之前一直因為騰訊的文檔可讀性差而吐槽,而這次對接釘釘開放平台時也遇到了很多問題。 一句話概括原因:當前(2025年)正值釘釘兩代API切換的過程中,新舊API同時存在,造成釘釘官方文檔內容分散,來不及更新,且第三方博客新舊共存。初次接觸時無從下手,API調用時因為版本不對可能導致問題。 本文基於最新的API及文檔,儘可能全面的描述釘釘SSO流程。 SSO SSO(Single Sign-On

釘釘 , sso , springboot , JAVA , 後端

健兒 - 記錄arr.map 和arr.foreach 遇到的回調函數(異步和同步問題)的坑

大致問題是: 通過map或者foreach循環的回調函數操作數組,回調函數內部有ajax異步函數,通過await同步的寫法來調用的。console.log打印出數組跟實際渲染到view層的頁面始終不一致。 後來改寫成for循環就好了。 所以總結出來,基礎知識,在理解map和foreach這個api不夠深刻,也對await 關鍵詞的使用場景理解不透徹(雖然是for循環,但作用域函數可以找

promise , await-async , map , for循環 , Javascript

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

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

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

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

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

瀏覽器 , 瀏覽器緩存 , Javascript

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

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

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

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

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

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

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 - 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中如何監聽一個對象中屬性的變化

訪問器屬性特性 訪問器屬性:這個屬性不包含數據值,包含的是一對get和set方法,在讀寫訪問器屬性時,就是通過這兩個方法來進行操作處理的。 訪問器屬性包含的四個特性: [[Configurable]]------表示能否通過delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或能否把屬性修改為訪問器屬性, 默認為false [[Enumerable]]-------表示能否通

set , get , 前端 , Javascript

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

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

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

flydean - Spring Boot 3.0橫空出世,快來看看是不是該升級了

簡介 Spring boot 3.0於2022年11月正式發佈了,這次的發佈對於我們普通程序員的影響有多少呢?我們是不是需要考慮立馬升級到Spring Boot3.0呢? 別急,看完這篇文章再來做決定也不遲。 對JAVA17和JAVA19的支持 相信很多小夥伴到現在還是使用得是JDK8,但是JDK8已經發布很多年了,隨着oracle加速JDK版本的發佈,現在每半年發佈一次,目前最新的JDK版本已經

spring-mvc , 架構設計 , springboot , JAVA

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 - ?Hanjst漢吉斯特改進+enSafeExpression安全表達式等

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

模板引擎 , html5 , Javascript

specialcoder - 字符編碼系列: base64

所有字符均可打印的編碼方式 基本介紹 「Base64」 是一種基於 64 個可打印字符來表示二進制數據的表示方法。由於 「2⁶ = 64」 ,所以每 6 個比特為一個單元,對應某個可打印字符。(回顧一下,我們之前介紹的 ASCII/Unicode 編碼裏都有不可打印字符) 體驗效果請戳這裏 👉:Base64 編碼/解碼 Base64 相應的索引表如下(這與 ASCII/Unicode 完全

base64 , Javascript

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

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

underscore系列 , underscore , Javascript

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

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

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

雲端築夢者 - c++引用與指針的區別以及引用實例

在C和C++中,指針和引用(取別名)都是用於間接操作數據的機制,但它們在語法、底層實現、使用場景和安全性上有顯著區別。 1. 定義與語法 指針(C/C++): 是一個變量,存儲的是另一個變量的內存地址。 聲明時需要顯式指定類型(如 int*),且可以為 NULL。 語法示例: int x = 1

flask , C語言 , c++ , 動態內存 , httpx , Css , 前端開發 , HTML

Zara Cooper - Reasons To Build A CRM-Powered Website For Your Business

This article has been kindly supported by our dear friends at HubSpot who have created an ecosystem uniting software, education, and community to help businesses grow better every day. Thank you!

Clients , User Experience , Business

Vitaly Friedman - Free Full Layered Facebook GUI PSD Kit

The kit brings the Facebook vector icon and logo. Also, since the focus of this resource are the UI elements, it brings a main window with the header, menu and the chat window for you to set up yo

Facebook , Graphics , Freebies , PSD