博客 RSS 訂閱

georgegcs 頭像

GeorgeGcs - 【HarmonyOS 5】鴻蒙應用隱私保護詳解

【HarmonyOS 5】鴻蒙應用隱私保護詳解 一、前言 在今天這個手機不離手的時代，我們每天用手機支付、聊天、記錄生活，不知不覺中，大量個人信息都存儲在了移動設備裏。但你有沒有想過，如果這些隱私數據泄露了會怎樣？從接到詐騙電話，到遭遇身份盜用，後果可能不堪設想。好在，HarmonyOS早就為我們的隱私安全做好了全方位的防護。 想象一下，你的健康數據、聊天記錄、甚至支付密碼被陌生人隨意查看，是不是

Kotlin , harmonyos-next , Android , JAVA , harmonyos

收藏 評論

yumenokanata 頭像

Yumenokanata - Android開發中的函數式編程應用：什麼是函數式編程

我們進行了多年的Android開發，但是面對越來越複雜的業務邏輯和越來越龐大的代碼，傳統命令式的編程方式已經漸漸無法解決我們的問題了。今天開始我們將探索一種非常強大的編程範式：函數式編程。 1. 傳統編程範式的挑戰 1.1 過程式編程的難題 大家日常開發中一定遇到過這些問題： 1.1.1 返回值不確定 // 全局計數器變量 var counter = 0 // 返回值依賴於外部狀態，每次調用結果

函數式編程 , Kotlin , 知識 , Android

收藏 評論

yumenokanata 頭像

Yumenokanata - Android開發中的函數式編程應用：流與響應式編程

流與響應式編程 1. 函數式副作用的處理 之前有説過函數式編程中儘量要編寫純函數，但是實際的程序中不可能如此理想的都是純函數，異常、用户交互、時間、變量等等這些所謂的“副作用”是一定會也一定需要存在的，那程序應該如何編寫？ 首先我們需要回到“純函數”的定義上：對於相同的輸入，總是產生相同的輸出，可以用返回值替換函數執行。 比如： var count = 0 fun increase(a: Int)

函數式編程 , Kotlin , 知識 , Android , 響應式編程

收藏 評論

yumenokanata 頭像

Yumenokanata - Android開發中的函數式編程應用：高階類型

Monoid 1.1 什麼是Monoid 1.2 一些monoid 1.3 使用Monoid來摺疊列表 1.4 monoid的組合 高階類型 2.1 什麼是高階類型 2.2 Haskell的高階類型 2.3 Java/Kotli

函數式編程 , Kotlin , rxjava , 知識 , Android

收藏 評論

yumenokanata 頭像

Yumenokanata - Android開發中的函數式編程應用：面向組合子編程

1. 聲明式編程 聲明式範式和命令式範式是不同的。命令式編程專注於“如何一步步完成任務”，開發者需要詳細地指示如何執行每一個步驟，比如Android的xml layout開發，開發者必須指定所有View的層次結構，自己調整View的屬性以獲得更好的性能。 而聲明式編程則關注於“期望的結果是什麼”，而具體這個結果如何達到、如何實現則不會明確編寫，而是交給框架來處理。比如數據庫的SQL,我們對於

函數式編程 , Kotlin , 知識 , Android

收藏 評論

yumenokanata 頭像

Yumenokanata - 用組合子，手把手實現一個通用語法分析器

語法分析器 語法分析通常是作為編譯器或者解釋器的一個組件出現的，它是一種特別的程序，接收非結構化的數據(比如文本、任何種類的符號、數字或者字符流)，輸出結構化的數據為結果。比如將csv(逗號分隔值)文本文件解析為二維數組;將Json或者xml解析為樹形數據結構。 目前實際上已經有比較成熟的工具(比如Yacc、ANTLR等)可以根據語法規則自動生成語法分析器的實現代碼，而且執行效率很高。 面向組合子

函數式編程 , Kotlin , 知識

收藏 評論

renzhendekafei 頭像

認真的咖啡 - Rokid設備連接全解析：藍牙與Wi-Fi通信源碼深度剖析

