收藏 / 列表

tusi_5c8a591841687 頭像

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

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

promise , 前端 , Javascript

zxbing0066 頭像

嘿嘿不務正業 - React SSR - 寫個 Demo 一學就會

今天寫個小 Demo 來從頭實現一下 react 的 SSR，幫助理解 SSR 是如何實現的，有什麼細節。 什麼是 SSR SSR 即 Server Side Rendering 服務端渲染，是指將網頁內容在服務器端中生成併發送到瀏覽器的技術。相比於客户端渲染（CSR），SSR 一般用於以下場景： SEO （搜索引擎優化）：由於部分搜索引擎對 CSR 內容支持不佳，所以 SSR 可以提升網站在

react , ssr , 前端

integrated_product_development 頭像

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

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

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

aqiongbei 頭像

aqiongbei - 淺談sessionStorage的"繼承"問題

問題復現 最近在寫bug的過程中發現一個有意思的事,我把它稱之為" sessionStorage'繼承' "。我們可以按以下做法復現這一過程: 測試一 打開一個頁面(我們稱之為a頁面),在控制枱執行 sessionStorage.a = 'a'; window.open(window.location.href); // 得到b頁面 我們把新打開的頁面叫做b頁面,然後我們在b頁面控制枱執行 ses

sessionstorage , HTML , html5 , Javascript

jianzhuangdeyaling 頭像

用户bPdeUmS - 深入理解 Fiddler：網絡調試的強大工具

在現代 Web 開發中，網絡調試和請求分析是開發者日常工作中不可或缺的部分。Fiddler 是一款功能強大的網絡調試代理工具，它能夠幫助開發者捕獲、查看和修改 HTTP(S) 請求和響應，提供了極大的便利。無論是調試 API、分析網絡性能，還是解決前端與後端的通信問題，Fiddler 都能為開發者提供詳細的信息和靈活的操作。本文將專注於 Fiddler 的核心功能、使用場景以及最佳實踐，幫助你更高

fiddler , yarn , typescript , 前端 , Javascript

liuyuxuan6666 頭像

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

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

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

daimaxieshen 頭像

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

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

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

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 Set theory

集合論是數學的一個分支，研究集合、它們的運算和它們的性質。 集合由不重複的項組成。 基本符號 運算符 並運算符，∪，表示“或”； 交運算符，∩，表示“且”；差 運算符，\，表示“不包括”； 補運算符，'，表示補集; 叉積運算符，×，表示笛卡爾積。 限定詞 冒號限定詞，:，表示“使得”； 從屬限定詞，∈，表示“屬於”； 子集限定詞，⊆，表示“是……的子集”; 真子集限定

基礎 , set , 入門 , 集合

zxc7563598 頭像

蘇琢玉 - 構建一個簡潔優雅的 PHP 參數驗證器 —— php-schema-validator

在日常開發中，參數校驗是繞不過的一道坎。我們常常需要確保用户傳入的數據符合預期格式，比如必填字段、數據類型、最大長度、郵箱格式等等。雖然許多 PHP 框架都內置了驗證器，但在開發輕量服務、非框架項目，或需要在業務中後端進行結構化數據校驗時，我總覺得現有方案不夠靈活、冗餘較多。 於是，我動手寫了一個開箱即用、易擴展、輕量級的參數驗證器：php-schema-validator 為什麼要造這個輪子？

composer , php

qfifteen 頭像

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

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

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

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 雲小課｜ModelArts Pro 視覺套件：零代碼構建視覺AI應用

閲識風雲是華為雲信息大咖，擅長將複雜信息多元化呈現，其出品的一張圖(雲圖説)、深入淺出的博文(雲小課)或短視頻(雲視廳)總有一款能讓您快速上手華為雲。更多精彩內容請單擊此處。 摘要：ModelArts Pro提供了視覺套件，旨在幫助各行業客户快速開發滿足業務訴求的視覺AI應用，同時支持客户自主進行工作流編排，快速實現AI應用的開發和部署，提升視覺AI開發效率。今天就帶大家看看如何零代碼

modelarts , 行業 , 視覺設計 , 低代碼 , ai開發

haixiudezhusun 頭像

高德開放平台 - 高德開放平台攜手阿里雲，面向開發者推出地圖服務產品MCP Server

高德開放平台攜手阿里雲，面向開發者推出地圖服務產品MCP Server，通過技術能力與生態資源的深度協同，助力開發者高效構建標準化地圖服務，加速智能化場景落地。 https://www.bilibili.com/video/BV1vSugzwEQY/?aid=114833852731... 技術融合：大模型賦能地圖交互升級 基於阿里雲通義千問系列大模型領先的自然語言處理與多模態交互能力

地圖開發 , ai開發 , 阿里雲

lirong_60404fde6d52d 頭像

李不要熬夜 - ES6 變量作用域與提升：變量的生命週期詳解

本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建全局對象等內容。 變量作用域與提升 在 ES6 之前，JavaScript 中只存在着函數作用域；而在 ES6 中，JavaScript 引入了 let、const 等變量聲明關鍵字與塊級作用域，在不同作用域下變量與函數的提升表現也是不一致的。在 JavaScript 中，所有

ecmascript-6 , 作用域 , 技術 , 變量 , 前端

