![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
问题集
文章平均质量分 66
葡萄糖o_o
一个热爱前端技术的群众。
展开
-
问题记录之前端路由系统
公司的一个项目中使用了根据路由配置生成对应的Route,而配置会存在一份在store中,当store中的RouteConfig变化时,会根据最新的配置来生成最新的试图。因为路由配置系统实现上的一些缺陷本次需要对其就行性能上的一些优化,优化后的路由系统在运行时偶尔会导致页面白屏,在排查后总结一下问题导致的原因和问题的解决方案,和过程中的一些思考,以便后期回归。原创 2022-10-01 20:31:24 · 436 阅读 · 0 评论 -
Access-Ctrol-Allow-Headers:*兼容问题导致的跨域失败
现象:通过抓包看到在部分客户端上跨域的非简单请求只发送一个预检的OPTIONS请求,之后的真实请求并没有发送。出现问题的环境:部分IOS低版本系统。windows系统微信内必现(2020-04-29)。分析通过上面条件OPTIONS请求发送成功,但是实际请求没有发送,可以推断出是服务端相关HTTP头没有设置正确,导致客户端认为服务端不允许当前源上的web应用跨域访问该资源,所以后面真正...原创 2020-05-05 22:10:25 · 2705 阅读 · 0 评论 -
修改webpack的publicPath为动态设置以适配公司活动平台
背景:我们需要将React开发的应用部署到一个活动搭建平台上,这意味我们只需要上传源码,没有搭建服务器的环节,没有配置Nginx的环节。具体步骤就是在该平台新建一个活动,然后将自己的源码传到这个活动下,然后打开这个活动提供的地址,然后就能够看到页面。我们上传的js文件main.js会得到一个js/main.js的路径,然后将这个路径放到html的script标签的src属性上即可。main.c...原创 2020-02-05 16:53:50 · 5823 阅读 · 0 评论 -
safari 音频播放问题
问题描述:点击播放音频按钮发现并没有声音(并不是自动播放,是有用户行为的)。import React, { useEffect, useState, useRef } from 'react'function comp() { let [paused, setPaused] = useState(true) let audioDom = useRef(null) useEffec...原创 2019-12-30 22:35:57 · 2397 阅读 · 0 评论 -
关于页面布局间距使用的经验之谈
在页面布局的时候遇到一个问题在此记录。有如下布局需求。页面上大多数都是这样的,一块一块从上到下排列。块与块之间的间距需要固定由谁来负责。例如第一个块和第二个块之间的间距,就需要第二个块的margin-top完成,文字和第二个块之间的间距由文字的margin-top来完成。这样做的好处是,如果这些块少了一个也不会破坏页面布局。如果,不固定,这个间距一会由上面的margin-bottom,一会由...原创 2019-11-30 23:02:24 · 643 阅读 · 0 评论 -
ES6中块级作用域下的函数声明
背景因为ES5的时候没有块级作用域,所以ES5规定不能再if这样的块中声明函数,但是为了兼容各大浏览器并没有严格遵守这条规定。ES6的时候引入了块级作用域,规定在块级作用域中声明函数就相当于使用let来声明变量一样。但是又因为浏览器端的兼容问题,标准中说明浏览器端的实现可以不完全遵守,有自己的行为,如下:允许在块级作用域内声明函数。函数声明类似于var,即会提升到全局作用域或函数作用域的...原创 2019-10-31 16:31:39 · 715 阅读 · 0 评论 -
记录一次cookie导致登录失败的惨案
现象描述:前端登录成功后并没有从后端那里拿到登录信息,换句话说登录服务告诉我们登录成功了,但是后端却说我们没有登录成功。背景:因为前后端分离,所以前后端项目部署在两个子域名下。因为要打通登录态,需要调用登录服务,登录服务会在 .baidu.com 下写入登录态。前端域名:xxx.baidu.com后端域名:yyy.baidu.com原因:后端拿到的登录态和登录服务下发的登录态不统一...原创 2019-09-28 16:12:10 · 1174 阅读 · 0 评论