跨域
摘要：
当你的协议、域名、端口三者任一与当前url不一致的时候，就会出现跨域问题（浏览器的同源策略） 1.Jsonp 主要利用scrpt不用同源策略的影响，但是只支持get请求（目前非主流） 2.CORS（主要依赖于后端） 分为简单请求和非简单请求 简单请求 1.请求方式为GET、POST、HEAD； 2. 阅读全文
posted @ 2024-05-14 13:40 sss大辉 阅读(1) 评论(0) 推荐(0) 编辑
Babel与core-js
摘要：
1.Babel是把ES6的语法转成ES5 比如:const、箭头函数、...(结构)、模板字符串等等 Babel原理 转译分为三阶段： 解析（Parse），将代码解析⽣成抽象语法树 AST，也就是词法分析与语法分析的过程 转换（Transform），对语法树进⾏变换方面的⼀系列操作。通过 babel 阅读全文
posted @ 2024-04-29 22:43 sss大辉 阅读(7) 评论(0) 推荐(0) 编辑
XSS与CSRF
摘要：
1.XSS XSS，跨站脚本攻击，允许攻击者将恶意代码植入到提供给其它用户使用的页面中 XSS预防 1.过滤 在用户输入的过程中，过滤掉用户输入的恶劣代码，然后提交给后端，但是如果攻击者绕开前端请求，直接构造请求就不能预防了 2.不用执行恶意代码 在使用 .innerHTML、.outerHTML、 阅读全文
posted @ 2024-04-28 11:42 sss大辉 阅读(12) 评论(0) 推荐(0) 编辑
响应式原理(Vue3、Vue2)
摘要：
1.Vue3 副作用函数(onMounted、watchEffect) 帮助管理组件中的副作用逻辑，并自动追踪其依赖关系，以确保在数据变化时能够自动触发副作用函数的更新。 会自动追踪被其内部函数引用的响应式数据。当这些数据发生变化时，Vue 3 会自动重新运行副作用函数，确保副作用与数据的状态保持同 阅读全文
posted @ 2024-04-28 11:06 sss大辉 阅读(9) 评论(0) 推荐(0) 编辑
react-redux与toolkitIndex使用
摘要：
1.安装 React-Redux：首先，你需要将 React-Redux 安装到你的项目中。你可以使用 npm 或者 yarn 来安装它： npm install react-redux 2.创建 Redux Store：在你的应用程序中，创建 Redux store 来管理应用程序的状态。你可以使 阅读全文
posted @ 2024-04-08 22:27 sss大辉 阅读(4) 评论(0) 推荐(0) 编辑
react 性能问题和优化
摘要：
某个组件更新,子组件也会一起更新 react更新采用时间切片,vue则是依赖收集 执行更新操作为16ms,如果操过16ms,先暂停更新,让浏览器先渲染 时间切片时间是16ms,因为人眼刷新率约60帧,60hz为16ms 1.避免state改为同样的值(class用PureComponent,函数组件 阅读全文
posted @ 2024-04-08 22:03 sss大辉 阅读(15) 评论(0) 推荐(0) 编辑
react 函数组件和hook
摘要：
函数组件 1.函数组件没有生命周期 2.函数组件没有this 3.函数组件通过hook完成各种操作 4.函数组件本身就是render函数 5.props在函数第一个参数解释 useState 参考https://www.cnblogs.com/ssszjh/p/14581014.html props 阅读全文
posted @ 2024-04-08 22:02 sss大辉 阅读(12) 评论(0) 推荐(0) 编辑
react ref和context
摘要：
ref获取dom context类似provider和injected,用于嵌套很深的爷孙组件传值 子组件使用父组件创建的context对象,不能自己创建 context创建在函数组件和class组件都是一样的 export let Context1 = React.createContext('' 阅读全文
posted @ 2024-04-08 21:57 sss大辉 阅读(5) 评论(0) 推荐(0) 编辑
react 生命周期
摘要：
1.class组件 初次挂载 1.constructor 2.getDerivedStateFromProps 3.render 4.componentDidMount 更新数据 1.getDerivedStateFromProps 2.shouldComponentUpdate 3.render 阅读全文
posted @ 2024-04-08 21:40 sss大辉 阅读(3) 评论(0) 推荐(0) 编辑
react props和插槽
摘要：
1.父子传值、插槽都是基于props 2.在react里父组件给组件传值跟具名插槽并无区别 3.子组件给父组件传值，也是利用props上定义方法，子组件拿到这个方法并传值 4.默认插槽，在子组件通过props.children获取 5.作用域插槽是通过父组件定义一个方法执行，子组件拿到这个方法并传值 阅读全文
posted @ 2024-04-07 11:35 sss大辉 阅读(15) 评论(0) 推荐(0) 编辑