一、概述 在AR眼鏡開發中，設備連接是構建完整交互體驗的基礎環節。Rokid通過其CXR_M SDK提供了完整的藍牙和Wi-Fi連接解決方案，本文將深入解析其實現原理和代碼架構。 1.1 連接架構總覽 Rokid設備連接採用分層設計： 二、藍牙連接實現詳解 2.1 設備發現機制 設備發現是整個連接流程的起點，Rokid通過標準的Android Bluetooth API進行設備掃描，同時使

Kotlin , JAVA

收藏 評論

good_luck_5e9ba6e9aa054 頭像

360Web - 2026年Vue3 Admin前端框架開發技術深度解析

2026年Vue Admin前端框架開發技術深度解析 一、技術趨勢與演進方向 1.1 構建工具革命 2026年，Vite 6已成為默認構建工具，其基於Rust的Rolldown引擎使構建速度較Webpack提升300%。配合模塊聯邦（Module Federation）特性，可輕鬆實現微前端架構，例如將商品管理、支付系統拆分為獨立子應用動態加載。Vue Admin Better已實現通過單一配置項

css3 , HTML , 前端 , Javascript

收藏 評論

xingchendahai_68d7dff410962 頭像

星辰大海 - 自制版MC

!DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" title大型3D方塊世界/title style * { margin: 0; paddin

HTML

收藏 評論

xingchendahai_68d7dff410962 頭像

星辰大海 - 論如何製作簡易網頁槍械

武器系統製作：從零開始 第一步：先創造一個武器（用HTML） 把武器想象成一個玩具模型，我們先把它做出來。 !-- 這把槍叫"M4"，傷害35，射速10 -- div class="weapon" id="m4" h3M4 突擊步槍/h3 p傷害：span class="damage"35/span/p p射速：span class="fire-rate"10/span/

HTML

收藏 評論

xingchendahai_68d7dff410962 頭像

星辰大海 - 模擬網頁中國象棋模擬對戰

