平时开发遇到的问题

最新推荐文章于 2024-03-31 23:32:31 发布
原创 最新推荐文章于 2024-03-31 23:32:31 发布 · 305 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

1.video视频ios无法播放

ios和安卓对视频请求字节不一样。需要后端对视频输出进行断点续传 

2. 切换清晰度，指定特定时间播放

视频流无法快进导致 

3.修改iframe内页面

跨域页面无法修改。进行css遮盖, 或者传参数，在被套页面进行调整 

4.通用组件内window.xx事件，后面的页面会覆盖前面的事件，导致只最后一个显示的组件生效

用addEventListener绑定，可以绑定多个，不会覆盖

5.设置1rem=10px时, 1rem显示成12px

 谷歌浏览器最小字体为12px，小于这个标准都会按12显示。调整rem基数

6.接口返回response和preview数据不一样

因为数据为Long型，返回给浏览器以后，浏览器转换数据格式的时候出现问题。

解决方案：返回数据之前就将数据转换为字符串，这样结果就是正确的。 

7. 实现tab组件，hover进行选中态, 移入一级, 二级, 三级要组件默认的hover效果, 移出的时候，要根据上次点击的内容进行选中态修复。

思路：mouseout进行数据对比修复选中态

如果使用onmouseout，进入子盒子也会触发父盒子的out事件。会触发父盒子的out逻辑，就算写延时处理，需要对所有的子盒子进行绑定，然后清除父盒子的延时函数, 很麻烦。

使用onmouseleave事件。离开大盒子时触发，进入子盒子不会触发。就可以完美的将移出逻辑统一处理了

8 . vue用watch观察对象的属性改变，不被触发

https://blog.youkuaiyun.com/bangbDIV/article/details/114625343?spm=1001.2014.3001.5501

9. 欧朋浏览器 axios请求不进入then,catch后续处理

问题现象：一个弹层页面，在弹层页面点击一个提交，然后关闭弹层，触发外部列表刷新。但是列表请求network中是有的，但是axios后续逻辑不执行。也不报错。

原因：关闭弹窗和请求外部列表没有产生线程间隔，欧朋浏览器认为axios是个无用的请求，结束后就给取消了任务执行。

解决办法：关闭弹层之后 ，setTimeout内触发列表请求，就可以了。

