收藏 / 列表

vleedesigntheory 頭像

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

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

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

susuhhhhhh 頭像

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

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

css3動畫 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - 如何快速查看頁面的佈局結構？

在前端頁面 UI 開發時，如何能快速查看頁面的結構佈局？ html * { outline: 1px solid red !important; } outline 屬性不會增加元素的尺寸，比 border 要好。

佈局 , css3 , Css , 前端 , ui

mincloud 頭像

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

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

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

yunpan-plus 頭像

雲棧開源日記 - Zig 完成編譯器自舉，內存佔用降 70%

Zig 完成編譯器自舉，內存佔用降 70%。通過數據導向設計、編譯期計算和零開銷 C 互操作，為後端高性能場景提供 C/C++ 的現代化替代方案。適合微服務網關、數據庫驅動等延遲敏感場景，支持漸進式遷移。 一個編譯器如何給自己"動手術"？ 去年 12 月，Zig 項目完成了一件聽起來有點"遞歸"的事：用 C++ 寫的編譯器，編譯出用 Zig 重寫的新版本，然後徹底拋棄了 C++ 代碼庫。這個

後端

lenglengdechaomian 頭像

冷冷的炒麪 - 打開網站顯示“與此站點連接不安全”該怎麼辦

當你在瀏覽器地址欄看到“與此站點連接不安全”的警告時，可能會感到困惑或擔憂。彆着急，這通常表示當前網站與你的瀏覽器之間的連接存在安全問題。 為什麼會出現“連接不安全”的提示？ 簡單來説，這個提示意味着瀏覽器檢測到該網站未使用安全的HTTPS協議，而是使用不安全的HTTP協議。HTTPS通過加密技術保護數據傳輸，防止信息被竊取或篡改；而HTTP是明文傳輸，容易受到攻擊。當網站缺少有效的安全證書（即S

觀點 , HTTPS , 安全

b2proxy 頭像

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

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

android-studio , 前端 , Javascript

guangmingleiluodebaomihua 頭像

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

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

後端 , 前端

zhaodawan 頭像

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

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

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

cryptorzz 頭像

CryptoRzz - 實時期貨、黃金貴金屬、外匯數據接口文檔

StockTV 提供全面的期貨、黃金貴金屬和外匯市場數據接口，支持全球主要交易所的期貨合約、貴金屬現貨及期貨、全球外匯貨幣對等多種金融產品。所有接口返回數據均為 JSON 格式。 快速開始 1. 獲取 API Key 請聯繫官方獲取有效的 API Key，所有接口調用都需要在參數中攜帶 key。 2. 基礎信息 基礎URL: https://api.stocktv.top WebSocket

觀點 , fiddler , 教程 , 知識 , 前端

nihaoanihao 頭像

你好啊你好 - 摩天輪（vue）

效果圖 使用示例 script lang="ts" setup import FerrisWheel from "**/FerrisWheel.vue"; import { ref } from "vue"; const defaultUrls = [ "https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.

vue.js , Css , HTML , 前端 , Javascript

yuhuashi_584a46acea21f 頭像

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

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

webpack , babel , 前端 , Javascript

chunzhendexiaogou 頭像

PoloAPI - Windows 系統安裝與使用 Claude Code 全攻略

Claude Code 作為一款高效的 AI 編程輔助工具，深受開發者青睞，但由於其本身不支持 Windows 文件系統，在 Windows 系統上使用需要藉助 WSL（適用於 Linux 的 Windows 子系統）。下面為你詳細介紹在 Windows 系統上安裝和使用 Claude Code 的完整流程。 什麼是 WSL WSL（Windows Subsystem for Linux，適用於

編程 , 人工智能 , 深度學習 , 後端 , 前端

yinzhixiaxue 頭像

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

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

面試 , this , 前端 , Javascript

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用調研

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

pwa , HTML , 前端 , Javascript

jueqiangqingtongsan 頭像

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

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

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

huobaodejianpan 頭像

火爆的鍵盤 - 【教程】如何使用Postman測試接口？詳細指南

在當前，API（應用程序接口）的使用變得越來越普遍。其中，HTTP/HTTPS API 是最常見的一種。無論是開發前端還是後端，測試 API 都是一個關鍵環節。Postman 是一種流行且強大的 API 測試工具，能夠幫助開發人員輕鬆地進行接口測試和調試。 一、什麼是 Postman？ Postman 是一個專用於 API 開發的跨平台工具。它提供了簡潔易用的界面，幫助開發者和測試人員發送 HTT

API , postman , 接口 , 後端 , 前端

liuyuedekele 頭像

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

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

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

grewer 頭像

Grewer - 記一次樣式 debug

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

兼容性 , debugging , 前端

qinyuanqiblog 頭像

qinyuanqiblog - angularjs 學習筆記

angularjs官網 Awesome AngularJS angularjs菜鳥學院 angular 中文網 angular新手經常會碰到的坑 angularjs核心功能介紹 所有的東西都是綁在module上面的 angular .module('app', []) // module .factory() //

angularjs , 前端

sovitjs 頭像

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

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

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

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 頭像

若川 - 50行代碼串行Promise，koa洋葱模型原來是這麼實現？

1. 前言 大家好，我是若川。歡迎關注我的公眾號若川視野，最近組織了源碼共讀活動《1個月，200+人，一起讀了4周源碼》，感興趣的可以加我微信 ruochuan12 參與，長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript