「 WEB 」 二月 09, 2025

一图背单词

文章字数 2.8k 阅读约需 3 mins.

拍摄一张包含英文单词(词组、句子)的图片,通过 扣子 中的智能体:一图背单词 上传并设定 tag,之后在 word-practice 中进行随机练习。

手写要练习的单词(手写体识别效果依据清晰...

查看全文

「 WEB 」 六月 23, 2024

Web Speech API 之 Speech Synthesis

文章字数 11k 阅读约需 10 mins.

Speech synthesis(语音合成,也被称作是文本转为语音,英语简写是 TTS)包括接收 app 中需要语音合成的文本,再在设备扬声器或音频输出连接中播放出来这两个过程。

Web Speech API 对此有一个主要控制接口 —— SpeechSynthesis ,外加一些处理如何表示要被合成的文本 (也被称为 utterances),用什么声音来播出 utterances 等工作的相关接口。同样的,许多操作系统都有自己的某种语音合成系统,在这个任务中我们调用可用的 API 来使用语音合...

查看全文

「 WEB 」 三月 24, 2024

Lottie in Action

文章字数 50k 阅读约需 45 mins.

Lottie 是什么?

简单来说,它是一种使用 JSON 表示的动画格式,由 Airbnb 推出。

  • 具有更小的文件尺寸

  • 无限缩放

  • 跨平台、易使用

  • 动画元素可响应交互事件

  • LottieDocs 是关于 Lottie 格式的指南文档站点。
  • LottieFiles 是一个让动画制作者和开发者即时创作、测试、分享及展示 Lottie 动画作品的网站。
  • dotLottie 是一个开源文件格式,可以聚合一个或多个 Lottie 文件及其关联资源至一个压缩的 .lottie...
查看全文

「 WEB 」 四月 09, 2023

OpenVidu —— 可在内网环境使用的开源 WebRTC 视频会议平台

文章字数 10k 阅读约需 9 mins.

OpenVidu 是一个基于 Apache 2.0 协议的开源 WebRTC 视频会议平台,主仓库地址:https://github.com/OpenVidu/openvidu 。

OpenVidu 提供一套简单、高效、易于使用的 API 接口,将 WebRTC 的底层操作进行了封装及屏蔽,只需引入 OpenVidu 的服务端和客户端处理媒体流,兼容多种平台、前后端框架,并配有丰富的文档、教程及示例应用。

OpenVidu 有 CE、Pro、Enterprise 三个版本,CE 版本是开源并...

查看全文

「 WEB 」 三月 19, 2023

HTTrack 克隆网站至本地

文章字数 6.1k 阅读约需 6 mins.

可能有时我们会希望将整个静态网站克隆至本地,比如在一个纯内网或离线环境中阅读当前最新的 Spring Framework v6.0.6 的 官方文档。

HTTrack 就是这样一个工具,能够以一个 URL 为入口,将其中包含的几乎全部(深度 9999)静态资源都抓取回来,并将包含该站点的链接修改为相对链接,以便于在本地进行导航浏览。

完成首次克隆后,还可以再次执行进行更新,实现对站点的定时镜像。

在 HTTrack 的 Download 页面选择适合的版本安装后,即可在命令行中使用。

HTTrack...

查看全文

「 WEB 」 二月 19, 2023

使 nip.io 域名在纯内网环境可用

文章字数 4.5k 阅读约需 4 mins.

在 简单,却伟大 中,我们介绍了几个非常简单,但又非常强大的 DNS 解析服务,如 nip.io、sslip.io、localtest.me 等。

然而在 K8s 集群内部,或没有 DNS 服务的纯内网环境中,我们却无法直接使用这些服务。

那就只能回归到挨个域名配置 host 的原始方式了吗?不!有一个能解析这类域名的 DNS 服务就可以了。

CoreDNS 是一个用 Go 编写的灵活可扩展的 DNS 服务器,是 CNCF 的毕业项目。可通过 Kubernetes 插件 集成至 Kubernetes...

查看全文

「 WEB 」 十月 02, 2022

【转】跨域(CORS)问题分析与解决方案

文章字数 6.5k 阅读约需 6 mins.

原文地址:跨域(CORS)问题分析与解决方案

新创建一个 VUE 工程,使用 fetch 函数(如下所示) 调用后台 GET 接口,希望能够在后台获得到响应。

fetch('http://127.0.0.1:8080/api/amber/userinfo/hello')
  .then(response => response)

当浏览器访问:http://127.0.0.1:8181/#/ 就出现了问题:后台能够接到请求,但返回响应被浏览器拦截。
查看浏览器的 NETWORK ...

查看全文

「 WEB 」 六月 06, 2021

简单,却伟大

文章字数 2.6k 阅读约需 2 mins.

Web 开发时,会有需要使用域名的时候,比如以下两个场景:

  1. 需要模拟跨域访问
  2. 由于网络等限制只能有一个可以访问的 ip 和端口,却需要提供多个相同 context path 的服务

使用 127.0.0.1 和 localhost 可以解决第一个场景的一部分问题,但需要多个域的时候,或者第二个场景,就无能为力了。

虽说可以修改本地的 hosts 文件,将不同域名映射到指定 ip 上,但麻烦不说,在访问非本地服务时,也不容易让所有使用的人都修改 hosts。

下面介绍几个简单,却非常有效的 DNS...

查看全文

「 WEB 」 五月 30, 2021

Cookie 的同源和同站

文章字数 6.2k 阅读约需 6 mins.

存储在浏览器中的数据,如 localStorage 和 IndexedDB,是以 源(origin) 进行分割的。每个源都拥有自己单独的存储空间,一个源中的 JavaScript 脚本不能对属于其它源的数据进行读写操作,即所谓的 同源策略(SOP)。

然而 Cookie 在受同源策略约束时,使用不同的源的定义方式。

通常来讲:

同源(Same origin),意味着 scheme/host/port 三元组完全相同。任意一部分不同,即为跨源(cross-origin,或称为跨域)。

而根据 ...

查看全文

「 WEB 」 五月 23, 2021

SOP、CORS 和 CSRF、XSS

文章字数 7.6k 阅读约需 7 mins.

在 Origin 和 Site 中,我们介绍了 源 和 站 的概念,这两个概念在浏览器的安全策略中有着广泛的应用,接下来再介绍几个与之相关的概念。

Same Origin Policy(SOP),同源策略,是浏览器的一个重要安全机制,用来限制从某一 Origin(源)加载的文档或脚本,如何与其他源中的资源进行交互。它能帮助隔离潜在的恶意文档,减少被攻击的可能。

跨源网络访问

跨源网络访问,通常分为三类:

  1. 跨源写操作(Cross-origin writes):通常是被允许的,例如链接、重定向,以及...
查看全文
加载更多
0%