收藏 / 列表

Shenfq - JavaScript 異步編程史

前言 早期的 Web 應用中,與後台進行交互時,需要進行 form 表單的提交,然後在頁面刷新後給用户反饋結果。在頁面刷新過程中,後台會重新返回一段 HTML 代碼,這段 HTML 中的大部分內容與之前頁面基本相同,這勢必造成了流量的浪費,而且一來一回也延長了頁面的響應時間,總是會讓人覺得 Web 應用的體驗感比不上客户端應用。 2004 年,AJAX 即“Asynchronous JavaScr

promise , async-await , generator , 前端 , Javascript

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

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

promise , 前端 , Javascript

嘿嘿不務正業 - Node 調試利器,前端、Node 開發必備 - VSCode JS Debug Terminal

經常看到有同學抱怨 Node 調試麻煩或者是搞不清怎麼調試各種腳本、Jest、Webpack 等等,而偶爾看到的調試相關的文章又全都是在寫 inspect、launch.json 這些方案,其實有一定學習成本。 而其實在 VSCode 中早已內置了相當無腦的 Debug 方式,就是 JavaScript Debug Terminal,利用它我們只需要負責打斷點,別的什麼 inspect、launc

visual-studio-code , debugging , 前端

IPD產品研發管理 - 如何用複用省下數十億研發成本?IPD的CBB重用開發策略

不知道你們企業有沒有遇到過這種問題?庫房裏堆着十幾種功能相似的主板,採購成本居高不下,生產換型時還頻頻出錯。 這些生產中無處不在的重複浪費,不僅拖慢了產品上市的節奏,還讓研發成本像無底洞一樣消耗着企業的資源。 在IPD(集成產品開發)中,對這類重複的研發投入提出了成熟的解決方案——CBB(公共模塊)。IPD強調基於平台的異步開發與重用策略,而CBB的核心目標是推動不同項目、不同產品線共享成熟模塊,

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

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

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

sessionstorage , HTML , html5 , Javascript

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

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

postman , postcss , typescript , 前端 , Javascript

LYX6666 - 阿里雲Linux服務器SSH啓用密鑰對連接

前言 當SSH啓用密鑰對之後就會禁止密碼連接,這種情況下安全性會大大加強。 而像阿里雲這種雲服務供應商則把這個流程變得非常簡單。 在買服務器的時候就可以自動配置,我們要做的就是知道怎麼連接它。 創建實例的注意事項 在ECS購買頁面,選擇Linux或Freebsd之後,下面就可以選擇密鑰對連接: 此時如果沒有密鑰對就創建一個: 點擊確認後,會下載私鑰文件,並且密鑰對列表多了一條數據:

rsa , SSH

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

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

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

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

源代碼下載: learnwolfram-cn.nb Wolfram 語言是最初在 Mathematica 中使用的底層語言,但現在可用於多種場合。 Wolfram 語言有幾個界面。 Raspberry Pi 上的命令行內核界面(就叫 _The Wolfram Language_),它是交互式運行的,不能產生圖形輸入。 Mathematica 是一個豐富的文本/數學編輯器,內置交互式的 Wol

編輯器 , 數學 , 教程 , 入門 , wolfram

蘇琢玉 - 微信小程序開發全流程:從註冊到上線的完整指南

最近在刷小紅書時,看到不少人在分享自己的微信小程序如何靠廣告月入上萬,甚至更多。 這種説法不能説不真實,只能説肯定不是這麼簡單的事情。畢竟廣告收入的多少,歸根結底還是取決於用户量,不可能隨便做個小程序,就能吸引大量用户來看廣告。 不過,完全説不可能也不太準確,畢竟人活着總得有夢想。而且其實做一個簡單的小程序成本並不高,尤其得益於雲開發。小程序後期沒有域名、服務器等額外的軟成本,所有內容都可以部署在

微信小程序 , 微信開發

十五 - 受夠了團隊代碼風格不統一?7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系,主要內容為:通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化,通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字,主要內容分為 7 個大章節,內分多個小章節。請耐心讀完,相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章,該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

華為雲開發者聯盟 - 事件Event:帶你體驗鴻蒙輕內核中一對多、多對多任務同步

摘要:本文通過分析鴻蒙輕內核事件模塊的源碼,深入掌握事件的使用。 本文分享自華為雲社區《鴻蒙輕內核M核源碼分析系列十二 事件Event》,原文作者:zhushy 。 事件(Event)是一種任務間通信的機制,可用於任務間的同步。多任務環境下,任務之間往往需要同步操作,一個等待即是一個同步。事件可以提供一對多、多對多的同步操作。本文通過分析鴻蒙輕內核事件模塊的源碼,深入掌握事件的使用。本文中所

iot , 事件 , 開源 , 任務管理器 , harmonyos

高德開放平台 - 高德開放平台SDK鴻蒙版,助力千餘家應用高效構建LBS服務

高德開放平台SDK鴻蒙版自2024年3月上線以來,已成功賦能首汽約車、順豐、江蘇銀行、成都銀行等超千家應用,幫助開發者高效構建LBS服務。 該版本集成的導航SDK、定位SDK、地圖SDK,憑藉其強大的功能和穩定性,在華為SDK生態繁榮夥伴支持計劃評優中,均在所屬行業斬獲TOP1使用量,彰顯了其在鴻蒙生態中的技術實力與廣泛應用價值。 同時,高德開放平台還推出了司乘同顯SDK,在網約車場景率先適配了司

