收藏 / 列表

shenfq 頭像

Shenfq - 下一代的模板引擎：lit-html

前面的文章介紹了 Web Components 的基本用法，今天來看看基於這個原生技術，Google 二次封存的框架 lit-html。 其實早在 Google 提出 Web Components 的時候，就在此基礎上發佈了 Polymer 框架。只是這個框架一直雷聲大雨點小，內部似乎也對這個項目不太滿意，然後他們團隊又開發了兩個更加現代化的框架（或者説是庫？）： lit-html、lit-ele

模板引擎 , webcomponents , HTML , 前端

tusi_5c8a591841687 頭像

程序員白彬 - then, catch, finally如何影響返回的Promise實例狀態

雖然Promise是開發過程中使用非常頻繁的一個技術點，但是它的一些細節可能很多人都沒有去關注過。我們都知道，.then, .catch, .finally都可以鏈式調用，其本質上是因為返回了一個新的Promise實例，而這些Promise實例現在的狀態是什麼或者將來會變成什麼狀態，很多人心裏可能都沒個底。我自己也意識到了這一點，於是我通過一些代碼試驗，發現了一些共性。如果您對這塊內容還沒有把握，

promise , 前端 , Javascript

zxbing0066 頭像

嘿嘿不務正業 - Mac M1（arm 系列芯片）如何安裝 Chromium | Puppeteer

最近寫個腳本用到 puppeteer，然後安裝 Chromium 出現一點問題，這裏記錄一下解決方案。 Puppeteer 自動安裝失敗 在 Puppeteer 安裝時會自動安裝 Chromium，然而卻總是報錯 502 導致下載失敗，直接下載可以下載，命令行 wget 也可以，猜測是因為 Puppeteer 開啓了新的 process 來安裝導致環境變量丟失，然後就科學上網失敗了。 這會回頭看了

puppeteer , 前端

integrated_product_development 頭像

IPD產品研發管理 - 如何通過TR技術評審管控IPD開發風險？

作為產品開發全流程的技術風險管控實踐，TR（Technical Review，技術評審）自然是IPD流程中不可或缺的一環。 接下來我們需要明確：TR評審是什麼？ 一般TR評審是團隊對技術方案、設計輸出、驗證結果做的系統性審查，主要確保產品的技術路線合規、性能達標、可製造性可控，避免因技術問題導致開發返工、成本超支或上市延期。 一、TR評審在IPD中有什麼作用？ 在IPD中，TR評審貫穿產品開發的

觀點 , segmentfault , 程序員 , 後端 , 前端

aqiongbei 頭像

aqiongbei - javascript中的動態集合NodeList&HTMLCollection

不知道你有沒有在控制枱見到過類似這樣的輸出 我們會發現，同樣都是獲取元素的代碼，為啥一個是NodeList，一個是HTMLCollection。 那麼這倆是啥？又有啥區別，本篇文章我們就聊聊這個。 NodeList NodeList對象是節點的集合(類數組)。通常是由屬性，如Node.childNodes 和 方法（如document.querySelectorAll） 返回的

dom , 前端 , Javascript

jianzhuangdeyaling 頭像

用户bPdeUmS - PostCSS 插件系統：如何使用 PostCSS 插件優化 CSS 工作流

PostCSS 是一個功能強大的 CSS 處理工具，廣泛應用於現代前端開發中。它本身並不是一個 CSS 預處理器，而是一個工具集，可以通過插件系統來處理、優化、和增強 CSS 代碼。PostCSS 的核心非常輕量，但插件系統卻讓它極具擴展性，可以實現自動添加瀏覽器前綴、轉換現代 CSS 特性、支持變量、嵌套、甚至可以檢查和修復代碼質量等功能。 本文將專注於如何使用 PostCSS 插件優化 CSS

postman , postcss , typescript , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 解決lodash由於依賴錯誤導致無法啓動的問題

目錄 問題描述 嘗試的解決辦法 真正的解決辦法 結論 一、 問題描述 一個很久沒接觸的老項目，前兩天想看一下里面一個功能，結果前端起不來了。 先上報錯： Error: node_modules/@types/lodash/common/object.d.ts:1026:46 - error TS1005: '?' expected. 1026 : K extend

node.js , localstorage , typescript , npm , 前端

daimaxieshen 頭像

瓏墨 - 【為什麼】使用 reduce 按順序執行 promise 有效？💭

我是月弦笙音，今天給大家分享為什麼使用 reduce（） 按順序解析 promise 有效，嘎嘎的😍，看下面 在不使用對象的情況下編寫異步 js 很像閉着眼睛烤蛋糕。這是可以做到的，但它會很混亂，你最終可能會shao到自己。😂Promise 一、開題展示 我不會説這是必要的，但你明白了。真是太好了😂。不過，有時它需要一點幫助來解決一些獨特的挑戰，比如當你試圖按順序解決一堆承諾時，一個接

