@Web

Stories List
@smalike

不可不知的 WEB 前端網站優化—— 雅虎 34 條軍規

不可不知的 WEB 前端網站優化—— 雅虎 34 條軍規 不得不説現在依然適用於大部分的網站 當年雅虎推薦了一套優化網站加載速度的34條法則(包括Yslow規則22條),以下是詳細説明。 1. Minimize HTTP Requests 減少 HTTP 請求 圖片、css、script、flash 等等這些都會增加 http 請求數,減少這些元素的數量就能減少響應時間。把多個JS、CSS在可能

smalike Avatar

@smalike

Nickname smalike

@3sworld

Web服務常用的幾種開發方法

1.概述 Web服務,即通過程序實現網頁服務,服務啓動後,一般用户可通過訪問URL獲取到網站提供的網頁服務,如網頁瀏覽、留言、商品購買等。開發Web服務的技術有很多,有Java、Python、ASP.NET、腳本語言等,其中常用的腳本語言有ASP、ASPX、JSP、PHP。下面對這些Web服務開發技術作一個簡單介紹。 開發技術 推出年代 文件後綴 發展趨勢

3sworld Avatar

@3sworld

Nickname 3SWorld

@xinliangcoder

如何基於 Gin 封裝出屬於自己 Web 框架?

思路 在基於 Gin 封裝出屬於自己的 Web 框架前,你需要先了解 Gin 的基本用法和設計理念。 然後,你可以通過以下步驟來封裝自己的 Web 框架: 封裝路由:Gin 的路由是通過 HTTP 方法和 URL 路徑進行匹配的,你可以根據自己的需求,封裝出符合應用的業務需求的路由。你可以考慮將路由進行分類,例如公共路由、私有路由等,以方便管理。 封裝中間件:Gin 提供了很多中間件,例如日

xinliangcoder Avatar

@xinliangcoder

Nickname 程序員新亮

@monkeynik

搶佔式調度協程API服務器

這篇文章的標題有些拗口,筆者簡單解釋一下。 本文是一款介紹開源API服務器Medge的文章。Medge是一個HTTP服務器,而其作者目前將其定位為API服務器方向。 在Medge中,我們可以通過腳本語言Melang來編寫和實現API邏輯。Melang是一種搶佔式調度的協程語言,其每一個腳本任務都被視為一個協程運行在同一個單一線程內部,依據執行步長輪詢調度。因此,在上層邏輯開發過程中,開發者無需考慮

monkeynik Avatar

@monkeynik

Nickname 用户bPbzEjV

@talkcss

2023 年開始寫 CSS 會與眾不同

