收藏 / 列表

vleedesigntheory 頭像

維李設論 - 從2021看2022前端發展趨勢

本文參與了 SegmentFault 思否徵文「2021 總結」，歡迎正在閲讀的你也加入。 前言 又到了年底，回顧一下整個2021年的前端歷程，總體來説前端趨向到了一個比較穩定的發展階段，雖然仍然有許多層出不窮的庫及輪子，但整體來看其實今年最突出的前端發展其實可以概括為以下幾個關鍵詞，即：工程基建、低代碼、多語言、雲+邊+端。從不同大廠對整個前端的劃分視角來看，整體可以分為兩大類，一類是聚焦化，比

大前端 , 前端工程化 , 前端框架 , 前端構建 , 前端

susuhhhhhh 頭像

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

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

css3動畫 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - javascript中的esm是什麼？

esm是什麼？ esm 是將 javascript 程序拆分成多個單獨模塊，並能按需導入的標準。和webpack，babel不同的是，esm 是 javascript 的標準功能，在瀏覽器端和 nodejs 中都已得到實現。使用 esm 的好處是瀏覽器可以最優化加載模塊，比使用庫更有效率。 esm 標準通過import, export語法實現模塊變量的導入和導出。 esm 模塊的特點 存在模塊

ecmascript , Javascript

yunpan-plus 頭像

雲棧開源日記 - 從功能測試到自動化測試開發：軟件測試工程師技能提升指南

軟件測試職業發展的關鍵差異 在軟件測試領域，手工測試與自動化測試的工作效率存在顯著差異。掌握自動化測試技能的工程師，可以通過腳本快速完成迴歸測試工作，而這正是測試開發工程師的核心能力之一。 本文分享一套完整的軟件測試學習課程，涵蓋從基礎理論到自動化測試的全棧技術內容。 課程簡介 本課程為軟件測試全棧實戰課程，內容包括： 測試基礎理論與流程

軟件測試

lenglengdechaomian 頭像

冷冷的炒麪 - 免費SSL證書申請指南

瞭解SSL證書 SSL證書是網站的安全身份證，它讓網站地址從"http"變成"https"，並在瀏覽器顯示鎖形標誌。主要作用是加密數據傳輸，驗證網站真實性，防止信息被竊取。 準備工作 1.確認域名所有權 2.準備服務器信息 3.準備企業資料（如申請企業型證書） 4.準備聯繫電話和郵箱 選擇證書類型 ：根據需求選擇合適類型 域名型證書：基礎加密功能 企業型證書：需要驗證企業資質 增強型證書：最高安全

觀點 , HTTP , HTTPS , 知識 , 前端

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - IP代理的工作原理詳解：隱藏真實身份的互聯網中間層

在現代互聯網世界中，IP代理（Proxy IP） 已成為跨境電商、數據採集、隱私保護、AI訓練和廣告驗證等領域不可或缺的基礎工具。它讓用户能夠繞過地理限制、保護隱私、提高訪問穩定性。那麼，IP代理究竟是如何工作的？為什麼它能隱藏真實身份？本文將從原理、類型與應用三個角度，深入解析IP代理的工作機制。 一、什麼是IP代理？ IP代理，也被稱為“代理服務器”（Proxy Server），是一種位於客户

前端 , Javascript

guangmingleiluodebaomihua 頭像

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

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

後端 , 前端

zhaodawan 頭像

趙大碗 - Joker 智能開發平台-組件狀態數據

組件狀態數據 本章主要講解組件中的狀態數據，我們可以在這裏去維護一個組件的參數約束、內部響應式數據以及內部私有變量。 概述 組件狀態數據是組件開發中最為常用的功能之一。 當打開一個組件或頁面文件時，工作台左側菜單中會顯示組件數據菜單，點擊後即可打開組件數據面板。 從數據使用的角度出發，可將其分為以下幾類 輸入參數（props）、 響應數據（model）、內部私有屬性，接下來我們來詳細講解下這三種

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

cryptorzz 頭像

CryptoRzz - python對接印度尼西亞股票數據接口文檔

概述 StockTV 提供全面的印度尼西亞股票市場數據接口，覆蓋印尼證券交易所（IDX）所有上市公司。支持實時行情、技術分析、公司信息等多種功能。 交易所信息 交易所: 印尼證券交易所 (Indonesia Stock Exchange, IDX) 國家ID: 42 (從文檔中馬來西亞示例推斷，具體需確認) 交易時間: 雅加達時間 09:00-12:00, 13:30-16:00 貨幣:

