收藏 / 列表

integrated_product_development 頭像

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

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

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

evilboy 頭像

瘋狂的技術宅 - JavaScript中的回調函數看這篇就夠了

回調函數是每個前端程序員都應該知道的概念之一。回調可用於數組、計時器函數、promise、事件處理中。 本文將會解釋回調函數的概念，同時幫你區分兩種回調：同步和異步。 回調函數 首先寫一個向人打招呼的函數。 只需要創建一個接受 name 參數的函數 greet(name)。這個函數應返回打招呼的消息： function greet(name) { return `Hello, ${name}!

回調函數 , 前端 , Javascript

jianzhuangdeyaling 頭像

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

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

postman , postcss , typescript , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 從零起步，真正理解Javascript回調函數

零、前言 總聽到這麼一個詞語：回調函數。 對於它的瞭解，只知道在微信的網頁授權用到了回調，以及在Angular中可以用觀察者模式進行.subscribe訂閲，但對於它原理的理解，卻是一團漿糊。直到昨天開會時，突然被問到回調函數的知識，我才意識到自己真的不理解。 一、基礎知識：JavaScript標準寫法 我們先從最簡單的寫法入手，一步一步走向回調函數。 （如果熟悉語法，請跳到第二節）

angular , 回調函數 , typescript , 前端 , Javascript

daimaxieshen 頭像

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

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

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

zxc7563598 頭像

蘇琢玉 - 判斷邏輯越寫越亂，我乾脆做了個自己的規則引擎

不知道你有沒有這種感覺：一個業務功能看起來很簡單，但判斷條件卻一大堆。 什麼用户狀態、配置項、商品屬性、會員等級…… 一大堆 if​ / else​ 交織在一起，越寫越亂，稍微改一個邏輯就要擔心影響其他地方。 我之前就遇到這樣的情況，一開始還能忍，後來乾脆決定：不如自己寫一個簡單的規則引擎，專門用來處理這些組合判斷。 於是就有了這個項目：hejunjie/simple-rule-eng

composer , php

qfifteen 頭像

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

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

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

haixiudezhusun 頭像

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

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

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

waweb 頭像

哇喔WEB - TypeScript中如何使用Object、object和{}？

Object、object和{}（對象類型） 不知道是不是有很多兄弟和我一樣，在進行typescript的前端項目開發時，總是不能很好地使用對象類型；有時會定義為Object，有時又會定義為object，但是大多時候我們會混淆兩者。 就拿我個人而言，對於對象我都下意識的定義為object，運氣好呢編譯通過了（開心😄），運氣差點呢vscode還有提示修復能，一鍵修復也是記極好了。但是，咱也不是完

object , typescript , 前端

buddhad666 頭像

buddha - 將當前時間往前推24小時

筆記： let date = new Date(); let timeHis = date.getTime() - 24 * 60 * 60 * 1000;//時間戳 let dateHis = new Date(timeHis);//往前推24小時得到的時間 獲取當天零點時間 let date = new Date(new Date().toLocaleDateString()); 將時間轉換成

date , 前端 , Javascript

jhcan333 頭像

JHCan333 - 前端 socket.io 跨域

在使用Socket.io進行前端跨域通信時，可以通過設置Socket.io的cors選項來允許跨域請求。 以下是一個簡單的例子，展示瞭如何在Node.js的服務器代碼中配置Socket.io以允許跨域連接： const express = require('express'); const http = require('http'); const socketIO = require('s

socket.io , 前端

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（二）安裝使用篇

一、Sass、LESS和Stylus的安裝 1.Sass的安裝 Sass是Ruby語言寫的，但是兩者的語法沒有關係。不懂Ruby，照樣可以正常使用Sass。只是必須先安裝Ruby，然後再安裝Sass。首先安裝Ruby，如果你使用的是IOS系統，那麼你的系統已經安裝好了Ruby。如果你使用的是微軟的Windows系統，那麼安裝就有些許的麻煩。不過也不用過於擔心，按照下面的步驟就能幫你快速的安裝好。

sass , less , stylus , Css , 前端

grapecity 頭像

葡萄城技術團隊 - 前端性能優化終極清單：提升你的網站速度與用户體驗

在當今的 Web 生態中，性能即功能。用户期望網站加載瞬間完成，交互無比流暢。搜索引擎（尤其是 Google）也將核心 Web 指標 (Core Web Vitals) 等性能因素作為排名的重要依據。一個緩慢的網站會直接導致用户流失、轉化率下降和品牌形象受損。 這份前端性能檢查清單旨在為你提供一個系統性的框架，幫助你識別、診斷並修復影響網站速度的關鍵瓶頸。它涵蓋了從基礎測量到高級優化的各個

性能優化 , 前端

laomao_5902e12974409 頭像

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

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

cors , 面試問題 , 前端

user_p5fejtxs 頭像

林一一 - 面試 | JS 經典面試題初篇(this, 閉包, 原型...)含答案

推薦閲讀地址 掘金 github 變量提升 做題前建議先閲讀一遍 徹底解決 JS 變量提升的面試題 面試題 1. 問下面輸出結果 if( !("a" in window) ){ var a = 12 } console.log(a) // undefined 無論條件是否成立都會變量提升，全局下的 var 相當於給 window 設一個屬性 window.a = undefi

閉包 , this的用法 , 原型鏈 , 前端 , Javascript

dunizb 頭像

杭州程序員張張 - 我用 Flutter、React Native 和 Ionic 構建了相同的應用程序

在開始尋找最佳的跨平台移動開發框架的過程中，Flutter、React Native 和 Ionic 是讓我印象深刻的。這三款產品很有吸引力，因為它們承諾在為多個平台使用單一代碼庫的同時提供良好的性能。 為了開始冒險進入這個新世界，我創建了三個版本的移動應用程序，這些應用程序使用 API 並在屏幕上顯示基本數據。這個想法很簡單：構建一個應用程序，顯示一個隨機國家的詳細信息。我以前在 Python

ionic , react-native , flutter

zhongkejin 頭像

中關村科金 - MobTech秒驗，一鍵登錄快人一步！

你是不是也經常為幾十個APP的賬號和密碼抓狂，而且每個APP對賬號和密碼的格式要求都不一樣，下劃線、大小寫字母，還要加數字，真的很難記住。 記不住的時候就只能選擇短信驗證登錄，輸入手機號碼靜靜等待短信，這是現在大部分人選擇的登錄方式，不過有信號延後、渠道風險、木馬攔截等風險，而且更換手機號碼的話會很麻煩。 還有一個可供選擇的就是第三方賬號登錄，很多人應該喜歡用微信、QQ等社交賬號綁定登錄，這免去了

登錄 , 程序員 , 前端

qianxiaqingkong 頭像

蘭俊秋雨 - Charles註冊

註冊碼 Registered Name:https://zhile.io License Key: 48891cf209c6d32bf4 操作 打開Charles找到help選項-》點擊register Charles選項 彈出如下輸入框 輸入對應的name和key點擊註冊即可 重啓查看已完成註冊

charles , 前端

wenjinhua 頭像

前端子金 - h5 video踩坑記錄

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

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

data_ai 頭像

數據庫知識分享者 - 【瑤池數據庫動手活動及話題精選（體驗Dify on DMS，參與DMS Data Copilot討論）】

一、動手活動 基於 Dify on DMS 快速構建客服對話數據質檢服務 企業面臨傳統開發環境割裂及數據流轉不暢的挑戰？本方案基於數據管理服務 DMS，深度集成雲數據庫 RDS 與百鍊大模型，快速構建客服對話質檢服務，顯著降低數據庫與 AI 應用的開發門檻。 （一）活動時間 2025年9月9日-10月9日16:00:00 （二）活動獎品 300社區積分，限量200個，前15名完成全部任務的用户可額

agent , MySQL , 教程 , 知識 , 數據庫

heqiliao_5cf8819257e40 頭像

何棄療 - 一次簡單的頁面跳轉引發問題和思考

背景 後台系統首頁，存在各個訂單狀態的數量統計，現需要實現點擊後跳轉到對應頁面，即快速跳轉。目前系統只有一個訂單列表頁面，table上方倒是有查詢表單，可以根據不同狀態篩選數據。 初步思路 首頁通過框架路由API跳轉，攜帶參數；目標頁面初始化階段獲取參數，填入表單，發起查詢請求。 分析現有代碼 列表頁面由一個統一的Table組件封裝，Table內有查詢Form、Table等組件，通過外部傳入的查詢

vue.js , promise , 路由 , 前端 , Javascript

tongchuangyongyi 頭像

同創永益 - 當系統遭遇突襲？智能IT應急平台上演“教科書級救援”

在數字化業務高度依賴 IT 系統支撐的背景下，近期，因消息隊列積壓、資源過載、消費者處理能力不足等 IT 系統突發故障導致的業務中斷事件頻發，不僅造成直接經濟損失，更嚴重衝擊企業服務口碑與用户信任。 2023 年，中國某知名商業銀行部分網點及線上渠道突發系統故障：因通訊異常導致交易鏈路阻塞，全國多地線下網點出現取款業務中斷、開户功能受限等問題，線上轉賬接口響應失敗率飆升至 35%。這一故障直

it , 前端

carloslab 頭像

Carlos - 使用 Vite + React 進行本地編譯與測試

Vite 是一個快速、輕量級的構建工具，旨在提供極致的開發體驗。本文將展示如何在使用 React 和 Vite 的項目中進行本地編譯、測試以及預覽。 初始化項目 假設你已經成功使用 Vite 和 React 初始化了一個項目，並完成了開發，現在你希望能夠將項目進行本地構建並進行測試。 本地構建項目 在項目根目錄中，通過以下命令構建項目： npm run build 這將觸發 Vite

react , 全棧 , vite , 前端 , Javascript

wmuhua 頭像

沐華 - 看完還不懂JavaScript執行機制(EventLoop)，你來捶我

上一篇文章介紹了進程與線程，知道渲染進程都有一個主線程，並且主線程工作很多，要處理DOM、計算樣式、佈局、還有鼠標、鍵盤等各種JS任務 我們都知道JS是單線程，任務只能一件一件地執行，那麼瀏覽器是怎麼讓這麼多類型的任務在主線程上有條紊地執行的呢？ 這就需要任務隊列和事件循環了 任務隊列(消息隊列) 什麼是任務隊列呢？ 它是一種數據結構，存放要執行的任務。然後事件循環系統再以先進先出原則按順序執行隊

eventloop , 事件循環 , 事件 , 前端 , Javascript