ecmascript-6 , promise , challenge , 前端 , Javascript

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 jquery

源代碼下載： jquery-cn.js jQuery是JavaScript的一個函數庫，它可以幫你“寫更少，做更多”。它集成了很多常見的JavaScript任務並且很容易調用。jQuery被世界各地的很多的大公司和開發者使用。它包括了AJAX，事件處理，文檔操作以及很多其它功能，並且更加簡單和快速。 正因為jQuery是JavaScript的一個函數庫，所以你需要 首先學習JavaScript

語法 , 入門 , Ajax , jquery , Javascript

zxc7563598 頭像

蘇琢玉 - 在 Astro 博客中優雅使用 51.la 統計數據

作為老牌網站流量統計服務商，51.la 提供每月高達 1000 萬次的免費統計額度，非常適合個人博客或小型網站使用。不過，51.la 默認的統計展示是通過嵌入 JS 文件自動渲染的，這種展示方式對美觀性和自定義性有限，對於追求頁面整潔或者想要自己設計展示風格的博主來説不太方便。 我之所以想自己處理 51.la 的統計，是因為我希望更直觀地看到有多少人訪問我的博客，瞭解訪客的訪問情況，從而改進內容和

astro , 博客 , 前端

qfifteen 頭像

十五 - 參透 JavaScript —— 圖解 Event Loop 事件循環

前言 本篇文章主要講解瀏覽器中事件循環(Event Loop) 那些事 單線程 JavaScript 中的同步和異步 同步任務是立即執行的任務，在調用棧(Call Stack)順序執行 異步任務則不同，它在同步任務沒完成之前，不會進入主線程，而是將對應回調函數註冊到隊列中，要理解這一步，我們先要知道任務隊列 任務隊列 在調用棧(Call Stack)中，如果遇到一個異步操作，那麼會將對應的回調函數

promise , 事件循環 , 異步任務隊列 , 異步編程 , Javascript

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 從零開始學習python | 實例講解如何製作Python模式程序

摘要：在本文中，我們將學習python中的各種模式程序。 本文分享自華為雲社區《從零開始學習python | 通過示例學習如何製作Python模式程序 》，原文作者：Yuchuan 。 Python編程語言很容易學習。易於語法實現的各種庫使其脱穎而出，這是它成為本世紀最流行的編程語言的眾多原因之一。雖然學習很容易，但訪問員通常會在建立模式程序邏輯時尋求您的方法。儘管聽起來很棘手，但使用pyt

模式 , 程序 , 編程語言 , 程序設計 , Python

haixiudezhusun 頭像

高德開放平台 - 高德空間智能：賦能vivo藍河生態，讓AIoT設備成為出行“智慧夥伴”

2025年10月10日，廣東深圳vivo開發者大會（VDC）上，高德開放平台AIoT業務線產品負責人董佳玉，正式對外呈現了雙方合作的成果——基於藍河操作系統，我們以“雲+端”協同架構為基礎，為不同形態的AIoT設備註入出行智慧，讓用户在腕間、眼前都能享受到連貫高效的服務。 （高德開放平台AIoT業務線產品負責人 董佳玉） Part 01 高德開放平台：空間智能的探索與實踐 作為專注於空間智

物聯網 , 後端 , 前端

lirong_60404fde6d52d 頭像

李不要熬夜 - 移動端rem 適配方案

rem是什麼？ rem（font size of the root element）是指相對於根元素的字體大小的單位。簡單的説它就是一個相對單位。看到rem大家一定會想起em單位，em（font size of the element）是指相對於父元素的字體大小的單位。它們之間其實很相似，只不過一個計算的規則是依賴根元素(rem)一個是依賴父元素計算(em)。 個人理解rem佈局可分為倆

rem響應式 , 程序員 , rem , 前端

grapecity 頭像

葡萄城技術團隊 - 如何用窗口函數實現排名計算

摘要：本文由葡萄城技術團隊于思否原創並首發。轉載請註明出處：葡萄城官網，葡萄城為開發者提供專業的開發工具、解決方案和服務，賦能開發者。 前言 SQL語句中，聚合函數在統計業務數據結果時起到了重要作用，比如計算每個業務地區的業務總數、每個班級的學生平均分以及每個分類的最大值等。然而，今天我將介紹窗口函數，與聚合函數相比，它們也是一組函數，但在使用方法和適用場景上有所不同。在本章節中，我將重點介紹窗口

sql語句

laomao_5902e12974409 頭像

來了老弟 - CSS Grid Layout(網格佈局)