簡介 本程序有人人對戰和人機對戰，歡迎挑戰 源碼 ''' !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" title迷你象棋/title style bod

人工智能 , HTML , Python

收藏 評論

xingchendahai_68d7dff410962 頭像

星辰大海 - 網頁自制數學助手

介紹 本論文的數學助手不做過多講解，因為比較簡單，主要是1，本文屬於AI回答，僅供參考。2，他會跟你秀一段。3,它有一定的思維能力，你可以把不會的數學題發給它 源碼 !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta name="viewport" content="width=device-width,

HTML

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序請求麥克風授權

首先找到manifest.json文件，開啓微信小程序授權請求 "permission": { "scope.record": { "desc": "需要使用麥克風進行語音錄製" // 此處描述需符合微信規範 } } 然後通過uni.getSetting查詢麥克風授權狀態 麥克風的scope值為scope.record，如果已授權則直接返回，若

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

收藏 評論

xingchendahai_68d7dff410962 頭像

星辰大海 - 自制植物大戰殭屍

介紹 1，基本講解 “UTF—8” 防止中文亂碼 "title" 這是網頁標題 “!DOCTYPE”**的作用是聲明這是“HTML5”，防止不同瀏覽器出現報錯信息 ** 如果有不理解的歡迎私信 源碼 !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta name="viewport" conte

HTML , Python

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序長按功能

現在要實現一個按鈕長按的功能，大概有如下幾個要點： 1、長按按鈕，按鈕覆蓋整個輸入框 2、長按的過程中移動手指，判斷手指移動的位置是否在按鈕內 3、長按鬆開，按鈕還原 按鈕結構如下： view id="audio-full" :class="[ 'audio-full', isLongpress 'touch-longpress'

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 流式輸出-建立SSE連接-01

什麼是流式輸出 流式輸出，也稱為流式傳輸，指的是服務器持續地將數據推送到客户端，而不是一次性發送完畢。這種模式下，連接一旦建立，服務器就能實時地發送更新給客户端。 人話講就是跟接口建立連接，只要接口不斷開，服務器就能實時的把信息發送給前端，AI流式輸出中，接口每次返回一小段話，前端拿到後流式渲染即可。 有點類似websocket，但SSE是單向的 fetch-event-source

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 流式輸出-流式渲染-02

現在有很多框架實現了流式渲染，我在這裏例舉幾個： React框架 ● Ant-Design-X Vue框架 ● Element-Plus-X ● MateChat （PC/H5雙端兼容） H5移動端 ● ChatUI-React 這裏以MateChat框架做示例，MateChat是一個獨立的AI對話組件，不與其它UI框架關聯，可直接引入項目使用。 一般的流式渲染分兩種

vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 一個手寫的vue3錄音組件，支持錄音波紋、外觀自定義調節

該組件有兼容問題，MAC上不可用，需注意，這裏僅用來做記錄，如需音頻功能，可使用Recorder.js，方案很成熟。 組件如下： template div class="container" ref="container" canvas id="visualizer" ref="canvas"/canvas /div /template script setup lang=

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端Audio常用API

1、實例化new AudioContext(); 2、AudioContext.decodeAudioData解析音頻 3、創建AudioBufferSourceNode接口source 4、給AudioBufferSourceNode接口提供Buffer用以播放：source.buffer = buffer 5、播放結束後開啓下一輪播放： source.onended =

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

收藏 評論

shuirongshui 頭像

水冗水孚 - React中使用map+area標籤實現img圖片特定區域標記功能（可用Photoshop精準拾取對應點位）

需求描述 前段時間，工作中筆者接到了一個有意思的需求 就是給圖片做特定的交互效果 圖片中有幾個特殊區域 當用户hover特殊區域的時候，高亮 點擊特殊區域的時候，彈框給到一些提示信息 效果圖和線上演示 線上效果演示地址：https://ashuai.site/reactExamples/imagePoint 技術方案選擇 這個需求如果圖片中的特定區域都是矩形 我們完全可以直接

react , jquery插件 , Css , jquery , HTML

收藏 評論

yqyx36 頭像

雲輕雨細 - SEO合規指南：正確的鏈接屬性設置！

本文系轉載，轉載鏈接： SEO合規指南：鏈接中的sponsored+nofollow組合！ 前言 在SEO領域，搜索引擎對鏈接的使用有明確規則。如果你沒有正確標註付費鏈接、沒分清sponsored與nofollow的用法，就可能會被搜索引擎判定為“操縱排名”，導致網站降權甚至被移除索引。 今天就給大家分享一下 sponsored 屬性與 nofollow 屬性的用法，合規避坑。 一、sponsor

seo , HTML

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端recorder-core實時錄音並繪製波形，blob常規數據格式

npm：https://www.npmjs.com/package/recorder-core npm install recorder-core 這裏是常規錄音，每次結束後返回完整音頻blob，中間返回，並且結束後關閉音頻錄製並清空緩存 下面是一個vue3+ts+arco.design的案例，直接複製到項目中運行即可 template div class="snow-page"

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端H5錄音實時幀回調-波形配置- Recorder.js

在H5端我們必須使用canvas作為容器來顯示波紋效果，這在官網上有詳細説明 這裏我定義了一個waveConfig變量用作波形的配置，具體的參數下文寫的很詳細，需要注意一點，compatibleCanvas參數綁定的是canvas容器，而且得是在canvas掛載後才能綁定。 // 創建音頻可視化圖形繪製對象 waveConfig.compatibleCanvas = recw

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - PC瀏覽器端-PCM錄音+實時幀回調+流式上傳-Recorderjs

看到這裏的時候一定要理解並運行上文的《前端H5錄音實時幀回調-波形配置- Recorder.js》，這樣對Recorder有個概念。 1、通過onProcess回調可實現錄音的實時處理，onProcess的buffers參數內容為pcm數組（16位 LE小端模式 Little Endian），能直接流式的將數據進行上傳； 2、onProcess內的buffers參數為所有的PCM集合，

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

收藏 評論