![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js基础
辛巴没有克
这个作者很懒,什么都没留下…
展开
-
Vue3中ref,reactive,torefs的区别
ref存放原始数据类型 reactive存放object 同样都是数据响应式torefs接收一个对象 将将对象中额属性变为 ref(vls)(也将是将对象的中的每一项都变成响应式)总结 简单理解ref是吧单个数据变为响应式reactive收是将对象变成响应式 对象中的属性不是举例object =reactive({count:0...})...object 展开的属性就会变成普通的数据 但是object.count数据是响应式的torefs 就是将对象中所用的属性都改为响...原创 2021-11-23 09:43:47 · 985 阅读 · 0 评论 -
Vue3跨域代理
1.在根目录上创建一个vue.config.js的文件夹2.// 1. npm run build 打包代码// 2. 把代码给后端// 3. 后端把前端代码放入后端工程// 4. 后端重启后端服务// * 容易出问题的就是下面的配置module.exports = { //devServer.proxy适用于本地开发使用, //生成环境请用第三方代理软件,如nginx。 devServer: { port: 8080, //本机端口号 host: "原创 2021-11-22 09:54:41 · 661 阅读 · 0 评论 -
前端跨域及解决方法
什么是跨域?当一个请求url的协议、域名、端口三者之间的任意一个与当前页面url不同即为跨域当前页面url 被请求页面url 是否跨域 原因http://www.test.com/ http://www.test.com/index.html 否 同源(协议、域名、端口号相同)http://www.test.com/ https://www.test.com/in...转载 2021-11-17 12:12:18 · 135 阅读 · 0 评论 -
react基础(4)
react路由安装npm i react-router-dom导入路由的三个核心组件:Router、Route、Linkimport{ browserRouter as Router,Route,Link} form 'react-router-dom'3.使用Router组件包裹整个应用const app=()=>(<Router><div>content</div></Router>)原创 2021-11-16 11:58:03 · 169 阅读 · 0 评论 -
react基础笔记(3)
高阶组价1,创建一个函数,名称约定以with开头2,制定函数参数,参数应该以大写字母开头3、在函数内部创建一个类,提供复用的状态逻辑代码4,该组件中,渲染参数组件,同时将状态通过prop传递参数displayName 设置高级组件的名称组件名.displayName='withMoues${getDisplayName(wrappdComponent)}'注:如果不设置高阶组价名字 调试时得到的组件名是相同的传递props问题props丢失原因:高阶组价没有往下传递props解决方法:原创 2021-11-16 11:55:22 · 345 阅读 · 0 评论 -
react基础笔记(2)
1.组件的propsprops的作用:接受传递个组件的数据传递数据:给组件标签添加属性接收数据:函数组件通过参数props接收数据,类组件通过this.props接收数据特点1.可以给组件传递任意类型的数据2.props是制度对象,智能读取属性的值,无法修改对象3.注意:使用类组件时,如果写了构造函数,应将props传递个SUPER(),否则无法在构造函数中获取props2 组件通讯父组件传递数据给组件:1父组件提供要传递的state数据2给子组件标签添加属性,值为state中的数原创 2021-11-15 17:39:05 · 502 阅读 · 0 评论 -
react基础笔记(1)
react 创建1. npm i react react-dom2.引用到需要使用的页面二.创建react 元素React.createElement('h1',null,'hello react')参数一:元素名称参数二:元素属性参数N :元素的子节点3.渲染react元素ReactDOM.render(title,document.getElementById('root'))参数一:要渲染的React元素参数二:挂载点React脚手架1.初始化项目npx create-原创 2021-11-15 17:28:02 · 500 阅读 · 0 评论 -
axios个人总结
axios请求方法 :get post put patch deleteget : 获取数据post : 提交数据(表单提交+文件上传)put : 跟新数据 (所有数据推送到后端)patch: 跟新数据(只将要修改的数据推送到后端)delete:删除数据get 两种不同写法axios.get(url).then( (res,{需要传参就在后面加一对象})=>{console.log(res)})axios({method:'get',url:’url‘param...原创 2021-10-31 14:57:40 · 131 阅读 · 0 评论 -
JS中箭头函数的指向问题
//-----------this指向问题----------------//谁调用我我指向谁 const name="1111"var a={ name:'222', say: function () { this.name }} var fun=a.say fun() // 111 方法直接调用this 直接指向window => window.fun() a.say() // 222 this指向a//箭头函数的this是在定.原创 2021-10-31 14:51:41 · 144 阅读 · 0 评论 -
JS函数的预编译
//预编译 //函数创建的阶段就是预编译的阶段 // ----- 预编译中做了生么-------- //在函数作用域创建时会生成一个js的变量对象 也就是Ao对象 供js引擎去访问 //1,创建ao对象 //2,找到形参和变量声明 作为ao对象的属性名 初始值为undefind //3,实参和形参相统一 //4,找函数声明 如果函数命名与形参命名一致则会覆盖形参 function fn( a ,c){ conso...原创 2021-10-31 14:48:36 · 124 阅读 · 0 评论 -
Js防抖函数
//防抖函数当持续出发事件,一定时间内没有在触发事件,事件才会再次执行如果当设定的时间到来之前 又一次出发触发了事件 就重新开始直接看代码<input type="text" id="input"><script>var input = document.getElementById('input')//防抖的函数function debounce(delay,callback){ let timer return function (val原创 2021-10-31 14:42:46 · 2485 阅读 · 1 评论