收藏 / 列表

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

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

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

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

1.實現效果 2.實現原理 2.1 rotate3d rotate3d:rotate3d() CSS 函數定義一個變換,它將元素圍繞固定軸移動而不使其變形。運動量由指定的角度定義; 如果為正,運動將為順時針,如果為負,則為逆時針。 語法: rotate3d(x, y, z, a) 含義: x number 類型,可以是 0 到 1 之間的數值,表示旋轉軸 X 座標方向的矢量。 y numb

css3動畫 , 前端

起風了 - 封裝一個方法,獲取頁面url中的參數值?

封裝一個方法獲取頁面url參數,可作為框架基礎方法使用: //獲取url參數; 正則獲取url參數,包含hash[#]和search[?]兩種通用 export function getUrlQueryByName(param) { const reg = new RegExp('(^|)' + param + '=([^]*)(|$)'); const r = window.lo

regexp , 前端 , Javascript

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

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

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

雲棧開源日記 - 前端開發就業課程:10個企業級項目+3000課時完整學習路線

3000+課時,10個企業級項目,覆蓋HTML5、CSS3、JavaScript、Vue.js、React、小程序6大技術棧。 這套前端開發完整課程,從零基礎到就業水平,所有內容都配有源代碼和課件。 有人用這套課程從轉行小白變成了前端開發,有人用它補齊了學校課程沒教的Vue和React,還有人把裏面的項目改改放進簡歷拿到了面試。 課程不保證你一定能找到工作,但能保證你學完後具備找工作的能力。 課

前端

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

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

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

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

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

android-studio , 前端 , Javascript

B2Proxy - 從數據採集到模型訓練:代理IP如何賦能AI

在人工智能的發展鏈條中,數據是燃料,算法是引擎,而代理IP,則是保障整個系統穩定、安全、高效運行的“隱形基礎設施”。無論是數據採集、模型訓練,還是系統測試,代理IP都在背後發揮着至關重要的作用。 一、AI時代的“數據瓶頸” AI的性能高度依賴於數據的數量與多樣性。無論是自然語言處理、圖像識別,還是推薦算法,都需要從全球範圍內採集大量真實數據。然而,頻繁訪問網站容易觸發反爬機制、IP封禁或地理限制,

後端 , 前端

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

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

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

CryptoRzz - 東南亞日本股票數據API對接文檔

概述 本文檔詳細説明如何對接StockTV全球股票API中的日本股票數據。日本股票市場是全球重要金融市場之一,包含東京證券交易所(TSE)等多個交易所。 認證方式 所有API請求都需要在URL參數中包含API Key: key=您的API密鑰 基礎信息 日本國家ID: countryId=35 API端點 1. 日本股票市場列表 獲取日本股票市場列表,支持分頁查詢。 請求示例:

股票接口 , springboot , 後端 , 前端 , Python

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

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

工具 , 小説

雨花石 - review代碼系列(二):

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

webpack , babel , 前端 , Javascript

PoloAPI - Gmail整合Gemini AI功能,支持用户直接管理日曆提升日程效率。

谷歌近期在Gmail移動應用中深度整合Gemini AI功能,實現了郵件與日程管理的無縫銜接。該功能主要通過以下創新提升用户日程效率: 一、跨應用功能整合‌ 支持在Gmail應用內直接創建、修改和刪除日曆事件,無需切換至Google Calendar或其他應用 通過"Ask Gemini"入口實現語音/文字指令操作,例如輸入“將週四會議改到下午3點”即可觸發智能修改 提供每日日程智能概覽功

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

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多,下面我們來寫常用的幾種(包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承): 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例,從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

原型 , 繼承 , 原型鏈 , 前端 , Javascript

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

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

chrome-devtools , 前端

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

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

vue.js , vite , webpack , 前端 , 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 - 記一次樣式 debug

背景 在一個平凡的工作日中,突然有客户説我們產品的彈窗點擊無法顯示,這讓我立刻放下了手裏的活,去看了下線上環境,結果卻是一切正常 這不禁讓我有些奇怪,所以和客户要了截屏,最後發現在客户的電腦上點擊無效,作為一個老開發,第一反應就是兼容性的問題 涉及到公司產品,暫時不能放出對應截圖,不過會用 demo 截圖來代替。 這裏我用 demo 復現的場景: 這是正常的antd modal樣式: 現

兼容性 , debugging , 前端

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

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

微信公眾平台 , 前端

可視化PaaS開發 - 智慧工業園可視化生產風險管控系統

建設背景 隨着經濟飛速發展和產業創新升級,作為新經濟形式的重要載體,工業園區污染嚴重、安全生產難以監管等問題日益突出。工業園區作為工業高質量發展的重要載體和平台,工廠聚集,安全生產風險集中,在這個背景下,建設智慧工業園區已經成為了許多企業和政府的共同選擇。 總體架構 工業園區智能化管控平台應按照工業互聯網平台架構進行設計,建立統一的標準規範體系和安全運維保障體系,保證系統平台的規範、安全和穩定運行

工業互聯網 , 物聯網 , 前端設計 , 可視化 , html5

zxl20070701 - 關於this指向的一些梳理

函數內 非嚴格模式 通常情況下,定義的函數的this就是window,比如: function doit(){ console.log(this); } doit(); 打印結果: Window {window: Window, self: Window, document: document, name: '', location: Location, …} 嚴格模式 不過,如果開啓了

node.js , this的用法 , this , typescript , Javascript

得物技術 - 線程池ThreadPoolExecutor源碼深度解析|得物技術

一、引 言 為什麼進行源碼角度的深度解析? 大家在項目中到處都在使用線程池做一些性能接口層次的優化,原先串行的多個遠程調用,因為rt過高,通過線程池批量異步優化,從而降低rt。還有像RocketMQ中broker啓動時,同時通過ScheduledThreadPoolExecutor線程池執行其他組件的定時任務,每隔一段時間處理相關的任務。線程池廣泛的應用在外面各種實際開發場景中,我們很多同學可能在

dns解析 , 緩存 , 存儲 , JAVA , 編譯器優化

若川 - Taro 源碼揭秘:9. Taro 是如何生成 webpack 配置進行構建小程序的?

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

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