Yang's Blog

摘要： 本次开发的web页面需要适配移动端，第一个版本在发布到线上，发现ios设备一直打不开网页，无论是自带的safari浏览器还是其他浏览器，页面经常出现“***页面重复出现错误”，但是在本地以及使用PC浏览器模拟都没有复现该问题。为了进行线上的调试查询了一下如何在windows上调试ios的浏览器web 阅读全文

摘要： 在开发H5页面时，iOS Safari浏览器常常会遇到页面内容被底部工具栏遮挡的问题。这不仅影响用户体验，还可能导致一些功能无法正常使用。最典型的就是safari将底部的工具栏也认为是视窗的一部分，所以会出现底部被遮挡的情况： 1. 使用CSS调整页面高度 1.1 通过CSS媒体查询调整高度 可以通 阅读全文

摘要： 前端实现多语言国际化 1. 定义多语言文本对象 首先，我们可以定义一个包含多种语言的文本对象。例如，支持中文和英文： const texts = { en: { TEXT_0: "Hello, World!", TEXT_1: "Welcome to our application.", }, zh 阅读全文

摘要： 在现代的前端应用中，浮动面板是一个非常常见的UI组件，它能够为用户提供额外的信息和操作空间，同时又不会占据页面的主要内容区域。本文将详细记录如何实现一个带有锚点功能和可拖拽顶栏的浮动面板。 设计思路 这个浮动面板将由三个主要部分组成：父元素（floating-panel）、标头（floating-p 阅读全文

摘要： 在使用React框架构建单页应用时，页面刷新后状态丢失是一个常见的问题。对于使用MobX作为状态管理的单页应用，解决这一问题尤为关键。以下是几种可行的解决方案： 一、浏览器本地存储 1. localStorage/sessionStorage localStorage是浏览器提供的一种持久化存储方式 阅读全文

摘要： 引言 在前端项目部署到生产环境后，我们可能会遇到页面空白的问题，而浏览器控制台中出现的错误提示往往是关键线索。本文将详细解析一个常见的错误提示：Refused to execute script from "**" is not executable, and strict MIME type ch 阅读全文

摘要： 1. 引言 背景介绍： 前端脚手架的目的在于提高前端开发的效率和一致性 ，节约一些重复性工作，例如：编译、打包、代码检查，避免了从零开始搭建项目框架的繁琐工作。 需求分析： 项目创建与初始化： 创建新的项目目录结构。 初始化基本的项目文件，如index.html、package.json等。 依赖安 阅读全文

摘要： 现状： 项目是通过web-view内嵌在小程序里的H5页面，然而发布新版本之后，在小程序入口进去看到的还是旧页面 原因： 通用缓存原理 浏览器每次发起请求，都会先在浏览器缓存中查找该请求的结果以及缓存标识 浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存 web-view组件就是嵌在 阅读全文

摘要： 1. 前情回顾 基于之前的需求，我们的聊天中包含一些简单的交互功能，例如语音转文本： 用户点击语音识别按钮，前端进行语音转文字操作，此时页面展示“Please Talk, I am listening”的消息，消息的左侧包含动画效果 再次点击语音识别按钮，将转换后的文字展示出来，供用户确认 用户点击 阅读全文

摘要： 简介 在现代技术驱动的世界中，语音识别已成为人机交互的重要方式。Microsoft Azure Speech Service 提供了强大的语音转文本功能，允许开发者轻松地将语音数据转换为文本。本文将指导你如何使用 Azure Speech Service 实现语音转文本的功能。 Microsoft 阅读全文