CSS 有一些屬性經常被用來解決佈局問題：如（浮動float、定位postion）這些比較 hack 的方法經常會給頁面遺留下一些問題。 彈性盒子Flexbox是一個非常好的佈局工具，網格佈局 CSS Grid Layout 是最新、更強大的佈局方式。本文就來簡單介紹一下什麼是網格佈局。 網格佈局(CSS Grid Layout) 網格佈局是二維的佈局系統，和過去常用的佈局方式相比完全改變

佈局 , Css

dunizb 頭像

杭州程序員張張 - [譯]Vue.js + Astro 比 Vue SPA 更好嗎？

最近有很多開發者宣佈他們已經將網站遷移到Astro。這通常伴隨着一張接近完美的Lighthouse分數的截圖和一系列火箭表情符號。 像大多數人一樣，我發現無休止的新框架會讓人感到厭倦。但我對Astro做了一些研究，認為它真的值得一試。 在本文中，我將向您展示如何使用 Astro 構建基於 Vue 的應用程序，我們將瞭解其獨特的架構如何帶來比單頁應用程序 (SPA) 更好的性能。 SPA 架構回顧

astro , vue.js , spa , 前端

zhongkejin 頭像

中關村科金 - MobTech ShareSDK Android端快速集成

開發工具：Android Studio 集成方式：Gradle在線集成 安卓版本支持：minSdkVersion 19 集成前準備 註冊賬號 1.使用MobSDK之前，需要先在MobTech官網註冊開發者賬號，並獲取MobTech提供的AppKey和AppSecret，詳情可以點擊查看註冊流程 2.需要申請第三方平台的key，詳情可以點擊查看註冊流程 ShareSDK流程圖

android-sdk , Android , android-studio , 集成

powerful_simon 頭像

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

wenjinhua 頭像

前端子金 - 詳解node中引入模塊的原理

1. 模塊機制 1.1 commonjs規範 1.2 node的模塊實現（node中引入模塊的過程） 1.2.1 優先從緩存中加載 1.2.2 路徑分析 1.2.3 文件定位 1.2.4 模塊編譯 1.3 核心模塊 1.3.1 js核心模塊的編譯過程

node.js , require , 前端

data_ai 頭像

數據庫知識分享者 - SLS 查詢新範式：使用 SPL 對日誌進行交互式探索

1.引言 在構建現代數據和業務系統的過程中，可觀測性已經變得至關重要，日誌服務（SLS）為 Log/Trace/Metric 數據提供了大規模、低成本、高性能的一站式平台服務，並提供數據採集、加工、投遞、分析、告警、可視化等功能，從而全面提升企業在研發、運維、運營和安全等各種場景的數字化能力。 1.1 日誌數據天然是非結構化的 日誌（Log）數據作為可觀測場景中最基礎的數據類型之一，其最大的特點在

spl , 雲計算 , 阿里雲 , 日誌 , 雲原生

tongchuangyongyi 頭像

同創永益 - 企業動態 | 實力認證！同創永益災備管理平台連中多標！

近期，同創永益憑藉在災備領域積累的專業優勢及豐富實戰經驗，在保險行業信息化建設領域取得重要突破，成功連續中標中國出口信用保險公司、華泰保險集團股份有限公司災備管理平台項目。 成功中標：中國出口信用保險災備體系建設及駐場維保服務採購項目 中國出口信用保險公司是由國家出資設立、支持中國對外經濟貿易發展與合作、具有獨立法人地位的國有政策性保險公司，於2001年12月18日正式掛牌運營，服務網絡覆蓋全國

it , 數字韌性 , 災備

carloslab 頭像

Carlos - React 的單向數據流

React 的單向數據流 React 的單向數據流（One-way Data Flow）指的是組件中的數據流動是自上而下的，也就是説，父組件可以通過 props 向子組件傳遞數據，而子組件不能直接修改父組件的狀態。數據只能沿着組件樹從父組件流向子組件，任何需要更新的數據必須由父組件通過狀態提升或者回調函數來處理。 單向數據流的優點 可預測性強： 由於數據流動是單向的，數據從父

react , 全棧工程師 , 前端

wmuhua 頭像

沐華 - 前端安全13條，除了XSS/CSRF你還知道哪些？

大家好，我是沐華。最近面了一些前端，發現每次問到安全相關的問題，一些面試者只能説上來 XSS、CSRF、中間人攻擊，就沒了，於是寫了這篇文章，總結了前端安全相關的點，給大家查缺補漏 瀏覽器 XSS XSS 攻擊是一種代碼注入攻擊，通過惡意注入腳本在瀏覽器運行，然後盜取用户信息。本質上其實是因為網站沒有過濾惡意代碼，與正常代碼混在一起之後，瀏覽器沒有辦法分辨哪些是可信的，然後導致惡意代碼也被執行 結

csrf , 安全 , xss , 前端