收藏 / 列表

shenfq 頭像

Shenfq - JavaScript 異步編程史

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

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

tusi_5c8a591841687 頭像

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

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

promise , 前端 , Javascript

zxbing0066 頭像

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

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

visual-studio-code , debugging , 前端

integrated_product_development 頭像

IPD產品研發管理 - “你覺得客户需要”是殺死TA的最後一根稻草 | IPD集成產品開發

這個米老鼠洗衣機，大家眼熟嗎？ 相信最近熱衷於在網上衝浪的朋友們，對這款形似米老鼠的“懶人洗衣機”並不陌生，甚至算是小小地參與了一下這個產品研發項目。 在海爾的周雲傑總裁爆火出圈後，有網友在海爾的媒體賬號下，喊話周總研發一款可同時並分區洗衣服、內衣、鞋子和襪子的 “懶人洗衣機”。基於此，2天后，海爾集團宣佈“懶人洗衣機”即將上市。 這個看似偶然的“懶人”產品的誕生，實則折射出如何精準洞察客户需求

產品經理 , 程序員 , 產品 , 後端 , 前端

aqiongbei 頭像

aqiongbei - 來學一個值錢的知識，Chrome插件如何優雅的捕獲頁面的請求結果

背景 今天在寫一個某網站限流檢測的chrome插件，需要捕獲頁面的某個請求結果。那麼問題就來了，我們該如何捕獲頁面的請求結果呢？我們來捋捋都有哪些方案。 我開發的時候的配置為manifest_version: 3，下文內容也是在這個基礎上展開的。 本文只列舉方案，一些需同步在manifest_version進行配置地方並未提及，請自行配置。 可行的方案 一、chrome.webReques

chrome , chrome-extension , chrome-devtools , 前端 , 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 頭像

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

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

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

xiaoxxuejishu 頭像

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

源代碼下載： learnscala-zh.scala Scala - 一門可拓展的語言 /* 自行設置: 1) 下載 Scala - http://www.scala-lang.org/downloads 2) unzip/untar 到您喜歡的地方，並把 bin 子目錄添加到 path 環境變量 3) 在終端輸入 scala，啓動 Scala 的 REPL，您會看到提示符：

Perl , Scala , 入門

zxc7563598 頭像

蘇琢玉 - RSA+AES 混合加密不復雜，但落地挺煩，我用 Vue+PHP 封裝成了兩個庫

在項目裏寫接口的時候，我有時候會希望再多一層保護。 雖然 HTTPS 已經能保證傳輸安全，但它解決的更多是「傳輸過程中不被竊聽/篡改」的問題。 而我還想順帶做到幾點： 防止接口被隨便模擬調用 就算數據包被截獲，也看不懂內容 就算有人拿着同一份請求去重放，服務端也能拒絕 這些需求其實挺常見的，但並不複雜，説白了就是一套 RSA+AES 混合加密。 經典的思路 原理本身沒什麼新

composer , vue.js , php , npm

qfifteen 頭像

十五 - Tailwind Css 中使用 Element Plus 主題系統的方案與實現

前言 本篇文章主要講解在 Tailwind Css 中配置 Element Plus 主題變量以統一視覺設計 本文也是《通俗易懂的中後台系統建設指南》系列的第九篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 需求概括 上一篇文章中我們講解了生成 Element Plus 主題色階和動態切換主題色：一篇文章實現 Element Plus 色彩動態切換 Clean Admin 中使用 Ta

vue.js , tailwind-css , element-plus , typescript , 前端

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 華為雲官網前端的技術演進與低代碼實踐

摘要：從瀏覽類頁面到管理類頁面，看華為雲官網如何根據業務場景分階段構建低代碼平台，提升頁面迭代效率。 本文分享自華為雲社區《華為雲官網前端的技術演進與低代碼實踐【全球軟件大會技術分享】》，原文作者：技術火炬手 。 前端團隊演進往往會經歷組件化、配置化、可視化的階段，而低代碼是團隊演進中的一個必然結果。 在第七屆全球軟件大會上，華為前端研發工程師郭曉，分享了華為雲官網如何根據業務場景分階段構建

頁面佈局 , 華為雲 , 低代碼 , 可視化 , 前端

haixiudezhusun 頭像

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

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

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

lirong_60404fde6d52d 頭像

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

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

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

grapecity 頭像

葡萄城技術團隊 - 移動端可視化大屏工具技術實踐：從適配到智能交互的全方案解析

移動端可視化大屏工具技術實踐：從適配到智能交互的全方案解析 引言：移動化時代下可視化大屏工具的核心訴求 隨着數字化轉型深入，企業決策場景逐漸從 “固定辦公” 向 “移動協同” 延伸 —— 生產主管需在車間通過平板監控設備運行數據，區域經理需在差旅中通過手機查看銷售大屏，運維人員需通過移動端接收設備預警信息。然而傳統可視化工具普遍存在移動端適配差（佈局錯亂、交互卡頓）、觸摸操作無優化（篩選 / 鑽取

移動端

laomao_5902e12974409 頭像

來了老弟 - JavaScript閉包

本文將帶你用正確姿勢看待JavaScript閉包。 在 JavaScript 中閉包描述的是 function 中 外層作用域的變量 被內層作用域 引用的場景，閉包的結構為 內層作用域 保存了 外層作用域的變量。 要理解閉包，首先要知道 JS詞法作用域 是如何工作的。 JS詞法作用域(lexical scoping) 來看這段代碼： let name = 'John'; function gre

閉包 , 面試問題 , Javascript

dunizb 頭像

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

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

pwa , 瀏覽器 , edge , microsoft

zhongkejin 頭像

中關村科金 - ShareSDK Android端微信回調衝突解決方案

以應用寶為例，由於應用寶渠道用到了微信授權，而且回調Activity是WXEntryActivity，跟ShareSDK的微信回調類衝突。 解決方案如下： 1、把原來ShareSDK的微信回調類WXEntryActivity修改成SSDKWXEntryActivity，然後在AndroidManifest中配置 2、在應用寶的微信授權回調類WXEntryActivity中，添加如

android-sdk

qianxiaqingkong 頭像

蘭俊秋雨 - Charles使用教程

背景 Charles 是一個 HTTP 和 SOCKS 代理服務器。代理請求和響應使 Charles 能夠在請求從客户端傳遞到服務器時檢查和更改請求，以及從服務器傳遞到客户端時的響應。 抓包 PC端抓包 1、選擇菜單中的Proxy - Mac OS X Proxy 2、確保 Charles 處於 Start Recording 狀態。 移動端抓包 1、手機和電腦在同一個網絡： 2、電腦

charles , 前端

wenjinhua 頭像

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

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

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

data_ai 頭像

數據庫知識分享者 - Serverless 如何在阿里巴巴實現規模化落地？

簡介： 2020 年，我們在 Serverless 底層基建上做了非常大的升級，比如計算升級到了第四代神龍架構，存儲上升級到了盤古 2.0，網絡上進入了百 G 洛神網絡，整體升級之後性能提升兩倍；BaaS 層面也進行了很大的拓展，比如支持了 Event Bridge、Serverless Workflow，進一步提升了系統能力。 一、Serverless 規模化落地集團的成果 2020 年，我們

react , coffeescript , bootstrap , Javascript

tongchuangyongyi 頭像

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

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

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