遇到的问题以及知识点
我今年六岁
这个作者很懒,什么都没留下…
展开
-
【已解决】ERROR in Failed to load plugin ‘flowtype‘ declared in ‘package.json » eslint-config-react-app‘:
使用脚手架创建的react+ts项目报错我的项目启动后偶尔出现偶尔没有查了一下文章和资料之后解决方案如下在项目中创建一个.eslintrc.json - 即应该遵循的eslink规则文件内容可以为{},也可以自己定义一套规则大致原因应该是这样react没有暴露webpack的配置但是webpack中有一个配置是写死的需要一个用户自己的eslink规则有不对的地方欢迎讨论...原创 2022-04-19 16:45:41 · 3238 阅读 · 2 评论 -
display:flex 下图片变形问题
今天写flex布局时发现图片设置了宽高但是图片还是会变形期望效果实际效果解决方案在图片的css中添加.cell-box .my-cell .cell-value .point_icon { width: 40rpx; height: 50rpx; flex-shrink: 0; // <- margin-right: 8rpx;}flex-shrink指定了 flex 元素的收缩规则默认值为1 不想缩放设置为0就可以了当宽度超出时会更具flex-shr原创 2022-04-02 11:24:07 · 1886 阅读 · 0 评论 -
小程序数组复制-深拷贝
小程序中想要复制一个数组,并且不互相干扰有效方法 let list = [] let list1 = [1,2] list = JSON.parse(JSON.stringify(list1 ));无效方法 let list = [] let list1 = [1,2] list = [...list1] // 无效 list = list1.contact() // 无效...原创 2022-03-31 09:37:06 · 2031 阅读 · 0 评论 -
Cannot find name ‘console‘.(已解决)
学习ts中使用ts-node进行ts的编译运行时遇到的错误Cannot find name 'console'. Do you need to change your target library? Try changing the 'lib' compiler option to include解决方式npm install -g @types/node安装这个库就可以正常进行编译运行了以下是一个知乎大佬的讲解console 不属于 EcmaScript 标准。DOM 里面的 con原创 2022-03-04 11:12:35 · 5329 阅读 · 5 评论 -
nuxt2正确使用less
npm install less less-loader@7.3.0 --save-dev指定loader版本,否则会报错原创 2021-11-15 10:48:26 · 877 阅读 · 0 评论 -
nuxt正确使用vue-awesome-swiper
使用nuxt实现轮播图功能适用得是vue-awesome-swiper这个插件按照官网进行配置不是报错就是样式有问题总结了一下能正常使用的步骤安装插件// 使用3.1.3版本可以不用引入swiper插件npm i vue-awesome-swiper@3.1.3 --save在plugins里创建vue-swiper.jsimport Vue from 'vue'if (process.browser) { const VueAwesomeSwiper = require原创 2021-11-09 17:39:23 · 2580 阅读 · 0 评论 -
nuxt找不到vue-awesome-swiper\dist\ssr.js(已解决)
安装指定vue-awesome-swiper版本即可解决npm install vue-awesome-swiper@3.1.3 --save-devvue-awesome-swiper使用描述注意看下载的Swiper 的版本号// import style (>= Swiper 6.x)import 'swiper/swiper-bundle.css'// import style (<= Swiper 5.x)import 'swiper/css/swiper.css'原创 2021-10-26 15:47:38 · 420 阅读 · 0 评论 -
javaScript forEach跳出循环
错误写法:let list = [1,2,3,4,5]list.forEach(item = >{ if(item == 2) { break; }})forEach中不能使用break跳出循环会报错return也不行,只能不执行本次循环后面的代码,不能跳出循环正确写法:try { let list=[1,2,3,4,5] list.forEach(item=>{ if (item == 2) { throw n转载 2021-03-24 11:38:39 · 222 阅读 · 0 评论 -
react-virtualized onRowsRendered触发两次
bug记录目前还没有解决(痛苦原创 2021-01-07 16:27:15 · 380 阅读 · 7 评论 -
Ant Design Mobile 轮播图(Carousel)显示异常解决方案
学习React中使用Ant Design Mobile 的原创 2020-12-21 09:28:02 · 1974 阅读 · 0 评论 -
小程序报错:SyntaxError: Invalid or unexpected token(已解决)
困扰了好多好多天得报错问题终于解决了这是一个月黑风高得下午我更新完小程序得代码后某些页面就进不去了我看控制台报了如下错误非常纳闷,没有具体报错原因于是乎上百度查找解决方案有很多原因如下1.标签没有闭合2.使用了中文字符3.有未知的符号有同样问题的小伙伴可以先排查上面的原因我根据上面的解决方案排查了很久但是我的项目依旧是这样今天!! 终于!!找到了原因在小程序的项目文件中文件夹不能有中文名称!!!!以上~...原创 2020-07-07 11:51:24 · 26774 阅读 · 8 评论 -
echarts随页面变化响应式变化
无论是vue还是原生或者jq都可以使用首先在页面中定义一个函数监听页面大小变化window.onresize = () => {};在vue中写在mouted里使用echarts的变化大小的apiwindow.myChart1.resize();window.myChart1是echarts的实例对象window.onresize = () => { return (() => { window.myChart1.resize(); })();};原创 2020-06-28 15:59:03 · 1063 阅读 · 4 评论 -
beforeRouteUpdate -- 记录一次卡了很久的bug
beforeRouteUpdate网上找了一个vscode的vue代码片段没仔细看 结果又一个这个函数导致我使用vant的nav组件子路由无法跳转感谢@hsCBY的帮助原创 2020-03-17 22:26:45 · 383 阅读 · 0 评论 -
记录一个现象
发现一个转义字符‎看不见的空格这是显示的文本浏览器控制台显示的微信打开的文字目前正在思考如何将他除去原创 2020-01-02 14:11:27 · 131 阅读 · 0 评论 -
小程序input实现双向数据绑定
给input组件的input事件添加inputWatch事件wepy框架的写法<input @input="inputWatch(weight)" class="input-inline" />js // 输入监听 inputWatch(text, e) { this.bindForm[text] = e.detail this.$apply...原创 2019-10-26 15:11:01 · 1098 阅读 · 0 评论 -
vue动态添加的数据无法实时显示(对象类型)(已解决!)
this.$set(item, 'isadd', false)自己项目中出现的问题响应式显示的问题还没有解决先占着坑 想到方案再来已尝试$set// 强制更新数据 this.$forceUpdate()添加响应式的表格列目前都不能够实现我的需求好文链接好文链接1好文链接2...原创 2019-10-26 14:48:54 · 2234 阅读 · 0 评论 -
在vue中使用a链接下载项目中的文件
在vue中使用a链接下载项目中的文件<a href="../../../static/demo.xls" download="导入模板.xls">点击此处下载模板</a>会出现文件不存在的问题,将需要下载的文件放在static中...原创 2019-10-26 14:44:33 · 7181 阅读 · 0 评论 -
pack.json 的^和~的区别
webpack 项目的package.json 的版本说明在版本说明前面还有个符号:’^’(插入符号)和’~’(波浪符号),他们之间的区别:例如:‘~’(波浪符号):他会更新到当前minor version(也就是中间的那位数字)中最新的版本。放到我们的例子中就是:“exif-js”: “~2.3.0”,这个库会去匹配更新到2.3.x的最新版本,如果出了一个新的版本为2.4.0,则不会自动...原创 2019-10-24 18:53:51 · 1653 阅读 · 0 评论 -
JavaScript中findIndex和indexOf的区别
indexOf 的第一个参数 expect a value,可以用于原始类型的数组findIndex 的一个参数 expect a callback,可以用于复杂数据类型的数组或者查找条件比一个值要复杂的情况转至这里...转载 2019-07-10 20:44:32 · 1038 阅读 · 0 评论 -
Object.assign()方法的使用
Object.assign()方法的使用var newObj ={ 'name':'zhangsan'}var newObj = {}Object.assign(newObj, obj)this.orderList.push(newObj)只是将obj中的属性复制一份给newObj这个可以解决地址冲突的问题记录一下...原创 2019-08-28 10:13:50 · 344 阅读 · 0 评论 -
vuex的使用 快速入门
store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { num:10 }, mutations: { numPlus(state,n){ return state += n } }, actions: {...原创 2019-08-29 14:53:46 · 98 阅读 · 0 评论 -
vue中qs的使用
将对象序列化,多个对象之间用&拼接qs.stringify() 转换成查询字符串将序列化的内容拆分成一个个单一的对象qs.parse() 转换成json对象原创 2019-08-29 17:31:48 · 3779 阅读 · 0 评论 -
vue路由跳转携带参数
<van-grid-item v-for="(item,index) in list" :key="index" @click="toGoodOrder(index)">需要跳转的组件添加点击事件,将需要的参数传入在点击事件中写// 点击跳转购买商品页面 toGoodOrder (id) { this.$router.push({ path:...原创 2019-08-31 09:42:49 · 1009 阅读 · 0 评论 -
vue跳转的动画
原文链接需要transition 标签包裹<transition name="slide-fade"> <router-view></router-view></transition>在样式里添加.slide-fade{ position: absolute;left:0;right: 0;}.slide-fade...转载 2019-08-31 09:50:59 · 148 阅读 · 1 评论 -
数组中的some方法
Array.some(callback)some会遍历数组中的每个元素,让每个值都执行一遍callback函数如果有一个元素满足条件,返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素,则返回false。注意: some() 不会对空数组进行检测。注意: some() 不会改变原始数组。var flag = this.books.some(item=>{ ...原创 2019-07-09 17:02:59 · 13709 阅读 · 2 评论