收藏 / 列表

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

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

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

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

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

css3動畫 , 前端

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

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

regexp , 前端 , Javascript

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

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

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

雲棧開源日記 - DeepCode:把論文和想法變成代碼的 AI 工具

看論文時,你是不是也遇到過這種情況? 明明算法思路看懂了,但要自己從零實現,光是搭環境、調參數就要折騰大半天。或者腦子裏突然冒出個網站創意,想快速驗證一下可行性,卻被前後端開發的工作量勸退了。 最近發現香港大學開源的 DeepCode 項目,專門解決這類問題——用 AI 自動把想法轉成能跑的代碼。 這個工具能做什麼 DeepCode 是一個基於大語言模型的編碼工具,主要功能是把"人的想法"自動轉

AI

冷冷的炒麪 - 申請SSL證書的詳細步驟:JoySSL免費政務版和教育版

一、 申請資格與準備 首先,請確認您的單位屬於以下類型: 政府機關、事業單位、公立學校、教育機構、教育平台 申請前,請準備好: 1.您的域名(例如:www.xxx.gov.cn 或 edu.xxx.com)。 2.單位證明文件(如:事業單位法人證書或統一社會信用代碼證書)。 3.聯繫人信息(姓名、電話、郵箱)。 免費SSL證書快速申請入口 直接訪問JoySSL,註冊一個賬號記得填寫註冊碼23

觀點 , 編輯器 , 資訊 , 知識 , 前端

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

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

php , 數據庫 , Android , 前端

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

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

後端 , 前端

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

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

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

CryptoRzz - 如何對接韓國和日本股票數據源API

摘要:本文將詳細介紹如何通過StockTV API對接韓國和日本股票市場的實時行情數據,涵蓋從API申請、接口調用到數據解析的完整流程,並提供Python代碼示例。 一、StockTV API StockTV API 提供全球多個國家的金融市場數據,其中韓國和日本市場數據尤為全面。以下是選擇StockTV API的幾大理由: 覆蓋全面:支持韓國KOSPI、KOSDAQ和日本東京證券交易所

數據結構 , python爬蟲 , Json

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

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

工具 , 小説

雨花石 - 前端瀏覽器緩存

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

HTTP , HTTPS , 安全 , 前端

PoloAPI - Kimi K2 日調用量超100億 token,API 價格低於 Claude 系列模型

一、Kimi K2模型基本信息 Kimi K2是由北京月之暗面科技有限公司(Moonshot AI)於2025年7月11日發佈的開源大語言模型,具有以下核心特點: ‌架構創新‌:採用MoE(混合專家)架構,總參數規模達1萬億(1T),激活參數為320億(32B),包含384個專家模塊,每個token選擇8個專家進行計算 ‌性能表現‌:在SWE Bench Verified、Tau2、AceB

編程 , llm , 算法 , 人工智能 , 後端

銀之夏雪 - this你瞭解多少呢

執行上下文 js在執行代碼之前,需要經過一系列的“準備”,這被稱為執行上下文 ,其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的,每創建一個執行上下文,就會將當前執行上下文放到一個棧頂,這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文: 全局執行上下文 ,進入去全局代碼的時候。任何不在函數

面試 , this , 前端 , 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

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

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

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

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

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

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

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

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

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

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

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

微信公眾平台 , 前端

可視化PaaS開發 - HTML5智慧化工數字孿生WebGL三維可視化系統

前言 作為全球化學品第一生產大國,我國危險化學品規模總量大、涉及品種多、應用範圍廣、管理鏈條長、安全風險高,歷來是防範化解重大安全風險的重點領域。危險化學品領域頻繁發生的典型事故,暴露出傳統安全風險管控手段問題突出。 建設背景 石油石化行業是國家重要的支柱行業,具有生產規模大,生產線長,數據模型大,物料危險性高等特點。特殊的作業環境、偏遠的廠區位置,使得工作人員作業值守難度大、成本高、效率低。隨着

物聯網 , webgl , 前端設計 , 可視化 , html5

zxl20070701 - postMessage

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

iframe , postmessage , 前端 , html5 , Javascript

得物技術 - 從 JSON 字符串到 Java 對象:Fastjson 1.2.83 全程解析|得物技術

一、概述 Fastjson 是阿里巴巴開源的高性能 JSON 序列化處理庫,其主要以處理小數據時速度最快而著稱,功能全面。Fastjson1.X版本目前已停止維護,被Fastjson2.X代替,但1.X版本國內被廣泛使用,通過學習其技術架構,剖析架構上優缺點,對技術人員提升軟件設計工程實踐能力很有價值。 首先我們對“序列化 / 反序列化”概念上建立直觀認識,把Java對象轉化為JSON格式的字符串

開源 , JAVA , 後端 , Json

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

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

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