grapecity 頭像

葡萄城技術團隊 - 想讓數據大屏 “驚豔全場”？這 5 個設計技巧一定要用

想讓數據大屏 "驚豔全場"？這 5 個設計技巧一定要用 最近幾年，"數據可視化" 這個詞一直保持着較高熱度。它具體是指把數據轉化成圖表、地圖這類視覺形式，讓人們能更輕鬆地看懂數據背後的含義。 在可視化領域裏，數據可視化大屏是當下的熱門應用，常見類型主要有三類：信息展示類、數據分析類和監控預警類。做數據可視化大屏有兩個關鍵要點，一是展現效果要足夠酷炫，二是要清晰呈現數據間的層次關係。而一份優質的數

數據分析

laomao_5902e12974409 頭像

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

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

佈局 , Css

dunizb 頭像

杭州程序員張張 - 微軟如何使Edge成為PWA的最佳瀏覽器

相關閲讀：微軟解析新Edge瀏覽器的多進程體系結構 近年來，由於網絡巨頭和移動開發人員的推動，漸進式Web應用已成為一種增長趨勢，因為它們允許將類似原生的體驗帶入任何平台。 在最致力於這項新技術的公司中，有Microsoft，它通過PWABuilder等項目幫助Web開發人員擁抱了這一新技術。隨着第一個基於Chromium的微軟Edge版本的推出，以及最近在Build 2020上的宣佈，該公司通

pwa , 瀏覽器 , edge , microsoft

zhongkejin 頭像

中關村科金 - MobTech ShareSDK 使用簡介

產品概述 ShareSDK是MobTech推出的社會化分享組件，為iOS、Android、WP8 的APP提供社會化功能，集成了一些常用的類庫和接口，縮短開發者的開發時間，還有社會化統計分析管理後台。 主要功能 ShareSDK的優勢 MobTech開發者應用合規指南 近年來，隨着信息技術的快速發展和移動互聯網應用的普及，越來越多的應用大量收集、使用個人信息，給人們生活帶來便利的同時，也

android-sdk , sharesdk , 開發者 , ios-sdk

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

前端子金 - 移動端適配知識點梳理-part one

1. 設備像素和css像素 設備像素，又叫物理像素（physical pixel），給出您正在使用的任何設備的形式分辨率，可通過screen.width/height獲取. css像素，又叫設備獨立像素（device-indenpendent pixel），此為邏輯像素，計算機設備中的一個點 注意：設備像素和css像素的關係（縮小還是放大針對的是css像素）： 100％縮

移動端適配 , viewport , 前端 , html5 , Javascript

data_ai 頭像

數據庫知識分享者 - EDA 事件驅動架構與 EventBridge 二三事

簡介： 事件驅動型架構 (EDA) 方興未艾，作為一種 Serverless 化的應用概念對雲原生架構具有着深遠影響。當我們討論到一個具體架構時，首當其衝的是它的發展是否具有技術先進性。這裏從我們熟悉的 MVC 架構，SOA 架構談起，聊一聊關於消息事件領域的歷史與發展趨勢。 作者｜肯夢 當下比較成功的企業已然認識到，要想最大限度提升運營效率和客户體驗，務必將業務和技術兩方面的舉措緊密結合起來。運

mvc

tongchuangyongyi 頭像

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

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

it , 數字韌性 , 災備

carloslab 頭像

Carlos - 深入理解 JavaScript 中的剩餘參數和擴展運算符

在 JavaScript 的現代特性中,剩餘參數(Rest Parameters)和擴展運算符(Spread Operator)是兩個非常實用的語法特性。雖然它們的寫法看起來很像(都使用 ... 語法),但是它們的使用場景和功能是不同的。現在讓我們深入理解這兩個特性。 剩餘參數(Rest Parameters) 基本概念 剩餘參數允許我們將不確定數量的參數表示為一個數組。它使用 ... 語法,必須

react , vue.js , 全棧工程師 , 前端 , Javascript

wmuhua 頭像

沐華 - Vue3的7種和Vue2的12種組件通信，值得收藏

本文原文首發掘金：https://juejin.cn/post/699968... 如有不對的或者遺漏的，歡迎指正，你的一讚一評都是我前行最大的動力，感謝 Vue2.x組件通信12種方式寫在後面了，先來 Vue3 的 奧力給！ Vue3 組件通信方式 props $emit expose / ref $attrs v-model provide / inject Vuex Vue

vue.js , 組件通信 , vue3 , 前端

lenglengdechaomian 頭像

冷冷的炒麪 - 打開網站顯示“與此站點連接不安全”該怎麼辦

當你在瀏覽器地址欄看到“與此站點連接不安全”的警告時，可能會感到困惑或擔憂。彆着急，這通常表示當前網站與你的瀏覽器之間的連接存在安全問題。 為什麼會出現“連接不安全”的提示？ 簡單來説，這個提示意味着瀏覽器檢測到該網站未使用安全的HTTPS協議，而是使用不安全的HTTP協議。HTTPS通過加密技術保護數據傳輸，防止信息被竊取或篡改；而HTTP是明文傳輸，容易受到攻擊。當網站缺少有效的安全證書（即S

觀點 , HTTPS , 安全