CSS 的發展速度比以往任何時候都要快。在 Flexbox 和 Grid 之後,CSS 的發展似乎經歷了一段漫長的停滯期,但在近幾年,CSS 已經新增了許多新功能可用,而且還會有更多新功能即將推出。這個發展速度是令人興奮的,同時也有些壓倒性。 雖然 CSS 新增了很多新功能,但很多 Web 開發者都認為這些花裏胡哨的東西並沒有給自己帶來實質上的變化。換句話説,所有這些花裏胡哨的東西(CSS 新特

talkcss Avatar

@talkcss

Nickname 大漠

@sovitjs

Web前端設計開發工具集(框架、驗證器、編輯器)

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

sovitjs Avatar

@sovitjs

Nickname 可視化PaaS開發

@gxx01

HarmonyOS 5.0應用開發——Web組件的使用

【高心星出品】 Web組件的使用 ArkWeb(方舟Web)提供了Web組件,用於在應用程序中顯示Web頁面內容。常見使用場景包括: 應用集成Web頁面:應用可以在頁面中使用Web組件,嵌入Web頁面內容,以降低開發成本,提升開發、運營效率。 瀏覽器網頁瀏覽場景:瀏覽器類應用可以使用Web組件,打開三方網頁,使用無痕模式瀏覽Web頁面,設置廣告攔截等。 小程序:小程序類宿主應用可以使用We

gxx01 Avatar

@gxx01

Nickname 高心星

@changlina

掌握 React Hooks:現代 React 開發的必備技能

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終身學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! Hooks 是 React 官方團隊在 React 16.8 版本中正式引入的概念。通俗的講,Hooks 只是一些函數,Hooks 可以用於在函數組件中引入狀態管理和生命週期方法;如果希望讓 React 函數組件擁有狀態管理和

changlina Avatar

@changlina

Nickname 長林啊

@infinilabs

如何讓 localStorage 數據實現實時響應

重大事項 📣 :重大事項提前通知!快來圍觀,不容錯過! 極限科技 一直致力於為開發者和企業提供優質的開源工具,提升整個技術生態的活力。除了維護國內最流行的分詞器 analysis-ik 和 analysis-pinyin,也在不斷推動更多高質量開源產品的誕生。 在極限科技成立三週年之際,公司宣佈以下產品和工具已全面開源: INFINI Framework INFINI Gateway I

infinilabs Avatar

@infinilabs

Nickname 極限實驗室

@meirenlidexiaomaju

實戰經驗分享:利用免費SSL證書構建安全可靠的Web應用

在利用免費SSL證書構建安全可靠的Web應用方面,以下是一些實戰經驗分享: 一、選擇合適的證書頒發機構(CA) 評估證書頒發機構的可靠性: 確保所選的證書頒發機構是可信賴的,能夠提供有效的SSL證書。 瞭解證書頒發機構的背景、聲譽和提供的服務。 選擇適合的免費SSL證書: 根據Web應用的需求,選擇適合的免費SSL證書。 注意免費SSL證書的有效期和功能限制。

meirenlidexiaomaju Avatar

@meirenlidexiaomaju

Nickname 好心人帥崽

@infinilabs

如何實現一個充滿科技感的官網(一)

背景 前段時間完成一個公司官網項目,個人第一感覺是整體風格簡潔但充滿科技感。所以想着抽時間寫篇文章出來分享一下(其實想着拿出來炫一下,得瑟一下,滿足一下自身虛榮心,請大家包容一下我的虛榮心,莫噴。) 抽空寫下這篇文章,既是分享,也希望能夠聽到更多反饋。 官網地址是:https://infinilabs.com/, 大家可以先去看看。對了,也歡迎直接在評論區告訴我:“這樣的官網設計,你覺得怎麼樣?”

infinilabs Avatar

@infinilabs

Nickname 極限實驗室

@nocobase

簡化的架構治理:使用 NocoBase 構建應用程序目錄

這篇博客由 Leandro Martins 創作,並最初發表在使用 NocoBase 構建應用程序目錄。 本文的目標是展示 NocoBase) 在無代碼開發 Web 應用方面的潛力和易用性。作為一個案例研究,我將創建一個應用程序目錄來輔助架構治理。此案例將使用 NocoBase 的功能,包括建模、安裝、創建表格、菜單、表單、圖表以及工作流。 本文將使用以下技術:NocoBase、Postgres

nocobase Avatar

@nocobase

Nickname NocoBase

@gaoxingdeqincai

快速開發平台 WebBuilder 10 震撼發佈:重塑快速開發新時代!

在這個瞬息萬變的數字化時代,企業對高效、靈活的應用開發需求日益增長。為了響應這一市場需求,經過無數日夜的匠心研發,我們自豪地宣佈——WebBuilder 10,這一劃時代的快速開發平台,今日正式全球發佈!WebBuilder 10不僅繼承了前代產品的強大功能,更在用户體驗、開發效率、以及技術創新上實現了全面飛躍,旨在為企業級應用開發帶來前所未有的便捷與高效。 官網:https://w

gaoxingdeqincai Avatar

@gaoxingdeqincai

Nickname 高興的芹菜

@gvison

框架選型:Kratos、Go-Zero、GoFrame、Sponge 對比分析

框架比較 特性/框架 kratos go-zero goframe sponge 設計理念 微服務框架,強調模塊化和可擴展性 高性能、簡潔易用,面向微服務 後端開發框架,強調開發效率和易用性 基於sql、protobuf、json逆向生成模塊化代碼來組成項目所需的服務代碼,強調易用性、開發效率、可擴展性,面

gvison Avatar

@gvison

Nickname gvison

@changlina

React 調試不求人:VS Code 與 Chrome 的終極指南

大家好,我是長林啊!一個 Go、Rust 愛好者,同時也是一名全棧開發者;致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》,歡迎大家關注! 在開發過程中,調試無疑是我們解決疑難雜症的手段之一,但調試不僅僅是在解決 Bug 的時候才能應用的技能,當拿到一個新的項目時,我們也可以通過調試的方法,去快速瞭解代碼、熟悉業務。 本文工具及代碼環境: Visual Studio

changlina Avatar

@changlina

Nickname 長林啊

@gvison

Sponge與DeepSeek協作:一種突破傳統開發後端服務的解決方案,打造高效後端開發新範式

