@HTML

Stories List
@tuzixiansen_63d4d65909d62

uniapp文件下載,支持docx、pdf等通用office格式

可以預覽並下載如下格式:doc, xls, ppt, pdf, docx, xlsx, pptx 其實過程很簡單,可以實現預覽和下載兩個功能 1、拿到一個可以下載的url連接 2、uni.downloadFile獲取文件的臨時路徑 3、uni.openDocument打開文件,進入打開文件的界面後就可以另存為了 let url = `https://test//fi

tuzixiansen_63d4d65909d62 Avatar

@tuzixiansen_63d4d65909d62

Nickname 兔子先森

@tuzixiansen_63d4d65909d62

移動端emoji輸入組件

主要流程 前端emoji組件一般用在聊天輸入界面,點擊表情,整個輸入框被彈起,顯示emoji界面,點擊其它位置,emoji界面自動關閉,這其中有一些注意點: 1、點擊emoji,emoji界面從底部彈起,輸入框也要同步顯示 2、二次點擊emoji圖標,emoji界面關閉(你也可以切換鍵盤輸入) 3、點擊輸入框,鍵盤彈起,emoji界面關閉 4、點擊emoji界面的其它位置(

tuzixiansen_63d4d65909d62 Avatar

@tuzixiansen_63d4d65909d62

Nickname 兔子先森

@lenglingx

Go語言Embed把vue3編寫的前端內嵌到Go的程序中去

最近在學習Go語言,看到了Embed,我突然覺得把web資源放到Go編譯好的二進制文件中去。所有就讓AI給我寫了下面4個程序。 一、先準備vue3+vite的程序 vue3+vite的編寫的前端代碼完成後編譯dist文件夾,如下圖: 通過Nginx部署後效果如下: 二、四個Go語言程序內嵌人dist目錄

lenglingx Avatar

@lenglingx

Nickname lenglingx

@zz_641473ad470bc

Thymeleaf的使用

前言 由於釘釘機器人發送Markdown消息 手機部不支持table格式顯示(pc端支持table格式顯示),打算使用thymeleaf顯示信息。因為thymeleaf是 Spring boot推薦的引擎模版,站在巨人的肩膀上!如果您有更好的推薦,先謝謝您! 什麼是thymeleaf 在官網中有這麼一條介紹: Thymeleaf is a modern server-side Java temp

zz_641473ad470bc Avatar

@zz_641473ad470bc

Nickname zZ_jie

@tuzixiansen_63d4d65909d62

axios雙Token無痛刷新,解決隊列請求、歷史請求問題

雙token無痛刷新機制主要是由一個accessToken和一個refreshToken實現的,請求接口的時候使用accessToken,一旦accessToken過期,立刻用refreshToken請求刷新token接口,拿到accessToken、refreshToken存起來,然後使用accessToken請求接口。 這其中有幾個點需要注意: 當前過期的token如何處理? 過期

tuzixiansen_63d4d65909d62 Avatar

@tuzixiansen_63d4d65909d62

Nickname 兔子先森

@zohocrm

2025 年 CRM管理軟件排行榜單

本篇文章為大家整理了六款CRM管理軟件排行榜單,分別為:Zoho CRM、Salesforce、HubSpot、Microsoft Dynamics 365、Pipedrive、Freshsales。 在當今競爭激烈的商業環境中,CRM管理軟件已成為各企業不可或缺的工具。CRM軟件不僅有助於管理客户信息和互動,還能優化銷售流程、提高客户滿意度並推動業務增長。2025年,我們觀察到幾款CRM軟件因其

zohocrm Avatar

@zohocrm

Nickname Python最棒

@ailvyoudetiebanshao

SEO關鍵詞的研究與優化 一

關鍵詞研究和優化是SEO的核心。通過深入瞭解目標受眾使用的搜索詞,我們可以優化網站內容,提高搜索引擎排名,並吸引更多相關流量。本章將詳細探討關鍵詞研究的方法、和最佳實踐。 關鍵詞類型對比分析 1. 關鍵詞研究的基礎 瞭解不同類型的關鍵詞對於制定全面的SEO策略至關重要。每種類型的關鍵詞都有其獨特的特點和應用場景: 1.1 主關鍵詞 定義: 通常由1-2個詞組成,代表廣泛的主題或概念。 特點

ailvyoudetiebanshao Avatar

@ailvyoudetiebanshao

Nickname 溪抱魚

@ailvyoudetiebanshao

Seo工具使用與數據觀察實踐 上

第11章.Seo工具使用與數據觀察實踐 1.通過SimilarWeb選擇合適的競品 首先我們明確一個概念,當我們要做項目的時候,會有兩種情況,一種是有競品,另外一種是沒有競品。 而沒有競品的那種情況,一個可能是你的項目和Idea沒有價值。另外一個可能是你的項目實在是太牛逼了,門檻太高在那個時間段幾乎無懈可擊(Open Ai的早期)。 那麼我們回到擁有競品的項目,我們需要對它和它的網站的流量進行分析

ailvyoudetiebanshao Avatar

@ailvyoudetiebanshao

Nickname 溪抱魚

@invalidnull

rxjs Observable 兩大類操作符簡介

Observable 生產的數據,應該提供開發人員足夠的自由度,對這些數據進行各種處理,比如 map / transform 等等。這就是 Rxjs Operator 大展身手的地方。 運算符是對 Observable 進行操作並返回 Observable 的函數。 這允許我們鏈接這些運算符。 鏈中的每個運算符都會修改由前一個運算符的運算產生的 Observable。 鏈中的算子不會同時工作,而是

invalidnull Avatar

@invalidnull

Nickname 註銷

@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 【唐】三三