高德地圖 , 知識 , 高德lbs , harmonyos

李不要熬夜 - XMLHttpRequest對象解析

!DOCTYPE htmlhtmlbody script function reqListener () { console.log(this); console.log(this.getAllResponseHeaders()); console.log(this.responseText); }

xmlhttprequest , Ajax , 前端

葡萄城技術團隊 - 3D 大屏工具怎麼選?從功能、集成到實戰的全維度選型指南

3D 大屏工具怎麼選?從功能、集成到實戰的全維度選型指南 在數字化轉型加速的當下,3D 數據可視化大屏已成為智慧工廠、智慧城市、智慧園區等場景的 “數據中樞”—— 通過立體動態的視覺呈現,讓設備狀態、生產進度、區域運營等數據更直觀,輔助決策者快速捕捉關鍵信息。但面對市場上種類繁多的 3D 大屏工具,企業往往陷入 “功能冗餘用不上”“集成複雜成本高”“實時性不達標” 等困境。本文結合企業級 BI 工

數據可視化

來了老弟 - 一篇搞定面試中的跨域問題

什麼是CORS(跨源資源共享)? CORS(Cross-Origin Resource Sharing)是一種機制,允許網頁從不同的域訪問服務器上的資源。 在同源策略下,瀏覽器限制了跨域訪問,CORS允許服務器指定哪些源可以訪問其資源。 同源策略(Same-origin policy) 同源策略在web應用安全模型中是一個重要的概念。在這個策略下,瀏覽器允許第一個網頁中包含的腳本可以獲取第二個網頁

cors , 面試問題 , 前端

杭州程序員張張 - 使用 Node.js 和 htmx 構建全棧應用程序

在本教程中,我將演示如何使用 Node 作為後端和 htmx 作為前端來構建功能齊全的 CRUD 應用程序。這將演示 htmx 如何集成到全棧應用程序中,使您能夠評估其有效性並確定它是否是您未來項目的不錯選擇。 htmx 是一個現代 JavaScript 庫,旨在通過實現部分 HTML 更新來增強Web應用,而無需重新加載整個頁面。與傳統前端框架中的 JSON 有效載荷不同,它通過有線方式發送 H

全棧 , node.js , htmx , 前端

中關村科金 - MobPush全面適配鴻蒙NEXT,解鎖智能推送新體驗

隨着HarmonyOS NEXT鴻蒙星河版的發佈,鴻蒙系統憑藉原生智能、全場景互聯、高安全性等特性,已成為全球第三大操作系統。在這一生態擴張的關鍵節點,MobTech袤博科技旗下核心產品MobPush智能消息推送SDK率先完成對鴻蒙NEXT的全面適配,成為首批通過HarmonyOS NEXT官方認證的推送類SDK。 對於開發者而言,鴻蒙系統的微內核架構和分佈式能力,意味着應用需從底層重新適配

驗證碼

小謳 - 解決 mpvue 經典 bug:同路由切換時,上次的數據會保留

關注前端小謳,閲讀更多原創技術文章 由於一直在用vue技術棧,因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護,為了上手迅速,不顧可能存在的眾多bug,毅然用起來。 果不其然,一個大bug出現了:同一路由切換時,上一次的頁面數據會保留 項目實戰bug:mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因: 參考眾多答案後,用“

vue.js , 小程序 , mpvue , 前端 , Javascript

前端子金 - h5 video踩坑記錄

筆者近來在用h5 的video來開發視頻,下面來聊一聊是怎麼一步一步填坑的。 一些在開發中的注意點,都在代碼裏的註釋進行描述 基本需求 禁止全屏 是否自動播放 播放器尺寸的設置 播放完畢時回到初始狀態 1. 禁止全屏 webkit-playsInline={true} // ios x5-playsInline ={true}// android playsInline ={tr

視頻 , h5播放器 , 兼容性 , 前端 , Javascript

數據庫知識分享者 - 雲效DevOps實踐-如何基於雲效實現測試自動化集成和分析

簡介: 對於現代軟件研發來説,持續、快速、高質量、低風險地交付需求特性,是業務對研發的主要訴求。而要做到這一點,除了要有良好的架構設計、卓越的工程能力,快速可靠的測試反饋也是其非常重要的一環,達到這一點,需要依靠測試自動化。 作為面向企業開發者的DevOps平台,雲效提供了豐富的能力,幫助大家在DevOps流程中落地測試自動化實踐。 對於現代軟件研發來説,持續、快速、高質量、低風險地交付需求特性,

coffeescript , bootstrap , Javascript

同創永益 - 從被動響應到主動防禦——IT 應急演練平台 v3.0.1 重構企業安全免疫系統

在數字化浪潮席捲全球的今天,企業正面臨着前所未有的風險挑戰:某銀行因系統故障導致 2 小時交易中斷,損失超 5000 萬元;某能源集團因災備系統失效,數據恢復耗時長達 72 小時...... 這些慘痛教訓背後,暴露的是傳統應急體系 "重預案、輕實戰" 的致命短板。 在當今數字化時代,企業面臨着複雜多變的IT環境,應急事件的響應能力成為企業穩定運營的關鍵。為了幫助企業更好地應對各種挑戰

it , 數字韌性 , 前端

Carlos - React 的單向數據流

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

react , 全棧工程師 , 前端

沐華 - 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 , 前端