背景介紹 技術演進背景 隨着 DeepSeek 等開源 AI 工具的崛起,智能編程助手正在重塑軟件開發流程。對於開發者而言,AI 輔助編碼已為生產力工具。雖然目前 AI 尚無法直接根據需求文檔和指定技術棧生成完整生產級項目,但在特定場景下已展現出驚人潛力:基於詳細邏輯描述生成代碼片段準確率可達 80%以上。目前AI 在項目的工程化能力方面仍顯不足,而Sponge框架則在工程化能力表現出色,兩者恰好

gvison Avatar

@gvison

Nickname gvison

@chengxuyuanlaoliu2024

Flutter開發者 3.29版本關注要點

哈嘍,我是老劉 Flutter 3.29已經發布有一段時間了,老劉寫Flutter代碼已經6年多,對這種例行的Flutter版本更新基本上已經是內心毫無波瀾。 不過最近有不少朋友問要不要更新到最新版,這裏羅列一下從開發者角度看比較重要的更新,大家自己判斷。 一、架構與性能優化 Dart 代碼執行線程調整 Dart 代碼現直接在 Android/iOS 的主線程運行,減少了

chengxuyuanlaoliu2024 Avatar

@chengxuyuanlaoliu2024

Nickname 程序員老劉

@anjingdexiaoyanyao_ciaxxr

📥 x-cmd install | Wuzz - Web 開發與安全測試利器,交互式 HTTP 工具

在 Web 開發和安全測試中,我們經常需要檢查和修改 HTTP 請求。瀏覽器自帶的開發者工具雖然好用,但複製出來的 cURL 命令冗長且難以編輯。今天要介紹的是 Wuzz,一款交互式命令行 HTTP 工具,它能夠方便地讓你像編輯文本一樣修改 HTTP 請求,並實時查看響應結果。 Wuzz 的命令行參數與 cURL 類似,因此你可以直接使用瀏覽器複製的 cURL 命令作為輸入。它最大的特點在於提供了

@da_miao_zi

PHP又出Bug了?md5('240610708')竟然等於 md5('QNKCDZO')!

如下圖所示,'240610708' 和 'QNKCDZO' 是兩個完全不同的字符串,它們的 MD5 哈希值自然也不相同。可為什麼明明不同,PHP 還會認為這兩個哈希值相等呢?更離譜的是,從 2004 年底的 PHP 4.3.10 版本開始,這個“問題”至今一直存在,所有後續版本都會認為它們是相等的! 難道是 PHP 又出 bug 了?還是這背後另有隱情?讓我們一探究竟! 這看起來的確像是 PHP

da_miao_zi Avatar

@da_miao_zi

Nickname da_miao_zi

@jiangdaoyidezuoyeben

從零實現一個簡易Web服務器:原理與實踐

Web服務器是互聯網的基石之一,幾乎所有的Web應用都離不開它。雖然我們日常開發中常用的Nginx、Apache、Node.js等Web服務器功能強大,但從零實現一個簡易Web服務器,不僅能幫助我們理解HTTP協議的工作原理,還能提升對網絡編程的整體認識。本文將以Python為例,帶你一步步實現一個最簡單的Web服務器,深入剖析其背後的原理。 一、Web服務器的基本原理 Web服務器的核心任

jiangdaoyidezuoyeben Avatar

@jiangdaoyidezuoyeben

Nickname 講道義的作業本

@webshijie

打造一個可維護、可複用的前端權限控制方案(含完整Demo)

摘要 在現代 Web 應用中,權限控制已經不再是“後端的事”。隨着前後端分離、單頁應用(SPA)流行,前端權限控制逐漸成為用户體驗和系統安全的雙重關鍵。如果只靠後端控制,前端體驗太差;如果只靠前端控制,那就等於裸奔。怎麼權衡?怎麼落地?這就是本文要探討的重點。 引言 你是否遇到過:不同用户登錄後看到的菜單不同、某些按鈕灰了點不了、訪問一些頁面會自動跳轉 403 頁面?這都來自於“前端權限控制”的

webshijie Avatar

@webshijie

Nickname 前端視界

@jiarenxia

MyBatis常見錯誤

1.Access denied for user 'root'@'localhost' (using password: YES) 密碼錯誤 2.Unknown database 'db012' 找不到數據庫 3.Table 'db01.user2' doesn't exist 表不存在 4.No qualifying bean of type 'com.itheima.mapper.UserMa

jiarenxia Avatar

@jiarenxia

Nickname 家人俠