@Web

動態 列表
@smileZAZ

記錄---window.close()失效 + Chrome瀏覽器調試線上代碼

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 情況説明 主系統單點登錄點擊觸發window.open()打開本系統。 是發佈生產後的新需求:要求退出登錄後直接關閉當前系統頁面。 本地運行增加了window.close()方法實現功能,點擊退出後頁面沒反應。 排查過程 官方解析中説明,window.close() 方法只能關閉由window.open()或者瀏覽器直接輸入

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@tangge

Scss 基礎

scss 轉 css 在線轉換 https://33tool.com/scss_to_css/ 變量 $primary-color: #000; .main1 { background-color: $primary-color; } 一、嵌套 1.1 父選擇器 (Referencing Parent Selectors: ) 在嵌套 CSS 規則時,有時也需要直接使用嵌套外層的父選

tangge 頭像

@tangge

昵稱 【唐】三三

@tangge

CSS - transition 粗淺記憶

在 CSS 中,transition 是用於實現元素樣式平滑過渡的屬性,能讓元素從一種樣式狀態(如顏色、尺寸、位置等)逐漸變化到另一種狀態,避免樣式突變帶來的生硬感。它是實現基礎動畫效果的核心工具,廣泛用於 hover 交互、狀態切換等場景。 一、transition 核心語法 transition 是一個複合屬性,可以同時定義過渡的多個參數,語法如下: css transition: [過渡屬性

tangge 頭像

@tangge

昵稱 【唐】三三

@smileZAZ

記錄---圖文並茂講解nginx中http升級https(部署SSL證書)知識點總結

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 為何網站要升級為https 原因有以下幾點: 1. 避免瀏覽器的不安全的警告 瀏覽器對於http的網站會在地址欄明確標記【不安全】字樣 這樣直接降低用户對網站的信任度 造成用户流失 甚至可能被用户誤認為是釣魚網站 如下圖,是筆者的網站沒有升級https證書的時候的樣子 升級後的 2. 加密傳輸數據,防止數據泄露

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@xinliangcoder

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

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

xinliangcoder 頭像

@xinliangcoder

昵稱 程序員新亮

@3sworld

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

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

3sworld 頭像

@3sworld

昵稱 3SWorld

@zhaodaoweb

離線WebApp之序章

PWA(Progressive Web App) 的概念相信很多人都不陌生,但真正去應用 PWA 的網站確是少之又少,而應用了 PWA 並不等於就是離線WebApp,很多網站雖然用了PWA,但也僅僅是為了加快網站打開速度,並沒有完整的實現一個離線WebApp 離線WebApp,顧名思義,即使斷網也能夠正常使用的網頁,會有點難以想象,可以親自體驗一下:https://geek4.wuchen.org

zhaodaoweb 頭像

@zhaodaoweb

昵稱 找到Web

@zhaodaoweb

PWA的業務價值

漸進式WebApp,在很多公司的發展藍圖上,緊跟現代瀏覽器的腳步,以適應用户預期。像所有新的概念和技術功能一樣,它們會產生問題:這是不是我的客户需要的?它會如何提升我的業務?技術可行性怎麼樣? 為了制定一些數字化的戰略,需要幾個利益相關者參與:產品經理、CTO,UX調研人員。產品經理關心每一個功能的業務價值,CTO關心技術的可行性和可靠性,UX調研人員關心功能是否可以解決客户問題。 這篇文章旨在

zhaodaoweb 頭像

@zhaodaoweb

昵稱 找到Web

@openeuler

Memcached 1.5.12 移植指南(openEuler 20.03 LTS SP1)

Memcached 1.5.12 移植指南 介紹 簡要介紹 Memcached是LiveJournal旗下Danga Interactive公司以Brad Fitzpatric為首開發的一款高性能分佈式內存對象緩存系統,通過緩存數據庫查詢結果,減少數據庫訪問次數,來提高動態Web應用的訪問速度、提高可擴展性。 Memcached的官方鏈接:https://memcached.org/ 開發語言:C

openeuler 頭像

@openeuler

昵稱 openEuler

@sovitjs

好用的Web前端開發工具推薦

前端Web開發工具實際上是讓前端開發人員更高效輕鬆地構建前端佈局的軟件。在這些工具的幫助下,前端重複的工作變得簡單,從而加快了Web開發過程。 有許多前端Web開發工具可以滿足各種特定需求,例如HTML,CSS和JavaScript工具,代碼編輯工具,部署工具,原型和線框圖工具,安全工具等等。但是選擇適合自己項目的工具,必須對工具有所瞭解。 下面我們就介紹一些主流的Web前端開發工具: Vue.j

sovitjs 頭像

@sovitjs

昵稱 可視化PaaS開發

@sovitjs

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

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

sovitjs 頭像

@sovitjs

昵稱 可視化PaaS開發

@sovitjs

Web組態:Web2D工業組態模板

最近發現不少網友留言,想要一些前端Web組態的模板,由於公司是做2D/3D可視化編輯器的,同時也會設計很多各行各業的組態模板,以供參考,所以小編整理了包含電力、環境、園區、能源等行業領域的一些組態模板,希望對大家有所幫助! 污水處理前端Web組態模板 污水處理預沉池系統 污水處理AO池監測系統 生活污水處理監控系統 鍋爐控制前端Web組態模板 鍋爐監控系統 鍋爐控制系統

sovitjs 頭像

@sovitjs

昵稱 可視化PaaS開發

@kuanrongdeshanyang

深入理解Python的Tornado Web框架

一、Tornado簡介 Tornado是一個使用Python編寫的高效、非阻塞的web服務器軟件和網絡庫。它被設計用於處理數以千計的併發連接,這是由於其非阻塞的I/O處理方式。Tornado最初是由FriendFeed開發的,這是一個社交聚合服務,後來被Facebook收購。Tornado通常被用於實時Web服務,需要處理大量長連接的情況。 二、安裝和Hello World示例 首先,我們需要在P

kuanrongdeshanyang 頭像

@kuanrongdeshanyang

昵稱 小小張説故事

@sovitjs

目前主流的9款Web前端框架

啓動項目時,請查看 2023 年最好的 Web 前端框架。為什麼選擇合適的工具很重要? 前端開發人員使用前端框架來簡化工作。這些軟件包通常提供可重用的代碼模塊、系統化的前端技術和預構建的接口塊。這使團隊可以更快、更輕鬆地創建可持續的 Web 應用程序和用户界面,而無需從頭開始編寫每個功能或對象。在開發 Web 應用程序時,有必要使用現代工具。 數維圖科技小編在這裏列出 2023 年 9 個流行的

sovitjs 頭像

@sovitjs

昵稱 可視化PaaS開發

@monkeynik

搶佔式調度協程API服務器

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

monkeynik 頭像

@monkeynik

昵稱 用户bPbzEjV

@talkcss

2023 年開始寫 CSS 會與眾不同

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

talkcss 頭像

@talkcss

昵稱 大漠

@smalike

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

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

smalike 頭像

@smalike

昵稱 smalike

@jueqiangdeqianbi

為什麼 GraphQL 被認為是 Redux 的更好選擇?

近幾年來,互聯網技術趨向於採用前端 JavaScript 框架來構建更好的網頁和移動應用用户體驗。這種變化真的很棒🔥,我個人非常喜歡這些框架給我們帶來的靈活性。 但是,這種靈活性是否已經過頭了呢… 為了真正理解這種情況,我們不妨回顧一下,在 JavaScript 框架誕生之前,應用是如何構建的。 ⏳ JavaScript 出現之前的時代… 在最初的幾個前端框架(最著名的包括 Angular

jueqiangdeqianbi 頭像

@jueqiangdeqianbi

昵稱 倔強的鉛筆

@apifox

GraphQL 和 REST API:選擇最佳數據獲取方案

你可能聽説過 GraphQL,但對它與 REST 的區別還不完全確定。今天我們將介紹 REST 和 GraphQL 的一些基本原理,以及它們的不同使用場景。 GraphQL 作為 REST API 的替代品越來越受歡迎,不過它不一定是完全的“替代品”。 根據你的使用情景,你需要在 GraphQL、REST API,或者兩者結合之間進行選擇。讓我們比較一下 REST 和 GraphQL,並瞭解一些

apifox 頭像

@apifox

昵稱 Apifox

@gxx01

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

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

gxx01 頭像

@gxx01

昵稱 高心星

@changlina

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

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

changlina 頭像

@changlina

昵稱 長林啊

@infinilabs

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

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

infinilabs 頭像

@infinilabs

昵稱 極限實驗室