sss大辉 - 博客园

Provide / Inject

摘要：用于在组件树中传递数据的机制，它们允许祖先组件将数据注入到后代组件中，而不需要通过 props 层层传递。当父组件通过 provide 提供一个响应式数据源时，任何使用 inject 注入该数据源的子组件都会自动接收到更新后的数据 TIPS ：你如果传递普通的值是不具有响应式的需要通过ref 阅读全文

posted @ 2024-08-20 12:00 sss大辉阅读(6) 评论(0) 推荐(0) 编辑

异步组件、suspense、Teleport、transition、transition-group

摘要：异步组件：通过延迟加载组件，只有在需要时才会加载它们。异步组件在大型应用程序中非常有用，因为它们可以减少初始加载时间，并按需加载部分代码。异步组件的常见使用场景路由懒加载：在大型单页应用中，将路由对应的组件设置为异步组件，以减少初始加载时间。按需加载：当页面中某些组件只有在用户触发特定操作时阅读全文

posted @ 2024-08-20 11:17 sss大辉阅读(18) 评论(0) 推荐(0) 编辑

ts 常用api和特性

摘要： typeof 获取变量的类型：在运行时检查变量的类型类型查询：在类型注解中引用现有变量的类型 cont person= { name: 'xman', age: 18 }; type Person = typeof person; // 此时Person类型如下： type Person = { 阅读全文

posted @ 2024-07-07 23:24 sss大辉阅读(33) 评论(0) 推荐(0) 编辑

git fork模式、合并commit、多条commit修改指定的commit

摘要： 1、fork项目在github页面上, 点击fork按钮, 将B的项目拷贝一份到A自己的代码仓库中. 2.克隆A自己的代码仓库到本地.git clone A git remote add upstream <upsteam-url>:添加一个upstream 远程仓库，指向一个公共的代码仓库，通常是阅读全文

posted @ 2024-07-07 23:03 sss大辉阅读(108) 评论(0) 推荐(0) 编辑

core.autocrlf

摘要： Core.autocrlfAutocrlf是一个配置项，用于控制在不同操作系统下的换行符转换。查看core.autocrlf:通过git confg --list查看所有core.autosrlf状态(防止有多个core.autosrlf) 设置core.autocrlfgit config -- 阅读全文

posted @ 2024-07-07 22:53 sss大辉阅读(91) 评论(0) 推荐(0) 编辑

react中useState、useRef、变量之间的区别

摘要：数组件有函数作用域，每次render时，声明的方法会生成新的引用，声明的普通变量会重新声明并赋值初始值，而useRef和useState会保留状态。 1.useState 组件更新不会改变之前的状态，可以保存状态。值变化，会render，视图会更新，setState是异步的，同一个函数内设置的，不能阅读全文

posted @ 2024-06-22 21:00 sss大辉阅读(88) 评论(0) 推荐(0) 编辑

跨域

摘要：当你的协议、域名、端口三者任一与当前url不一致的时候，就会出现跨域问题（浏览器的同源策略） 1.Jsonp 主要利用scrpt不用同源策略的影响，但是只支持get请求（目前非主流） 2.CORS（主要依赖于后端）分为简单请求和非简单请求简单请求 1.请求方式为GET、POST、HEAD； 2. 阅读全文

posted @ 2024-05-14 13:39 sss大辉阅读(3) 评论(0) 推荐(0) 编辑

Babel与core-js

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

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

XSS与CSRF

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

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

响应式原理(Vue3、Vue2)

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

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