收藏 / 列表

起風了 - 如何快速查看頁面的佈局結構?

在前端頁面 UI 開發時,如何能快速查看頁面的結構佈局? html * { outline: 1px solid red !important; } outline 屬性不會增加元素的尺寸,比 border 要好。

佈局 , css3 , Css , 前端 , ui

知曉雲 - 第十章:小程序表單與醫療急救卡(下)

作者:知曉雲 - 小程序開發快人一步 來源:知曉課堂 在上一節,我們瞭解了許多表單組件的用法。在這一節,我們將會繼續對小程序進行開發。 特殊功能開發 小程序請求呼出電話 添加輸入框 input 組件和按鈕 button 組件,用以輸入緊急聯繫人電話號碼和點擊 button 撥打號碼 `!--pages/index/index.wxml-- view view緊急聯繫人電話號碼:/

移動web開發 , 微信小程序 , 小程序 , 前端

雲棧開源日記 - Traefik:Go 實現的雲原生反向代理,微服務路由自動化利器

開篇 還在手動修改 Nginx 配置文件嗎?每次新增服務都要 reload 擔心出錯?今天分享一個 Go 語言開發的反向代理項目 Traefik,它能監聽容器平台的服務變化,自動生成路由規則,徹底告別手動配置。 項目介紹 Traefik 是專為微服務和容器化架構設計的現代反向代理和負載均衡器。它最大的特點是動態服務發現——自動監聽 Docker、Kubernetes 等平台的服務變化,實時更新

opensource

劉悦的技術博客 - ChatGPT採用的Server-sent events後端實時推送協議Python3.10實現,基於Tornado6.1

善於觀察的朋友一定會敏鋭地發現ChatGPT網頁端是逐句給出問題答案的,同樣,ChatGPT後台Api接口請求中,如果將Stream參數設置為True後,Api接口也可以實現和ChatGPT網頁端一樣的流式返回,進而更快地給到前端用户反饋,同時也可以緩解連接超時的問題。 Server-sent events(SSE)是一種用於實現服務器到客户端的單向通信的協議。使用SSE,服務器可以向客户端推送實

vue.js , python3.x , server-sent-events , tornado , chatgpt

鹵代烴 - ⚡️ [性能優化] 瀏覽器跨域帶來的一些性能問題

前言 字節 Web Infra 團隊最近開啓新一輪招聘了,如果你對 Web Framework/Runtime/Performance,或對編譯構建/Rust/AI 感興趣,可以來看看我們的崗位(具體崗位信息可以看這個招聘鏈接 👉 字節跳動 Web Infra - Web Solutions 團隊招人啦!) 簡歷可以發到我的郵箱 skychx@hotmail.com,我可以幫你內推崗位並跟

性能優化 , 跨域 , 前端

牛仔碼農 - Ajax實戰學習教程,ajax基礎原理及使用詳解

在學習AJAX之前,大家應該對AJAX有一個簡單的瞭解。 AJAX 是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術。通過在後台與服務器進行少量數據交換,AJAX 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。 Ajax教程看哪個好?網絡上的AJAX入門教程五花八門,讓很多小夥伴看得眼花繚亂。這裏也推薦我看過的ajax視頻,動力節點的A

Ajax , JAVA , ajax跨域 , 後端 , 前端

Shenfq - 前端模塊化的前世

隨着前端項目的越來越龐大,組件化的前端框架,前端路由等技術的發展,模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步,其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事,無論在哪個編程領域都是相當常見的事情,模塊化存在的意義就是為了增加可複用性,以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊

前端模塊化 , seajs , commonjs , requirejs , Javascript

LYX6666 - 釘釘企業內部應用同步部門用户

前言 有了上一篇釘釘企業內部應用SSO單點登錄實戰及踩坑過程之後,再去看釘釘的文檔和接口就顯得輕車熟路了。 明確需求:定時把釘釘的用户同步到企業自己開發的系統中,以便讓企業內的員工都能使用SSO單點登錄。 確定接口 借鑑上一篇的經驗,我們優先選擇V2版本的接口。 釘釘開放平台-用户信息 右側提供了返回值的實體,注意到包括userId、姓名、電話這三個關鍵字段存在,説明該接口滿足需求。 把鼠標放到

單點登錄 , 釘釘 , springboot , JAVA , 後端

泯瀧 - 「譯」如何寫出更好的Typescript代碼

鏈接:https://medium.com/@technicadil_001/how-to-write-better-types... 作者:Debabrata Dash 原標題:How to write better Typescript codes? 在本文中,我們將討論大約 15 個編寫更好的 Typescript 代碼的技巧。 譯者:本文討論了 15 個實用技巧,以幫助開發者編

ecmascript-6 , typescript , HTML , 前端 , Javascript

蘇琢玉 - MySQL 備份 Shell 腳本:支持遠程同步與阿里雲 OSS 備份

之前我寫過一個臨時的 MySQL 備份腳本,主要是為了應急使用,功能比較簡單。現在有時間了,我重新整理了一下,讓它不僅能自動備份數據庫,還支持遠程服務器同步和上傳到阿里雲 OSS,這樣即使本地備份丟失,數據也不會完全丟失。 現在,這個腳本已經發布到 GitHub,地址在這裏: 👉 GitHub 倉庫 - mysql-backup-shell 這個腳本做了什麼? 這個腳本的核心功能包括:

MySQL , shell

李不要熬夜 - 移動端rem 適配方案

rem是什麼? rem(font size of the root element)是指相對於根元素的字體大小的單位。簡單的説它就是一個相對單位。看到rem大家一定會想起em單位,em(font size of the element)是指相對於父元素的字體大小的單位。它們之間其實很相似,只不過一個計算的規則是依賴根元素(rem)一個是依賴父元素計算(em)。 個人理解rem佈局可分為倆

rem響應式 , 程序員 , rem , 前端

葡萄城技術團隊 - TV 端 APP 界面設計:原則、模式與實用指南(下) | 葡萄城技術團隊

TV 端 APP 界面設計:原則、模式與實用指南(下) 在上篇中,我們詳細解析了電視體驗的底層交互範式,如今是時候進入實踐環節了。在本系列的第二篇文章中,你將探索"10 英尺體驗"的核心構建模塊,以及如何在設計中充分發揮它們的價值。 上篇已梳理了電視的發展歷史與傳統遺產,現在我們聚焦更實際的問題。需要快速回顧的是:"10 英尺體驗"及其對遙控器 6 個核心按鈕的依賴,是我們所有設計工作的基礎---

app

友人A - threejs-夜景

記錄threejs實現夜景光照、投影、陰影、反射、材質顏色編碼的效果 主要是光源設置了shadow、encoding !DOCTYPE html html head meta charset="UTF-8" titleThree.js Scene/title style body { margin: 0; }

three.js , 三維模型 , gis , 前端

你好2007 - v-solt 插槽(基礎使用、具名插槽、作用域插槽等)

基本使用 組件通過slot預留位置,使用組件的時候,可以通過傳遞具體的內容去替換slot佔用的地方,這就是插槽。 比如現在定義了一個組件: !-- simple-use.vue -- template div slot/slot /div /template 組件slot/slot佔用的位置具體內容不確定,需要使用的時候傳遞進來,我們就可以這樣使用: simple-use em

vue.js , htm , template.js , 前端 , Javascript

數據庫知識分享者 - 什麼是微內核架構設計?

簡介:作為一名Java程序員,相信同學們都聽説過微內核架構設計,也有自己的理解。那麼微內核是如何被提出來的?微內核在操作系統內核的設計中又有什麼作用?本文從插件化(Plug-in)架構的角度來詮釋微內核架構設計,通過微內核架構和微服務架構的對比,分享其對微服務設計的參考意義。 關於微內核架構設計現在比較熱,聽起來好像是操作系統內核相關的,作為Java程序員,操作系統內核那麼遙遠的事情,好像和我們

react , coffeescript , bootstrap , Javascript

哈囉技術 - WebRTC拍攝在車主認證中的實現

相關介紹 車主認證項目背景 車主認證主體是以H5形式存在的,目前投放在多端,包括:哈囉App、車主App、貨運車主App、支付寶小程序、微信小程序、H5外投頁面,存在多端場景調用拍攝能力的需求。 存在問題: 多平台適配 確保拍攝功能在各個平台上有良好的適配,包括哈囉App、車主App、貨運車主App、支付寶小程序、微信小程序和H5外投頁面。 小程序兼容性 對於支付寶小程序

webrtc , 前端

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

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

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

675173ff-65c2-413a-b556-576966012357 - 住宅代理的價值與未來:真實身份下的網絡自由

在網絡世界裏,身份幾乎等同於權力。一個IP地址,不僅決定了你能訪問什麼內容,也決定了你能否順利完成某項任務。 而在今天這個一切都“被識別”的互聯網時代,住宅代理(Residential Proxy),正成為越來越多企業和開發者的“隱形基礎設施”。 為什麼住宅代理越來越重要? 過去,我們習慣使用數據中心代理(Datacenter Proxy)去爬取數據、測試網站或訪問受限內容。 它們速度

php , 數據庫 , Android , 前端

B2Proxy - 從數據採集到模型訓練:代理IP如何賦能AI

在人工智能的發展鏈條中,數據是燃料,算法是引擎,而代理IP,則是保障整個系統穩定、安全、高效運行的“隱形基礎設施”。無論是數據採集、模型訓練,還是系統測試,代理IP都在背後發揮着至關重要的作用。 一、AI時代的“數據瓶頸” AI的性能高度依賴於數據的數量與多樣性。無論是自然語言處理、圖像識別,還是推薦算法,都需要從全球範圍內採集大量真實數據。然而,頻繁訪問網站容易觸發反爬機制、IP封禁或地理限制,

後端 , 前端

趙大碗 - Joker 智能開發平台-組件生命週期

組件生命週期 本章主要介紹組件生命週期的創建和維護。 如何創建和維護 我們可以在組件數據面板中的邏輯/事件 - 生命週期中來管理我們的組件生命週期。當我們生命週期右側的加號按鈕後,可以添加生命週期函數。添加後,我們即可在這裏維護我們的生命週期邏輯了。(邏輯編排幫助文檔可以在這裏中查看。) 一個組件或者頁面,從創建到銷燬是由完整的一套生命週期函數的,我們可以通過這些函數來實現在不同節點中的業

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

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

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

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

你好啊你好 - div + transform 實現旋轉圖片並得到期望的佔位盒子

效果圖 使用示例 script setup lang="ts" import RotatedImage from "**/RotatedImage.vue"; import { ref } from "vue"; const value = ref(50); const clockwise = ref(true); const src = ref( "https://naive-ui.os

vue.js , Css , HTML , 前端 , Javascript

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景: 兼容性測試流程中,遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下: 根據報錯信息檢查了一下頁面引用的vendors包,發現有...語法,來自於第三方依賴axios。 原因: axios包有es6語法,而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下: {

babel-loader , Android , Axios , webpack , Javascript

PoloAPI - 谷歌 AI 革命狂飆!Gemini 2.5 搜索引擎即將橫掃搜索市場,顛覆你的認知

隨着 5 月 20 日至 21 日谷歌 I/O 開發者大會的腳步臨近,一則重磅消息在科技業界引發強烈震動 —— 谷歌正緊鑼密鼓地籌備推出基於 Gemini 2.5 的下一代 AI 搜索引擎,這場變革將徹底顛覆沿用多年的傳統搜索框界面。目前,這一全新搜索模式已悄然進入灰度測試階段,標誌着谷歌決心將其最重要的流量入口全面切換至 AI 驅動的 Gemini 生態系統,此舉無疑將給 OpenAI、Perp

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