收藏 / 列表

vleedesigntheory 頭像

維李設論 - 從2024看2025前端發展趨勢

前言 又至年關，回顧整個2024年，前端行業仍舊百廢待興，IT業界同樣也未見有所起色，AI風潮也從狂熱興奮逐步走向了冷靜穩定階段，造成此形勢感觀並非單一行業或者某一企業之特例，實為政經等綜合影響之結果。因此，私以為明年的大趨勢和調性應該不會有特別大的變化，雖然外界走向有所放緩，但整個情勢壓力還是不小的。故而，就前端行業而言，個人認為我們能做到的大概有以下幾個方面。 泛化 正如前序所言，相較於前幾

大前端 , 架構設計 , 前端工程師 , 前端 , Javascript

susuhhhhhh 頭像

用户bPcSPjP - 微信小程序實現歷史搜索功能（h5同理）

1.實現效果 2.實現原理 將數據存在storage中。 wx.setStorageSync('search_history', JSON.stringify(this.data.list)) 取數組前15條。 if (wx.getStorageSync('search_history') ){ this.setData({ list:JSON.parse(wx.get

小程序 , localstorage , 緩存 , storage , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - React setState、useState同步？異步？

React setState、useState到底是同步的，還是異步的？ setState語法 用法1： this.setState({ // 數據更新 }) 用法2： this.setState((state, props) = { // 當前組件的state // 父級的state }, () = { // 數據更新之後 }) useState語法 用法1： const [n

react , 同步 , 異步 , 前端

mincloud 頭像

知曉雲 - 第十章：小程序表單與醫療急救卡（下）

作者：知曉雲 - 小程序開發快人一步 來源：知曉課堂 在上一節，我們瞭解了許多表單組件的用法。在這一節，我們將會繼續對小程序進行開發。 特殊功能開發 小程序請求呼出電話 添加輸入框 input 組件和按鈕 button 組件，用以輸入緊急聯繫人電話號碼和點擊 button 撥打號碼 `!--pages/index/index.wxml-- view view緊急聯繫人電話號碼：/

移動web開發 , 微信小程序 , 小程序 , 前端

yunpan-plus 頭像

雲棧開源日記 - Strix：用AI做滲透測試，把安全漏洞扼殺在開發階段

你的應用真的安全嗎？傳統安全掃描工具給你一堆"可能存在的漏洞"，但哪些是真的？ Strix是一個開源的AI安全測試工具，它不只是掃描代碼找問題，而是像真正的黑客一樣——運行你的程序、嘗試攻擊、驗證漏洞是否真實存在。這個項目最近在GitHub上獲得了3.1k星標，核心亮點是把原本需要幾周的人工滲透測試壓縮到幾小時完成。 解決什麼問題 做過安全測試的人都知道這些痛點： 找安全公司做滲透測試，一次

企業信息化

lenglengdechaomian 頭像

冷冷的炒麪 - SSL證書免費的和付費的有什麼區別？

在當今互聯網環境中，SSL證書已成為保障網站安全、提升用户信任度及增強搜索引擎排名的重要工具。無論是個人站點還是企業級平台，部署SSL證書以實現HTTPS加密和身份可信認證已成為基本要求。然而市面上的SSL證書有免費與付費之分，那麼你知道SSL證書免費的和付費的有什麼區別嗎？ 1、價格差異免費SSL證書，顧名思義，用户無需支付任何費用即可申請和使用。付費SSL證書則需根據證書類型、品牌及功能特性

觀點 , HTTP , HTTPS , 知識

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - 住宅代理的價值與未來：真實身份下的網絡自由

在網絡世界裏，身份幾乎等同於權力。一個IP地址，不僅決定了你能訪問什麼內容，也決定了你能否順利完成某項任務。 而在今天這個一切都“被識別”的互聯網時代，住宅代理（Residential Proxy），正成為越來越多企業和開發者的“隱形基礎設施”。 為什麼住宅代理越來越重要？ 過去，我們習慣使用數據中心代理（Datacenter Proxy）去爬取數據、測試網站或訪問受限內容。 它們速度

php , 數據庫 , Android , 前端

guangmingleiluodebaomihua 頭像

B2Proxy - 2025 年最推薦的3個住宅代理服務商

在跨境電商、廣告驗證、數據採集和 AI 訓練等行業中，住宅代理已成為不可或缺的基礎工具。選擇合適的住宅代理，不僅能提升業務效率，還能有效降低封號、封禁和 IP 被識別的風險。本文將為你推薦三款在 2025 年表現出色的住宅代理服務，其中 第一推薦為 B2Proxy。 一、B2Proxy——全球覆蓋與高可靠性並存 推薦指數：★★★★★ 作為領先的住宅代理提供商，B2Proxy 擁有超過 800

php , 前端

zhaodawan 頭像

趙大碗 - Joker 智能開發平台-組件生命週期

組件生命週期 本章主要介紹組件生命週期的創建和維護。 如何創建和維護 我們可以在組件數據面板中的邏輯/事件 - 生命週期中來管理我們的組件生命週期。當我們生命週期右側的加號按鈕後，可以添加生命週期函數。添加後，我們即可在這裏維護我們的生命週期邏輯了。（邏輯編排幫助文檔可以在這裏中查看。） 一個組件或者頁面，從創建到銷燬是由完整的一套生命週期函數的，我們可以通過這些函數來實現在不同節點中的業

低代碼 , 低代碼開發平台 , 前端

cryptorzz 頭像

CryptoRzz - 印度尼西亞數據源 PHP 對接文檔

一、環境要求與配置 1. 系統要求 PHP ≥ 7.4 擴展：cURL、JSON、OpenSSL Composer（推薦） 2. 安裝依賴 composer require guzzlehttp/guzzle 3. 基礎配置類 ?php // config/StockTVConfig.php class StockTVConfig { const BASE_URL = 'http

MySQL , springboot , 後端 , Json

nihaoanihao 頭像

你好啊你好 - 強化 Naive UI n-message-provider 的 to 屬性，實現自由指向

效果 使用示例 script setup lang="ts" import ToMessage from "**/NaiveMessage"; function a() { ToMessage("#a", "測試消息a", { duration: 0, closable: true }); } function b() { ToMessage("#b", "測試消息b", { dura

vue.js , vue3 , 前端

yuhuashi_584a46acea21f 頭像

雨花石 - review代碼系列（二）：

背景： 因技術優化需要，打算將現有項目庫的部分代碼摘出來單獨構建，所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置，既有babel.config.js，也有.babelrc。因為都在根目錄下面，所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護，覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

chunzhendexiaogou 頭像

PoloAPI - 谷歌 AI 革命狂飆！Gemini 2.5 搜索引擎即將橫掃搜索市場，顛覆你的認知

隨着 5 月 20 日至 21 日谷歌 I/O 開發者大會的腳步臨近，一則重磅消息在科技業界引發強烈震動 —— 谷歌正緊鑼密鼓地籌備推出基於 Gemini 2.5 的下一代 AI 搜索引擎，這場變革將徹底顛覆沿用多年的傳統搜索框界面。目前，這一全新搜索模式已悄然進入灰度測試階段，標誌着谷歌決心將其最重要的流量入口全面切換至 AI 驅動的 Gemini 生態系統，此舉無疑將給 OpenAI、Perp

gemini-2.5-pro , google , 人工智能 , 後端 , 前端

yinzhixiaxue 頭像

銀之夏雪 - CSS 真的會阻塞文檔解析嗎？從瀏覽器渲染原理深入探究一下

在網頁開發領域，一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題，需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後，會依次進行以下幾個主要步驟： 解析 HTML：瀏覽器從網絡或本地獲取 HTML 文件，然後開始解析，將 HTML 代碼轉換為 DOM（Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

wupeng_5a4de5c290b9d 頭像

PatWu16 - chrome-devtools-mcp 工具試用記錄

谷歌 Chrome 開發者工具 MCP 服務器公佈，它允許 AI 代理在瀏覽器中直接調試、測試和修復代碼，彌補了以往 AI 編碼工具無法直接觀察代碼在瀏覽器中運行情況的缺陷，更多內容查看官方博客、Github倉庫，其在發佈的短時間內即引起廣泛關注，npm下載量陡升： 調試工具提供的能力： 試用記錄，僅供參考：   

chrome-devtools , 前端

jueqiangqingtongsan 頭像

倔強青銅三 - Vite VS Webpack，誰才是最強構建工具

Vite VS Webpack，誰才是最強構建工具 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 Vite vs Webpack：哪個更適合您的項目？ 隨着Web應用的不斷髮展，對更快、更高效的開發工具的需求也在日益增長。多年來，Webpack一直是複雜應用的首選打包工具，以其強

vue.js , vite , webpack , 前端 , Javascript

huobaodejianpan 頭像

火爆的鍵盤 - 瞭解 gRPC 狀態碼及其重要性

gRPC 是什麼？ gRPC（gRPC Remote Procedure Call）是一個高性能的開源框架，它通過遠程過程調用（RPC）機制促進應用程序之間的通信。 gRPC 框架使客户端應用程序能夠調用不同機器上的服務器應用程序的方法，就好像它是本地對象一樣。因此，該框架通過抽象網絡通信的複雜性，簡化了分佈式系統的開發。 gRPC 的關鍵特性 語言中立性 RPC 是平台無關的，並支持多種編程語言

grpc , 微服務 , rpc , 程序員 , 後端

liuyuedekele 頭像

六月的可樂🥤 - 強烈推薦 Web前端在線代碼IDE(代碼編輯器)

好用代碼在線編輯器推薦 在前端開發的世界裏，一款高效、便捷的代碼編輯器是每位開發者的得力助手。今天，我將以一名前端技術愛好者的身份，為大家介紹一款專注於前端領域的免費在線代碼編輯器——ColaOnlineCoder。它不僅支持在線編輯和預覽HTML、CSS、JavaScript等前端代碼，還集成了豐富的在線前端框架模板，以及強大的AI編程助手能力，為前端開發帶來了前所未有的便捷與可能。 這裏先貼一

css3 , 人工智能 , typescript , 前端 , html5

grewer 頭像

Grewer - 樹形選擇器的使用場景探索

在工作中，樹形選擇器（tree-select）是一種常見的基礎組件, 這次我們針對此組件做一些業務適配 背景: 在一個大型組織（2 萬以上）內，需要有一個選擇人、組的一個選擇器, 支持搜索功能。 一開始我的思路是這樣： 層級加載+後端搜索 **既然數據量很多，那最好不要一次性加載，不然會有以下的一些問題： 問題一是後端的加載速度很慢 二是前端也會手動很大的影響，比如需要開

業務 , antd , 組件化 , 前端 , Javascript

qinyuanqiblog 頭像

qinyuanqiblog - 微信PC端掃碼登錄流程記錄

前言 接入微信掃碼登錄整個流程的記錄 具體步驟 1. 註冊開發者賬號​ 2.創建應用，得到appid和AppSecret，並配置回調域名 2.1 創建應用 2.2 填寫應用資料，提交審核，審核通過會得到開發需要用的appid和AppSecret，這兩個值， 這個值會給到後台，然後然後再通過接口給到我們 2.3 應用創建成功，配置回調域名 4. 開發者資質認證 5. 配置一個內網穿透，方便

微信公眾平台 , 前端

sovitjs 頭像

可視化PaaS開發 - 好用的Web前端開發工具推薦

前端Web開發工具實際上是讓前端開發人員更高效輕鬆地構建前端佈局的軟件。在這些工具的幫助下，前端重複的工作變得簡單，從而加快了Web開發過程。 有許多前端Web開發工具可以滿足各種特定需求，例如HTML，CSS和JavaScript工具，代碼編輯工具，部署工具，原型和線框圖工具，安全工具等等。但是選擇適合自己項目的工具，必須對工具有所瞭解。 下面我們就介紹一些主流的Web前端開發工具： Vue.j

前端工程師 , 前端設計 , 前端 , Javascript , Web

zxl20070701 頭像

zxl20070701 - postMessage

此方法可以用於實現跨源通信等，我們來演示如何實現在兩個窗口之間進行通信。 假設我們現在有兩個頁面：page1.html和page2.html， 他們的關係是通過iframe關聯起來的，就像這樣（下面是page1.html的內容）： iframe id="receiver" src="./page2.html" width="300" height="100"/iframe 為了實現通信，首先你需要

iframe , postmessage , 前端 , html5 , Javascript

dewujishu 頭像

得物技術 - 正品庫拍照PWA應用的實現與性能優化｜得物技術

一、背景與難點 背景 目前得物ERP主要鑑別流程，是通過鑑別師鑑別提需到倉庫，倉庫庫工去進行商品補圖拍照，現有正品庫59%的人力投入在線下商品借取/歸還業務的操作端，目前，線下借取的方式會佔用商品資源，同時在使用用途上，每借出10件會出現1次拍照留檔，因此會有大量的線上閲圖量在日常鑑別和學習中發生；正品庫可通過圖庫搭建，提升圖庫質量，大大節約線下用工和物流成本支出。 但目前庫內存量10～20W件，

pwa

ruochuan12 頭像

若川 - Taro 源碼揭秘：8. Taro 是如何使用 webpack 打包構建小程序的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-11-07），目前最新是 4.0.7，

react , 小程序 , webpack , 前端 , Javascript