前端
-
Flutter 如何将代码显示到界面上
如何优雅的将项目中的代码,亦或是你的demo代码展示到界面上?本文对使用简单、便于维护且通用的解决方案,进行相关的对比和探究 前言 如何优雅的将项目中的代码,亦或是你的demo代码展示到界面上?本文对使用简单、便于维护且通用的解决方案,进行相关的对比和探究 为了节省大家的时间,把最终解决方案的相关接入和用法写在前面 预览代码 快速开始 接入:pub,github dependencies: code_preview: ^0.1.5 用法:CodePreview,提供需要预览的classNa……2023-05-06 -
Flutter(十) 音频+视频播放
在Flutter中,我们有各种插件可供使用,从而实现音频和视频的播放功能。 例如,可以使用“text_to_speech”插件来将文字转换为语音,使用内置的“video_player”插件轻松地实现视频播放,或者使用“audioplayers”插件实现音频播放。 对于仅需要简单播放器功能的情况,也可以使用第三方插件“chewie”来实现。 一、文字转语音 - text_to_speech text_to_speech官网 pubspec.yaml dependencies: text_to_speech: ^0.2.3 示例 TextToSpeech tts = TextToSpeech(); tts.setRate(0……2023-05-06 -
Three.js 进阶之旅:页面平滑滚动-王国之泪 💧
本文使用 React + Three.js + React Three Fiber 技术栈,实现一个《塞尔达传说:王国之泪》主题风格基于滚动控制的平滑滚动图片展示页面。通过本文的阅读,你将学习到的知识点包括:了解 R3F 中 useFrame hook 及 useThree hook 基本原理及用法;了解 @react-three/drei 库的基本组成,学习使用它提供的 Preload、useIntersect、ScrollControls、Scroll、及 Image 等组件和方法;用 CSS 生成简单的循环悬浮动画等。 声明:本文涉及图文和模型素材仅用于个……2023-05-06 -
JSP 的本质原理解析:”编写的时候是JSP,心里想解读的是 java 源码”
JSP 的本质原理解析:"编写的时候是JSP,心里想解读的是 java 源码" @ 目录 JSP 的本质原理解析:"编写的时候是JSP,心里想解读的是 java 源码" 每博一文案 1. JSP 概述 2. 第一个 JSP 程序 3. JSP 的本质就是 Servlet 4. JSP 的基础语法 4.1 在 JSP 文件中直接编写文字 4.2 在JSP中编写Java程序 与 4.2.1 4.2.2 4.3 通过JSP当中的 向浏览器前端输入 Java变量 4.4 在JSP 中的专业注释 4.5 JSP基础语法总结: 5. JSP的指令 6. JSP的九大内置对象 7. 使用Servlet +……2023-05-03 -
一个WPF开发的、界面简洁漂亮的音频播放器
今天推荐一个界面简洁、美观的、支持国际化开源音频播放器。 项目简介 这是一个基于C# + WPF开发的,界面外观简洁大方,操作体验良好的音频播放器。 支持各种音频格式,包括:MP4、WMA、OGG、FLAC、M4A、AAC、WAV、APE 和 OPUS;支持标记、实时显示歌词等功能;支持换肤、中英文等主流语言。 该播放器直接使用,或者用于学习都是非常不错的选择。 技术架构 1、平台:采用.Net Framework 4.7开发,支持Windows; 2、依赖Windows.winmd,支持Win10+;更低的平台需要安装相关依赖、或……2023-04-30 -
【原型设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 原型模式(Prototype Pattern)是一种创建型设计模式,使你能够复制已有对象,而无需使代码依赖它们所属的类,同时又能保证性能。 这种模式是实现了一个原型接口,该接口用于创建当前对象的克隆。当直接创建对象的代价比较大时,则采用这种模式。 如果你需要复制一些对象,同时又希望代码独立于这些对象所属的具体类,可以使用原型模式。 作用 利用已有的一个原型对象,快速地生成和原型对象一样的实例。 跳过构造函数的约束,便于提升性能。 实现步骤 创建原型接口,并声……2023-04-27 -
iOS开发 – Swift Codable协议实战:快速、简单、高效地完成JSON和Model转换!
Codable 是 Swift 4.0 引入的一种协议,它是一个组合协议,由 Decodable 和 Encodable 两个协议组成。它的作用是将模型对象转换为 JSON 或者是其它的数据格式,也可以反过来将 JSON 数据转换为模型对象。 前言 Codable 是 Swift 4.0 引入的一种协议,它是一个组合协议,由 Decodable 和 Encodable 两个协议组成。它的作用是将模型对象转换为 JSON 或者是其它的数据格式,也可以反过来将 JSON 数据转换为模型对象。 Encodable 和 Decodable 分别定义了 encode(to:) ……2023-04-27 -
Puppeteer+RabbitMQ:Node.js 批量加工pdf服务架构设计与落地
智慧作业最近上线「个性化手册」(简称个册)功能,一份完整的个性化手册分为三部分: 学情分析:根据学生阶段性的学习和考试情况进行学情分析、归纳、总结,汇总学情数据; 精准推荐:推荐算法基于学情数据结合知识图谱进行精准练习题推荐; 错题回顾:错题的阶段性回顾复习。 第一部分学情分析的PDF由Node.js加工,与Java后端通过消息队列RabbitMQ进行数据交互,本文简单记录一下Node.js批量加工PDF服务的架构模式,以及基于现阶段发现的问题,梳理未来的迭代规划和演进方向……2023-04-21 -
如何在 vue3 中使用 jsx/tsx?
我们都知道,通常情况下我们使用 vue 大多都是用的 SFC(Signle File Component)单文件组件模式,即一个组件就是一个文件,但其实 Vue 也是支持使用 JSX 来编写组件的。这里不讨论 SFC 和 JSX 的好坏,这个仁者见仁智者见智。本篇文章旨在带领大家快速了解和使用 Vue 中的 JSX 语法,好让大家在 Vue 中遇到或使用 JSX 的时候能很快入手 JSX 如何用 这里以vite项目为例,要想在项目中使用 JSX,我们需要安装一个插件@vitejs/plugin-vue-jsx,这个插件可以让我们在项目中使用 JSX/TSX npm i @v……2023-04-19 -
【迭代器设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 迭代器模式(Iterator Pattern),是一种结构型设计模式。给数据对象构建一套按顺序访问集合对象元素的方式,而不需要知道数据对象的底层表示。 迭代器模式是与集合共存的,我们只要实现一个集合,就需要同时提供这个集合的迭代器,就像Java中的Collection,List、Set、Map等,这些集合都有自己的迭代器。假如我们要实现一个这样的新的容器,就可以引入迭代器模式,给我们的容器实现一个迭代器。 作用 可以提供多种遍历对象的方式,把元素之间查找调用的责任交给迭代器,……2023-04-18