收藏 / 列表

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

前言 流光溯影,縱觀2023全年,整個前端業界呈現出百業凋零之狀,更不乏有“前端已死”等論調甚囂塵上。從全局視角看IT行業,除了AI領域的大語言模型爆發外,整體都鮮有特別亮眼及突出的技術展現。故而,作為IT領域中細分方向的前端行業,加之整體經濟週期的影響,今年的這種形勢也算因之有素。然則,行有不得則需反求諸己,私以為各位前端同學應該以“守正”之心念搏“出新”之機遇。因此,以下個人將分享一些各位前端

2023-年度總結 , 大前端 , 前端工程化 , 前端工程師 , 可視化

用户bPcSPjP - css實現炫酷的圓環相交轉動動畫

1.實現效果 2.實現原理 CSS perspective 屬性:屬性定義 3D 元素距視圖的距離,以像素計。該屬性允許您改變 3D 元素查看 3D 元素的視圖。當為元素定義 perspective 屬性時,其子元素會獲得透視效果,而不是元素本身。 perspective 屬性隻影響 3D 轉換元素。(請與 perspective-origin 屬性一同使用該屬性,這樣您就能夠改變 3

css3動畫 , 前端

起風了 - React.PureComponent深入瞭解機制及其原理

起因 用React.PureComponent時,更新state裏面的count用的方式是++this.state.count,但是意外的導致組件沒有重新render(本人用Hook組件較多,所以感到很疑惑) import React from 'react'; import { Button } from 'antd-mobile'; class DemoChildClass extends

react , setstate , component

知曉雲 - 第九章:小程序表單與醫療急救卡(上)

作者:知曉雲 - 小程序開發快人一步 來源:知曉課堂 醫療急救卡小程序是什麼? 該小程序主要為一個表單的填寫與提交。示例表單的內容包括姓名、性別、血型、醫療情況、服藥情況、是否為器官捐獻者和緊急聯繫人電話號碼。提交成功後表單顯示用户已填寫的信息,如果用户想更新,直接更改表單內容再次提交即可。 我們所用到的組件和 API 所需組件 表單:form,將組件內用户輸入的 input/ swit

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

雲棧開源日記 - 前後端全棧技術棧深度剖析:從Vue到Node.js的完整學習路徑

做了三年前端,發現自己還停留在"調用API"的層面?想突破瓶頸卻找不到方向?本文從實際項目出發,梳理了前端進階的關鍵技術節點:框架底層原理、全棧開發能力、工程化思維,以及那些面試官真正關心的技術深度。 📚 介紹 前端全棧技術體系深度解析 本技術資料系統梳理了現代Web前端開發的完整技術棧,適合有一定基礎的開發者進行系統性學習和技術深度提升。 技術覆蓋範圍 基礎夯實部分 從JavaScript核

前端

冷冷的炒麪 - 什麼是SSL證書?

一個生動的比喻:門鎖與身份證 如果把網站服務器比作一個存放重要物品的房間,那麼SSL證書就是這個房間的“智能門鎖+身份證”組合。當你想安全地訪問這個房間時,SSL證書同時完成兩件事:第一,驗證這個房間確實是你要找的正規房間(身份認證);第二,為你們的對話加上一把堅固的鎖(加密傳輸),防止被竊聽! SSL證書的核心作用 身份認證 就像我們通過身份證確認對方身份一樣,SSL證書由受信

區塊鏈 , HTTP , 知識 , 安全 , 前端

675173ff-65c2-413a-b556-576966012357 - 提升代理 IP 穩定性的五個核心技巧

在跨境電商、廣告驗證、數據採集以及 AI 模型訓練等技術場景中,代理 IP 的穩定性決定了項目的運行效率與安全性。一個穩定的代理能讓系統持續運轉、降低封禁風險;而不穩定的代理則可能造成數據丟失、任務中斷、甚至賬户異常。 那麼,如何真正提升代理 IP 的穩定性? 本文將從五個關鍵角度入手,帶你全面掌握優化代理連接的實用方法。 一、優化網絡環境,確保本地連接穩定 很多人忽視了一個事實:代理

android-studio , 前端 , Javascript

B2Proxy - 什麼是住宅IP?一文看懂住宅代理的原理與用途

在如今的網絡世界中,無論是跨境電商、廣告投放、社交媒體管理,還是數據採集與SEO測試,代理IP 都是實現穩定、安全訪問的關鍵工具。 其中,住宅IP(Residential IP) 憑藉更高的匿名性和更真實的網絡環境,正成為企業與個人用户的首選。 很多人聽説過“住宅代理”,卻不太瞭解它與數據中心代理的區別,也不清楚為什麼越來越多的業務都在轉向住宅IP。 本文將帶你深入瞭解住宅IP的

後端 , 前端

趙大碗 - Joker 智能開發平台-組件開發

組件開發 在前端項目開發中,組件開發佔據着舉足輕重的地位。通過組件封裝,能夠將公共業務或 UI 交互進行統一整合,有效避免重複開發,極大地提高開發效率。 JOKER 開發平台展現出卓越的優勢,它支持在線進行組件開發,且開發完成的組件無需經過編譯,即可在平台內直接引用並渲染。這得益於 JOKER 開發平台自主研發的渲染與沙箱機制,實現了框架層面的高度靈活性。 一個完整的組件主要由以下幾大功能點構成:

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

CryptoRzz - 國際期貨、黃金、石油數據 Java 對接文檔

📋 文檔概述 本文檔詳細介紹如何使用 Java 語言對接 StockTV 國際期貨、黃金、石油等大宗商品數據源,包含完整的代碼示例、數據模型和實時監控功能。 🚀 快速開始 環境要求 JDK 8+ Maven 3.6+ 網絡連接(可訪問 api.stocktv.top) 項目依賴 !-- pom.xml -- dependencies !-- HTTP客户端 -- de

資訊 , fiddler , 知識 , 人工智能 , 前端

你好啊你好 - 小説關鍵字節點搜索

網頁地址 源碼地址 視頻介紹 https://www.bilibili.com/video/BV1MJ4BzMEHX/?aid=115378525050...

工具 , 小説

雨花石 - 前端瀏覽器緩存

一、瀏覽器緩存簡介 1、瀏覽器通過緩存服務器返回的資源(針對靜態資源和get請求),減少傳輸壓力,提高訪問速度。 2、那麼緩存的目標應該是:資源可以被緩存 + 保證不使用過期的資源 + 服務器資源部分更新的時候不能導致新舊文件內容不一致。所以可以結合實際情況,設置適當的緩存策略。 3、瀏覽器無緩存的過程: 瀏覽器請求 --- 無緩存 --- 請求WEB服務器 --- 請求響應 -

HTTP , HTTPS , 安全 , 前端

PoloAPI - 谷歌正式推出 Gemini 2.5 系列模型,使 AI 推理性能提升30%。

谷歌於2025年6月正式推出‌Gemini 2.5系列模型‌,核心聚焦推理效率與多模態能力升級,具體解讀如下: 🚀 ‌一、三大模型定位與技術亮點‌ ‌Gemini 2.5 Pro‌ ‌角色定位‌:主攻複雜推理與多模態分析(“思考型模型”),在數學、編碼任務中刷新LMArena榜單記錄。 ‌上下文能力‌:支持100萬token輸入(計劃擴展至200萬),可解析代碼庫、大型數據集及混合媒

llm , 算法 , google , 人工智能 , 深度學習

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

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

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

PatWu16 - PWA離線應用調研

1、PWA應用介紹 PWA 是一種通過現代 Web 技術提供類似原生應用體驗的 Web 應用。它的核心特性包括: 可離線訪問:通過 Service Worker 實現離線緩存快速加載 利用緩存策略加速資源加載可安裝 用户可以將 PWA 添加到主屏幕,像原生應用一樣使用響應式設計 適配各種設備屏幕 PWA 的核心技術包括: Service Worker:用於攔截網絡請求、管理緩存

pwa , HTML , 前端 , Javascript

倔強青銅三 - NodeJS項目架構設計,看這一篇就足夠了!

NodeJS項目架構設計,看這一篇就足夠了! 前言 大家好,我是倔強青銅三。我是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 1. 🧩 整潔架構簡介 Clean Architecture(整潔架構)由Robert C. Martin(Uncle Bob)提出,它強調應用程序內部關注點的分離。該架構提倡業務邏輯

express , node.js , typescript , 前端 , Javascript

火爆的鍵盤 - 深入淺出: XML HttpRequest 入門指南

XML HttpRequest(XHR) 技術是構建動態、響應式網站的關鍵。這項技術使得網頁能在不重新加載整個頁面的情況下與服務器進行數據交互,極大地優化了用户的交互體驗。 定義 XML HttpRequest XML HttpRequest 是一種瀏覽器與服務器進行數據交換的 API。儘管它的名字包含 “XML”,XHR 實際上支持多種數據格式,如 JSON、HTML 和純文本等。初期,它主要用

xml , Ajax , httprequest , 前端 , Javascript

六月的可樂🥤 - Vue3項目中集成AI對話功能的實戰經驗分享

前言 最近在項目中需要集成AI對話功能,經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後,想從技術使用者的角度分享一下真實的體驗和踩過的坑,希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台,需要為用户提供智能客服和代碼助手功能。在選擇方案時,主要考慮了以下幾個因素: 開發效率:不想從頭開發聊天UI和

vue.js , 人工智能 , 前端 , html5 , Javascript

Grewer - V8 入門記錄一:初識

關於 V8 我想前端從業人員或多或少會聽説過這個詞,但是他具體是什麼, 怎麼入門, 怎麼學習是一個較高的門檻,本文就 V8 入門,來做一個記錄,也方便大家的學習。 V8 是 Google 用 C++ 編寫的開源高性能 JavaScript 和 WebAssembly 引擎。它被用於 Chrome 瀏覽器和 Node.js 等。它實現了 ECMAScript 和 WebAssembly,可在 Win

v8 , v8js , 瀏覽器 , 前端框架 , 前端

qinyuanqiblog - 前端直傳七牛雲 3.0 sdk詳細使用

前言 最近產品大哥説要把電商項目改成支持視頻播放,視頻要在後管項目上可以上傳到七牛雲,100M以上的這種視頻,因為我們nginx限制了只能上傳30m,所以只能採用前端直傳七牛雲的這個方案 項目介紹 這是一個基於若依的前後端不分離的項目,前端代碼卸載jsp裏面,主要是後台大哥在維護,我們需要幫助後台做好前端直傳這個動作。 前端直傳七牛雲 如何註冊賬號,創建空間 一般這一步,不需要我們做,可以做為

七牛雲存儲 , 前端

可視化PaaS開發 - 目前主流的9款Web前端框架

啓動項目時,請查看 2023 年最好的 Web 前端框架。為什麼選擇合適的工具很重要? 前端開發人員使用前端框架來簡化工作。這些軟件包通常提供可重用的代碼模塊、系統化的前端技術和預構建的接口塊。這使團隊可以更快、更輕鬆地創建可持續的 Web 應用程序和用户界面,而無需從頭開始編寫每個功能或對象。在開發 Web 應用程序時,有必要使用現代工具。 數維圖科技小編在這裏列出 2023 年 9 個流行的

前端框架 , 前端設計 , 前端 , Javascript , Web

zxl20070701 - 從JQuery出發總結的關於原型使用上的一些淺薄理解

比如我們現在的需求如下。 有一個函數MyObj,支持如下功能: 可以通過MyObj()的方式返回一個對象,這個對象和new MyObj()是等價的 MyObj本身是一個對象,可以通過MyObj.doit()的方式調用其上的方法或屬性 為了實現需求,第一反應是: var MyObj=function(){ return new MyObj(); }; 然後在My

prototype , proto , jquery插件 , jquery , 前端

得物技術 - 得物靈犀搜索推薦詞分發平台演進 3.0

導購是指在購物過程中為消費者提供指引和幫助的人或系統,旨在協助用户做出更優的購買決策。在電商平台中,導購通過推薦熱賣商品、促銷活動或個性化內容,顯著提升用户的購物體驗,同時推動銷售額的增長。其核心目標是通過精準的引導,滿足用户需求並促進商業價值最大化。 詞分發:導購的重要組成部分 在電商導購體系中,詞分發作為關鍵環節,主要聚焦於與關鍵詞推薦相關的功能。這些功能包括但不限於下拉詞、底紋詞、熱搜榜單、

算法 , 架構 , 人工智能 , 後端

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

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

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