@Web

Stories List
@u_16237826

面試官笑了:終於有人能把 Tomcat 的 Container 講明白了!

大家好,我是小米,一個在代碼裏泡了九年的程序員。前幾天去面試一家互聯網公司,面試官笑眯眯地問我:“你瞭解 Tomcat 的 Container 架構嗎?” 我心想,這問題挺常見的,屬於那種“問不深就考概念、問深了就勸退”的經典類型。於是我開始講——沒想到,這一講,就聊了快半個小時。 今天就把我當時的回答完整覆盤給你聽,保證聽完後,你不再怕面試官問這個問題。

u_16237826 Avatar

@u_16237826

Nickname 軟件求生

@sovitjs

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

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

sovitjs Avatar

@sovitjs

Nickname 可視化PaaS開發

@sovitjs

Web組態:Web2D工業組態模板

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

sovitjs Avatar

@sovitjs

Nickname 可視化PaaS開發

@sovitjs

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

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

sovitjs Avatar

@sovitjs

Nickname 可視化PaaS開發

@jueqiangdeqianbi

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

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

jueqiangdeqianbi Avatar

@jueqiangdeqianbi

Nickname 倔強的鉛筆

@apifox

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

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

apifox Avatar

@apifox

Nickname Apifox

@software-Development

藉助Aspose.HTML控件,使用 Python 編程將網頁轉換為 PDF

使用 Python 將網頁轉換為 PDF 有時您需要離線訪問網頁,使其更易於訪問。因此,將HTML頁面轉換為PDF即可滿足您的需求。令人驚訝的是,您可以在幾秒鐘內在 Python 項目中啓用 HTML 到 PDF 的轉換。本指南將為 Python 開發人員介紹一個功能強大的 SDK——Aspose.HTMLfor Python via .NET,它提供了一系列用於將網頁轉換為不同文件格式的類和方

software-Development Avatar

@software-Development

Nickname IT開發者筆記

@software-Development

藉助Aspose.HTML控件,在 Python 中將 HTML 轉換為 Markdown

在這個人工智能時代,Markdown因其易用性而備受重視。這種標記語言易於人類和機器理解。此外,與 HTML 和 DOCX 相比,這種格式更有助於法學碩士 (LLM) 理解文檔結構。因此,本指南將介紹如何以 Python 編程方式將HTML轉換為 Markdown。我們將使用Aspose.HTML for Python via .NET,因為它易於在 Python 項目中設置。這款 Python

software-Development Avatar

@software-Development

Nickname IT開發者筆記

@smileZAZ

記錄---npm link 詳解:本地包開發與測試的利器

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 npm link 詳解:本地包開發與測試的利器 什麼是 npm link? npm link 是 npm 提供的一個強大功能,它允許你在本地開發環境中創建符號鏈接,將本地開發的包鏈接到其他項目中進行測試和使用。這個功能特別適合在開發自己的 npm 包時進行本地調試和測試。 核心概念 符號鏈接(Symbolic

smileZAZ Avatar

@smileZAZ

Nickname 林恆

@smileZAZ

記錄---從零開始編寫 useWindowSize Hook

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 在 React 開發中,我們經常需要根據窗口大小來調整組件的行為。今天我們將從最簡單的實現開始,逐步優化,最終構建出一個高性能的useWindowSizeHook。 第一步:最簡單的實現 讓我們從最基礎的版本開始: import { useState, useEffect } from 'react' function useW

smileZAZ Avatar

@smileZAZ

Nickname 林恆

@smileZAZ

記錄---啊!!!Blob 居然這麼強大!

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 啊!!!Blob 居然這麼強大! 在前端開發的世界裏,我們每天都在和各種 API、對象和數據打交道。然而,有一個對象,常常被我們忽視,卻又在背後默默支撐着許多關鍵功能 —— 它就是 Blob。 Blob(Binary Large Object)聽起來像是一個“冷門”對象,但實際上,它幾乎無處不在:文件上傳、下載、視頻

smileZAZ Avatar

@smileZAZ

Nickname 林恆

@smileZAZ

記錄---瀏覽器指紋-探究前端如何識別用户設備

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 什麼是瀏覽器指紋? 瀏覽器指紋,是用來唯一標識你瀏覽器的一組“特徵值”。它不是我們理解中的那種真實指紋,而是通過收集瀏覽器、操作系統、設備分辨率、字體、插件等信息,組合成的一個獨特 ID。 和傳統的 Cookie 不同,瀏覽器指紋不需要在用户設備上存儲任何東西,完全是“讀取現有信息”來識別用户。 使用背景 在最近的項目

smileZAZ Avatar

@smileZAZ

Nickname 林恆

@wdllmh

上下margin無法生效的一種情況-行內元素

問題描述 在學udemy的htmlcss課的時候,challenge2有一部分是給超鏈接添加margin-top/bottom,添加後瀏覽器devtool的樣式中顯示margin已生效,但是在頁面中卻無法顯示。 解決過程 搜索margin不生效的幾個原因可以總結為 parent box 放不下 上下相鄰的塊產生margin摺疊 但是前者一般對parent中頭尾的child產生影

wdllmh Avatar

@wdllmh

Nickname wdllmh

@smileZAZ

記錄---基於uniapp,編寫一個自定義的日期組件

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 環境配置 系統:windows10 平台:HBuilderX4.76 語言:vue、javascript 庫:uni 概述 本文是基於uniapp,編寫的自定義日期選擇器組件,大致效果如下: 1、組件簡介 這是一個日期選擇器,即可以選擇年、月、日的組件,所以,組件的功能是很簡單的,組件的效果就是如上面的效果圖所

smileZAZ Avatar

@smileZAZ

Nickname 林恆

@smileZAZ

記錄---前端微服務框架深度對比:無界(Momentum)與乾坤(Qiankun)實戰指南

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 一、引言:為何選擇微前端? 在傳統單體前端架構中,隨着業務複雜度增加,代碼臃腫、協作困難、部署效率低等問題愈發突出。微前端通過將項目拆分為多個獨立自治的微應用,解決了這些問題: 技術棧無關:支持 Vue、React、Angular 等框架混合開發 獨立部署:各團隊可獨立開發、測試、發佈 漸進升級:允許逐步重構舊系統 動態加載

smileZAZ Avatar

@smileZAZ

Nickname 林恆

@smileZAZ

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

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

smileZAZ Avatar

@smileZAZ

Nickname 林恆

@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 Avatar

@tangge

Nickname 【唐】三三

@tangge

CSS - transition 粗淺記憶

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

tangge Avatar

@tangge

Nickname 【唐】三三

@smileZAZ

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

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

smileZAZ Avatar

@smileZAZ

Nickname 林恆

@kuanrongdeshanyang

深入理解Python的Tornado Web框架

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

kuanrongdeshanyang Avatar

@kuanrongdeshanyang

Nickname 小小張説故事

@zhaodaoweb

離線WebApp之序章

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

zhaodaoweb Avatar

@zhaodaoweb

Nickname 找到Web

@zhaodaoweb

PWA的業務價值

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

zhaodaoweb Avatar

@zhaodaoweb

Nickname 找到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 Avatar

@openeuler

Nickname openEuler