04 2024 档案

Babel与core-js
摘要:1.Babel是把ES6的语法转成ES5 比如:const、箭头函数、...(结构)、模板字符串等等 Babel原理 转译分为三阶段: 解析(Parse),将代码解析⽣成抽象语法树 AST,也就是词法分析与语法分析的过程 转换(Transform),对语法树进⾏变换方面的⼀系列操作。通过 babel 阅读全文

posted @ 2024-04-29 22:43 sss大辉 阅读(274) 评论(0) 推荐(0) 编辑

XSS与CSRF
摘要:1.XSS XSS,跨站脚本攻击,允许攻击者将恶意代码植入到提供给其它用户使用的页面中 XSS预防 1.过滤 在用户输入的过程中,过滤掉用户输入的恶劣代码,然后提交给后端,但是如果攻击者绕开前端请求,直接构造请求就不能预防了 2.不用执行恶意代码 在使用 .innerHTML、.outerHTML、 阅读全文

posted @ 2024-04-28 11:42 sss大辉 阅读(18) 评论(0) 推荐(0) 编辑

响应式原理(Vue3、Vue2)
摘要:1.Vue3 副作用函数(onMounted、watchEffect) 帮助管理组件中的副作用逻辑,并自动追踪其依赖关系,以确保在数据变化时能够自动触发副作用函数的更新。 会自动追踪被其内部函数引用的响应式数据。当这些数据发生变化时,Vue 3 会自动重新运行副作用函数,确保副作用与数据的状态保持同 阅读全文

posted @ 2024-04-28 11:06 sss大辉 阅读(37) 评论(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大辉 阅读(48) 评论(0) 推荐(0) 编辑

react 性能问题和优化
摘要:某个组件更新,子组件也会一起更新 react更新采用时间切片,vue则是依赖收集 执行更新操作为16ms,如果操过16ms,先暂停更新,让浏览器先渲染 时间切片时间是16ms,因为人眼刷新率约60帧,60hz为16ms 1.避免state改为同样的值(class用PureComponent,函数组件 阅读全文

posted @ 2024-04-08 22:03 sss大辉 阅读(27) 评论(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:01 sss大辉 阅读(24) 评论(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大辉 阅读(51) 评论(0) 推荐(0) 编辑

react 生命周期
摘要:1.class组件 初次挂载 1.constructor 2.getDerivedStateFromProps 3.render 4.componentDidMount 更新数据 1.getDerivedStateFromProps 2.shouldComponentUpdate 3.render 阅读全文

posted @ 2024-04-08 21:39 sss大辉 阅读(15) 评论(0) 推荐(0) 编辑

react props和插槽
摘要:1.父子传值、插槽都是基于props 2.在react里父组件给组件传值跟具名插槽并无区别 3.子组件给父组件传值,也是利用props上定义方法,子组件拿到这个方法并传值 4.默认插槽,在子组件通过props.children获取 5.作用域插槽是通过父组件定义一个方法执行,子组件拿到这个方法并传值 阅读全文

posted @ 2024-04-07 11:35 sss大辉 阅读(72) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示