- 博客(9)
- 收藏
- 关注
原创 React降版本--最新版本降到17版本
执行以下命令行之后 ,npm i react-dom@17.0.2 --legacy-peer-depsnpm i react@17.0.2 --legacy-peer-deps 。再修改文件index 中的引入方式
2022-12-16 20:43:18
804
2
原创 vuex-persistedstate怎么用
一个vuex的插件包: vuex-persistedstate@3.2.1版本 (配合vue2使用,默认最新版本是配合vue3使用)刷新vuex的值会回归初始化,如果在保存到vuex时,它能自动保存到浏览器本地,默认从浏览器本地取呢?在src/store/index.js中,导入并配置。(数据在哪,操作数据的方法就在哪,)如此便可以实现数据持久化。下载此包到当前工程中。
2022-11-30 14:38:48
1020
5
原创 Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“
将引入方式修改为最新的引入方式,就可以解决了。import * as echarts from 'echarts'
2022-11-27 12:02:58
503
1
原创 解决跨域的方法
借助了script标签里面的src属性,在引入外部资源的时候,不受同源策略的特点,但是巧妙归巧妙,真正开发的时候,用的微乎其微。因为这种做法,是前端人员用点特殊的写法,后端人员也得配合,前端后端一起努力才行,最主要的是,只能解决get请求,post请求解决不了。1、在后端设置请求头,Access-Control-Allow-Origin为*,但是开发中一般不会这么去解决,因为会存在安全隐患,允许了所有人可以访问。2、最经典的解决方案-----jsonp。代理服务器和前端人员的端口号保持一致。
2022-11-20 20:25:39
125
原创 vue开发技巧之.sync
在实际开发过程中,难免遇到父子组件套用,父组件向子组件传值,子组件需要修改父组件传递进来的值。当然,vue也会给你出现如下的报错(避免直接更改属性,因为只要父组件重新渲染,该值就会被覆盖。在这种解决子修改父组件传递的值的思路中,会有一个隐患,就是,你每传过去一个值,绑定需要一行,监听需要一行,那么就是两行代码,如果传两个呢,三个呢,四个呢,就会使父组件中代码变得很长。相当于给props开启了双向数据绑定。解决这个问题的方法是,在子组件的回调函数中派发一个自定义事件,然后在父组件中监听事件。
2022-11-13 16:15:54
808
原创 npm,nvm,cnpm,npx之间的关系以及区别
一个管理NodeJS版本的工具,node版本管理。(下载包需要有一个服务器,国外速度慢,国内淘宝镜像源,每隔10分钟更新一次)npm:node package manager;用于管理node依赖包。cnpm:China, 用于管理node依赖包,镜像源服务器在国内。npx:npm的语法糖,临时下载,安装之后,自动删除安装包。# 设置npm默认源为淘宝镜像。#安装node 最新稳定版。# 查看npm源地址。
2022-11-11 20:09:22
787
1
原创 浅析前端跨域
浏览器将请求发送给代理服务器,因为同源所以不存在问题,再由代理服务器将请求转发给服务器,服务器处理请求,将资源返回给代理服务器,再由代理服务器转发给浏览器。1、jsonp:原理:利用script标签中src属性,在引入外部资源的时候,不受同源策略限制这样的特点,需要前后台一起进行配置,也只能解决get请求问题,其他请求方式不能解决(开发中不常用):浏览器向服务器发送了请求,服务器也接受到了请求,并且会返回数据给浏览器,但是这个时候,浏览器发现请求回来的数据端口不一致,将数据拦截了。跨域仅仅存在与浏览器上。
2022-11-11 19:34:49
1587
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人