IOS 使用video标签无法调整音量
weixin_42401268的博客
04-26 975
ios使用video标签，播放直播视频，视频流格式为 m3u8 ，默认的解码器无法解码。导致没有实际的视频内容画面。通过volume属性控制音量大小，在videojs中则是通过volume方法来获取和修改音量大小。验证是否是系统问题，在安卓机上测试，没有问题，可以通过volume修改音量大小。获取到的值是修改过后的值，但是通过拖动音量条，音量大小没有发生变化。猜测是ios的限制，去mdn查看属性的描述和各系统的支持情况。就算设置为0，音量大小也没有发生变化。所以只能通过原生去控制系统音量的大小。
精选资源
patch.7z用于修改平时遇到的问题
09-17
在软件开发和维护中，当用户或开发者发现软件有bug或其他不正常行为时，开发团队会发布补丁来解决这些问题。这些补丁通常包含了一段修改后的代码，当应用到原始程序上时，可以修正错误，改进功能，或者增强安全性。 ...
IOS-使用AVAudioPlayer播放音乐文件无声音
宇宙神帝
04-01 3545
// // ViewController.m // 静音键播放音乐-IOS // // Created by Weblogic on 16/4/1. // Copyright © 2016年 Weblogic. All rights reserved. // /* * *注意：如果播放失败，请注意检查： * 1，是否将AudioPlayer声明为全局变量； * 2，本地音
前端和后端，谁更容易产生Bug？
h1453586413的博客
09-27 352
BUG，是每位程序员在职业生涯中都会遇到的问题，而在前端和后端开发中，一个备受争议的话题是：前端产生的BUG是否比后端要多？这个问题看似简单，却引发了无数激烈的讨论和辩论。当你坐在电脑前编写前端代码时，或许曾想过：为什么前端看似简单的任务也会产生那么多的BUG呢？为什么有人认为前端比后端更容易出错？在本文中，我们将深入探讨这个问题的方方面面。我们将研究前端和后端开发在不同方面的差异，以及这些差异如何影响BUG的产生。前端开发指的是在浏览器或移动设备上运行的用户界面层的开发。
iOS 音频开发AVAudioPlayer的使用，音效播放AudioServicesPlaySystemSound使用
搬砖
12-21 2495
音频开发AVAudioPlayer的使用 AVAudioPlayer是iOS系统自带的可以播放本地mp3文件的一个类，（注意：只能播放本地） 参考：http://www.jianshu.com/p/589999e53461 1，先导入库AVFoundation/AVFoundation.h 并进行代理AVAudioPlayerDelegate 2，把将要播放的mp3文件导入工程 下面贴代
前后端所遇到的问题以及
2303_78557986的博客
03-31 419
出现以上错误时，可能时我们的文件权限不够，我们按照下面顺序将文件的权限打开，首先，打开文件夹的属性，找到安全，点击编辑将写入、修改等权限点击允许，按照上述方法，将涉及到到的文件，打开相应的权限，然后再去npm install之后就会成功。当运行完npm run dev 出现网址后但是当我们打开网页后，验证码却刷新不出来，这时候我们就需要下载一个redis，当我们下载完之后，还是会出现《网络连接错误》的提示。这时候我们需要检查一下我们的redis是否下载成功，以及运行。
开发过程中遇到的问题整理
weixin_40857858的博客
06-26 1062
Elasticsearch时区问题
对于前端开发，记录平时遇到的问题
会点php的前端小渣渣
12-02 714
平时遇到的问题，2021-12月2号开始记录
电脑平时遇到小问题及解决[借鉴].pdf
10-12
在日常使用电脑的过程中，我们可能会遇到各种各样的小问题，这些问题虽然不会严重影响电脑的正常使用，但确实会给我们的工作和娱乐带来不便。以下是一些常见的电脑问题及其解决方法： 1. 麦克风插入音响孔后只有...
Android开发中遇到的重难点解析，还包括平时的读书笔记和知识点整理.zip
12-05
Android开发中遇到的重难点解析，还包括平时的读书笔记和知识点整理#Android重点解析Android开发中遇到的重难点解析，还包括平时的读书笔记、知识点整理、面试等。如果您想回答我的问题，或者想回答我的问题，可以...
工具类集合，适用于平时开发
03-29
"工具类集合，适用于平时开发"的标题和描述暗示了这是一组实用的代码库或者模块，其中包含了各种常见开发任务的简化函数或方法，旨在提高开发效率并减少代码冗余。在这个压缩包中，我们可以看到两个文件：`...
自己平时记录的一些开发中遇到的问题以及解决方案
04-03
自己平时记录的一些开发中遇到的问题以及解决方案，是CHM版的。各种语言都有，如：JSP，J2EE，ASP.NET，ASP ，PHP，SQLSERVER，等
Java后端接口返回视频流，使用video组件播放视频，实现分段下载
u011250186的博客
12-14 1万+
Java后端接口返回视频流，使用video组件播放视频，实现分段下载
中文汉字转换拼音功能实现
热门推荐
bangbDIV的博客
11-22 4万+
封装好了，上传了npm包，可直接引入使用 npm包地址import pinyin from 'hl-c2py'pinyin.getFullChars(value) 汉字翻译为拼音，其中每一个字的首字母大写pinyin.getCamelChars(value) 汉字翻译为拼音，得到全拼大写首字母pinyin.getCamelCharsLower(value) 汉字翻译为拼音，得到全拼小写首字母.........
js生成指定长度的数组
bangbDIV的博客
05-30 3万+
let a = new Array(100).join(',').split(',')
elementUI table树形表格默认展开
bangbDIV的博客
05-10 1万+
mounted() { this.expandAll() } mothods: { expandAll () { const els = this.$el.getElementsByClassName('el-table__expand-icon') for (let i = 0; i < els.length; i++) { el...
video在ios不能播放
bangbDIV的博客
08-21 1万+
我之前的做法是，请求一个视频链接，返回一整个视频文件。 安卓机是没问题的，但是ios播放有问题 对于ios来说，他不是一次性请求全部文件的，一般首先会请求0-1字节，这个写在request header的"range"字段中： range:'bytes=0-1' 如果是想要传输视频，必须要解析range字段，然后按照range字段的要求返回对应的数据，同时response header至少要包含...
element-ui 动态表单规则，初始化规则报红提示解决
bangbDIV的博客
04-14 8305
今天在做一个动态表单规则的需求, 但是赋值给rules规则值之后，初始化的时候，表单就会检验报红。 解决办法如下： const ruleObj = { date1: [ { required: val, message: '请选择开始日期', trigger: 'change' } ], date2: [ { required: val, message: '请选择截止日期', trigger: 'change' } ], } this.rules =
React Hooks在平时开发中需要注意的问题和原因 ？
最新发布
07-25
在使用 React Hooks 进行开发时，需要注意以下几个常见问题及其原因分析： ### 1. **只在顶层调用 Hooks** React 要求在函数组件或自定义 Hooks 中只能在最顶层调用 Hooks，不能在条件语句、循环或嵌套函数中调用。这是因为 React 依赖 Hooks 的调用顺序来保持状态的一致性。如果在条件语句中调用 Hooks，可能会导致状态混乱或出现意外行为。例如，以下代码会导致错误： ```javascript function ExampleComponent({ condition }) { if (condition) { const [state, setState] = useState(0); // ❌ 错误：不能在条件语句中调用 useState } } ``` 正确的做法是将条件逻辑放在 Hooks 之外，确保 Hooks 的调用顺序始终保持一致： ```javascript function ExampleComponent({ condition }) { const [state, setState] = useState(condition ? 0 : null); // ✅ 正确：条件逻辑在初始化时处理 } ``` ### 2. **避免在循环、条件或嵌套函数中调用 Hooks** Hooks 的调用顺序必须在每次渲染时保持一致，否则 React 无法正确维护状态。例如，以下代码会在不同渲染中导致 Hooks 的调用顺序不一致，从而引发错误： ```javascript function ExampleComponent({ count }) { if (count > 0) { const [state, setState] = useState(0); // ❌ 错误：在条件语句中调用 Hooks } } ``` 解决方法是确保 Hooks 的调用位置固定，避免将其放在条件语句、循环或嵌套函数中。可以通过将条件逻辑移到 Hooks 之外来解决： ```javascript function ExampleComponent({ count }) { const [state, setState] = useState(0); if (count <= 0) { return null; // ✅ 正确：Hooks 调用顺序保持一致 } } ``` ### 3. **避免不必要的重新渲染** 使用 `useEffect` 时，如果依赖项数组未正确设置，可能会导致组件频繁重新渲染，影响性能。例如，以下代码会在每次组件更新时都触发副作用： ```javascript function ExampleComponent() { const [count, setCount] = useState(0); useEffect(() => { console.log("Count changed"); }, []); // ❌ 错误：依赖项数组为空，副作用仅在挂载时执行 } ``` 为了确保副作用仅在特定依赖项变化时执行，应明确指定依赖项数组： ```javascript function ExampleComponent() { const [count, setCount] = useState(0); useEffect(() => { console.log("Count changed"); }, [count]); // ✅ 正确：副作用仅在 count 变化时执行 } ``` ### 4. **循环引用问题** 在使用 React Hooks 时，可能会遇到循环引用问题，即两个组件相互引用，导致无法正确渲染。为了避免循环引用，可以使用 `React.lazy` 和 `Suspense` 来按需加载组件。例如： ```javascript const LazyComponent = React.lazy(() => import('./LazyComponent')); function ParentComponent() { return ( <React.Suspense fallback="Loading..."> <LazyComponent /> {/* ✅ 正确：使用 React.lazy 和 Suspense 避免循环引用 */} </React.Suspense> ); } ``` ### 5. **合理使用 `useEffect`** `useEffect` 是处理副作用的强大工具，但不当使用可能导致性能问题或逻辑错误。例如，以下代码会在每次组件更新时都执行副作用： ```javascript function ExampleComponent() { const [count, setCount] = useState(0); useEffect(() => { console.log("Component updated"); }); // ❌ 错误：缺少依赖项数组，副作用在每次渲染时都执行 } ``` 为了解决这个问题，应根据需要指定依赖项数组： ```javascript function ExampleComponent() { const [count, setCount] = useState(0); useEffect(() => { console.log("Count changed"); }, [count]); // ✅ 正确：副作用仅在 count 变化时执行 } ``` ### 6. **使用自定义 Hooks 复用逻辑** 自定义 Hooks 是复用逻辑的有效方式，但需要注意保持 Hooks 的单一职责原则。例如，以下自定义 Hooks 可以用于管理表单状态： ```javascript function useForm(initialValues) { const [values, setValues] = useState(initialValues); const handleChange = (e) => { setValues({ ...values, [e.target.name]: e.target.value }); }; return { values, handleChange }; // ✅ 正确：自定义 Hooks 管理表单状态 } ``` 在组件中使用自定义 Hooks： ```javascript function LoginForm() { const { values, handleChange } = useForm({ username: '', password: '' }); return ( <form> <input name="username" value={values.username} onChange={handleChange} /> <input name="password" value={values.password} onChange={handleChange} /> </form> ); } ``` ### 7. **避免不必要的重新渲染** 使用 `useMemo` 和 `useCallback` 可以优化性能，避免不必要的重新渲染。例如，以下代码可以避免在每次渲染时都创建新的函数： ```javascript function ExampleComponent({ count }) { const memoizedCallback = useCallback(() => { console.log(count); }, [count]); // ✅ 正确：使用 useCallback 避免不必要的函数创建 } ``` 同样，`useMemo` 可以用于避免在每次渲染时都重新计算值： ```javascript function ExampleComponent({ a, b }) { const memoizedValue = useMemo(() => { return a + b; }, [a, b]); // ✅ 正确：使用 useMemo 避免不必要的计算 } ``` ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值