觀點 , chrome , 資訊 , 教程 , 知識

nihaoanihao 頭像

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

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

工具 , 小説

yuhuashi_584a46acea21f 頭像

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

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

webpack , babel , 前端 , Javascript

chunzhendexiaogou 頭像

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

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

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

yinzhixiaxue 頭像

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

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

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

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用實踐

上篇文章整理了PWA離線應用的技術脈絡和注意事項，本篇文章將記錄使用Vue + Workbox + localforage 實現離線應用的實踐過程。 一、Vue工程改造 Vue CLI 提供了一個官方的 PWA 插件，可以快速為 Vue 項目添加 PWA 支持。運行以下命令安裝插件： // 在vue工程目錄下執行如下命令 vue add pwa 安裝完成後，插件會自動生成以下文件： src/

pwa , HTML , 前端 , Javascript

jueqiangqingtongsan 頭像

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

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

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

huobaodejianpan 頭像

火爆的鍵盤 - 掌握 HTTP 請求方法：開發者必備知識

在 Web 開發領域，HTTP 方法在定義客户端如何與 Web 服務器交互以及對資源執行不同操作方面起着至關重要的作用。HTTP（Hypertext Transfer Protocol，超文本傳輸協議）是現代網絡應用的棟樑，它定義了客户端與服務器之間的通信方式。 什麼是 HTTP 請求方法 在 Web 通信中，HTTP 請求方法是客户端用來向服務器表達其意圖的一種方式。每次瀏覽網頁、提交表單或與

API , HTTP , 接口 , 後端 , 前端

liuyuedekele 頭像

六月的可樂🥤 - SSE請求多種實現方式總結

文前推薦一下👉 前端必備工具推薦網站(圖牀、API和ChatAI、智能AI簡歷、AI思維導圖神器等實用工具): 站點入口：http://luckycola.com.cn/ 什麼是SSE SSE（Server-Sent Events）是一種用於實現服務器主動向客户端推送數據的技術，也被稱為“事件流”（Event Stream）。它基於 HTTP 協議，利用了其長連接特性，在

typescript , HTML , 前端 , html5 , Javascript

grewer 頭像

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

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

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

qinyuanqiblog 頭像

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

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

七牛雲存儲 , 前端

sovitjs 頭像

可視化PaaS開發 - Web前端設計開發工具集（框架、驗證器、編輯器）

什麼是前端開發 前端開發是創建Web頁面或app等前端界面呈現給用户的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用户界面交互。前端開發主要關注用户體驗。 前端開發的技術 超文本標記語言（HTML） HTML 是基本的前端技術之一，也是前端開發的核心，是所有網站的標記。HTML 元素可幫助您向網站添加表單、按鈕、容器和其他功能。 級聯

visual-studio-code , sublime-text , 前端 , Git , Web

zxl20070701 頭像

zxl20070701 - 從零開始搭建 Vue3 組件庫開發環境

搭建開發環境 Vite初始化 新建一個空的文件夾，比如叫 Vue3UI ，然後使用命令行在此文件夾下使用npm初始化： npm init 回車後，我們再安裝vite（我們這裏選擇使用Vite進行打包，使用別的也類似）： npm install --save-dev vite 根目錄創建 index.html 文件，裏面內容如下： !DOCTYPE html html lang="zh-cn"

vue.js , vite , component , 前端 , ui

dewujishu 頭像

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

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

pwa

bianchengsanmei 頭像

編程三昧 - Webpack 簡介

構建其實是工程化、自動化思想在前端開發中的體現，把一系列流程用代碼去實現，讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力，解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗，已經成為目前最流行，社區最活躍的構建工具，是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏，各種框架和工具層出不窮，比如 React、Vue、Angular 等，極大

構建工具 , 前端構建 , 工程化 , webpack , 前端

xixindehongjiu 頭像

細心的紅酒 - SSL雙向認證

SSL雙向認證：不止是服務器亮明身份，更是客户端的“實名制”通行證 在互聯網安全領域，SSL/TLS證書幾乎無人不知。我們日常訪問的絕大多數 HTTPS 網站，使用的都是單向認證——瀏覽器驗證服務器的身份，確保你連接的是真正的銀行或電商網站，而非釣魚網站。但在一系列對安全要求極高的場景中，一種更嚴格、更安全的機制被廣泛應用：SSL雙向認證。 本文將深入淺出地解析SSL雙向認證的核心原理、工作流程、

後端 , 前端