2023-05-02 前端日常-基于React-Router(V6)的权限控制 React 前端 在一个后台管理系统中,安全是很重要的。不光后端需要做权限校验,前端也需要做权限控制。我们可以大致将权限分为3种: 接口权限、页面权限、按钮权限。 在这当中,前端主要关注点则是页面权限,按钮权限,而前端做这些的主要目的则是: 禁止用户访问一
2023-04-28 cookie详解 网络 前端 Cookie相关知识 github 掘金 常见问题主域名可以访问子域名的cookie吗?在浏览器中,主域名是无法直接访问子域名的 cookie 的,这是由同源策略所限制的。同源策略要求两个页面只有在协议、主机和端口号都相同的情况下,才能互
2023-04-22 前端性能优化篇 前端 你会用什么工具来查找代码中的性能问题? Network 首先可以通过Network查看各类资源的响应时间,看看是否是后端接口过慢导致的过慢。 Performance 可以通过 Performance 来记录页面的渲染快照。如果是首页加
2023-04-22 JavaScript常见问题 JavaScript 前端 闭包 和 作用域作用域作用域是指在程序中定义变量的区域,作用域规定了变量与函数的活动范围。 在es6之前,js中只有全局作用域和函数作用域。在这之后,引入了let 和 const ,它们会创建块级作用域。 在函数调用栈中,当内部函数查找一个
2023-04-22 浏览器相关知识 浏览器 前端 浏览器的工作原理https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/ CSS css外部资源的由独立的线程异步加载 css会阻塞DOM渲染,不会阻塞解析。因为渲
2023-04-22 Axios源码学习 网络 前端 axios中统一的封装了如下的问题 支持浏览器请求 XMLHttpRequests 请求 支持node中的http模块的请求 http 请求 支持 Promise API 可以拦截请求和响应 转换request和response数据 取消请
2023-04-22 使用Typescript和rollup开发一个工具库,并使用github actions来自动发布npm包 工程化 前端 在日常开发中,经常会遇到一些通用的逻辑,导致每次都需要复制粘贴。而我们作为coder,可以将一些常用业务逻辑封装成通用的函数库,并发布到npm中。这样,每次遇到新的项目时,只需要 install一下即可 这里我们已经有了一个fe-utils
2023-04-22 如何搭建一个前端开发环境(五):状态管理库Redux和Axios请求配置 工程化 前端 前端开发配置系列文章的github仓库为: https://github.com/SaebaRyoo/webpack-config ,如果您在看的过程中发现了什么不足和错误,感谢您能指出! redux为什么使用在一个中大型的项目中,统一的状
2023-04-22 如何搭建一个前端开发环境(六):如何优化webpack? Webpack工程化 前端 前端开发配置系列文章的github仓库为: https://github.com/SaebaRyoo/webpack-config ,如果您在看的过程中发现了什么不足和错误,感谢您能指出! 作为一个前端开发,Webpack一定不陌生,在前端
2023-04-22 如何搭建一个前端开发环境(四):配置React-Router并对代码进行分割和动态import 工程化 前端 前端开发配置系列文章的github仓库为: https://github.com/SaebaRyoo/webpack-config ,如果您在看的过程中发现了什么不足和错误,感谢您能指出! React Router 快速了解React Ro