- 博客(96)
- 收藏
- 关注
RSS订阅原创 数据结构-使用ts创建一个栈
`tips:使用数组的时候，大部分方法的时间复杂度一般是O(n)。O(n)的意思是，我们需要迭代整个数组直到找到要找的那个元素，再最坏的情况下需要迭代数组的所有位置，n代表的数据的长度。`
2022-06-21 15:01:07
247
2
原创 【已解决】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
3158
2
原创 TypeScript中的映射类型
映射类型基于就类型创建新类型（对象类型）映射类型十基于索引签名类型的，所以，该语法类似于索引签名类型，也使用[ ]key in PropKeys 表示key可以是PropKeys联合类型中的任意一个，类似于for in注： 映射类型只能在类型别名中使用们不能在接口中使用type PropsKeys = 'a' | 'b' | 'c'// interface Type1 {// [Key in PropsKeys]:number //映射类型只能在类型别名中使用们不能在接口中使用/
2022-04-19 16:44:37
1080
原创 TypeScript中的索引签名类型
索引签名类型使用场景：当无法确定对象中有那些属性(或对象中可以出现任意多的属性)使用[key:string] 来约束该接口中允许出现的属性名称。表示只要是string类型的属性名称，都可以出现在对象中key只是一个占位符，可以换成任意合法的变量名称 interface AnyObject { [key:string]:number}let obj1:AnyObject ={ '1':11, // 's':'ss'}// ||// \/interface A
2022-04-19 16:36:40
1331
原创 TypeScript中的泛型
泛型在保证类型安全的前提下，让函数等与多种类型一起工作，从而实现服用，常用于：函数、接口、class中简单例子需要一个函数，实现传入什么数据就返回该数据本身，即参数和返回值类型相同 function fn<T>(value: T): T { console.log(value) return value } type obj = { name: string age?: number } fn<obj>({ n
2022-04-12 15:07:04
206
原创 typescript中的交叉类型
交叉类型类似接口继承，用于组合多个类型为一个类型 - 常用于对象类型新的类型 同事具备组合多个类型的所有属性例子interface Person1 { name: string}interface Contact { phone: number}type newAA = Person1 & Contactlet a: newAA = { name: '11', phone: 12434 }交叉类型和接口继承的对比相同点：都可以实现对象类型的组合不同点：
2022-04-06 09:32:35
512
原创 typescript中的类
classclass Person{ age:number name='jj' constructor(age:number){ this.age = age }}let p1 = new Person(12)console.log(p1.age)class 的两种继承方式1. extends 继承父类 具有它的属性和方法i2. mplements 实现接口通过implements关键字让class实现接口以下例子中 Singer
2022-04-06 09:20:36
905
原创 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
1763
原创 小程序数组复制-深拷贝
小程序中想要复制一个数组，并且不互相干扰有效方法 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
1938
原创 TypeScript-基本类型
基本类型和js中基本类型一致，不记录，只简单表述写法 let num: number = 12 let numbers: number[] = [1, 2, 3] //推荐 let strings: Array<string> = ['1', '2', '3'] //了解联合类型由两个或者多个其他类型组成的类型，表示可以是这些类型中的其中一种let arrNS: (number | string)[] = [1, '2', 3]类型别名为任意类型起别名当同一类
2022-03-30 10:48:39
260
原创 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
4896
5
原创 【学习之路】js数组中some和every以及map和filter以及reduce
some()该方法接收一个函数，迭代数组中的每个元素，直到返回truefunction fuc(num){return num>2}let arr = [1,2,3,4]arr.some(fuc) // true// arr.every((item)=>{// item-每个元素// todo// })例子中执行到3时，num>2满足，some返回true就不再向后执行了every()该方法接收一个函数，迭代数组中的每个元素，直到返回falsef
2022-02-21 17:38:14
262
原创 【学习之路】axios之axios.CancelToken
写法：接受一个回调函数作为参数new axios.CancelToken(cancel=>{ // cancel是取消本次请的方法 if(xxx) { cancel() }else { // TODO }})一般用法用于发出多个相同请求时，取消重复请求使用场景使用数组存放需要发送的请求，发请求前判断该请求数组中是否有当前请求，有的话该请求取消，没有的话，将请求添加进请求数组中，请求完成时释放请求...
2022-02-08 14:20:08
2845
2
原创 nuxt2正确使用less
npm install less [email protected] --save-dev指定loader版本，否则会报错
2021-11-15 10:48:26
829
原创 nuxt正确使用vue-awesome-swiper
使用nuxt实现轮播图功能适用得是vue-awesome-swiper这个插件按照官网进行配置不是报错就是样式有问题总结了一下能正常使用的步骤安装插件// 使用3.1.3版本可以不用引入swiper插件npm i [email protected] --save在plugins里创建vue-swiper.jsimport Vue from 'vue'if (process.browser) { const VueAwesomeSwiper = require
2021-11-09 17:39:23
2430
原创 nuxt找不到vue-awesome-swiper\dist\ssr.js(已解决)
安装指定vue-awesome-swiper版本即可解决npm install [email protected] --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
396
原创 小程序中使用npm
在小程序根目录中初始化npm init注意 init时当前文件所在的文件夹名不能含有中文2. 安装 npm 包：npm install构建 npm勾选“使用 npm 模块”选项
2021-05-07 13:59:58
132
转载 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
195
原创 从webpack开始创建一个新的react项目
创建一个react项目使用npm init -y 初始化一个package.json创建src文件夹（项目文件）和text文件夹（测试代码等）src中创建index.html以及index.js安装webpackcnpm i webpack webpack-cli -D创建webpack.config.js写入module.exports = { mode: "development", //可选的值为：`development` 和 `production`
2020-11-05 10:28:39
206
1
原创 创建一个angular项目、组件以及服务
创建项目ng new 项目名称在选项中选择y以及less创建组件ng g component component/newsng g 可查看可创建的类目component/news 为目录使用命令行创建，根模块会自动引入并且配置创建服务 ng g service services/storage在app.moudles.ts里面引入创建的服务并且声明 import { StorageService } from './services/storage.service';
2020-10-12 11:20:12
165
原创 小程序报错：SyntaxError: Invalid or unexpected token（已解决）
困扰了好多好多天得报错问题终于解决了这是一个月黑风高得下午我更新完小程序得代码后某些页面就进不去了我看控制台报了如下错误非常纳闷，没有具体报错原因于是乎上百度查找解决方案有很多原因如下1.标签没有闭合2.使用了中文字符3.有未知的符号有同样问题的小伙伴可以先排查上面的原因我根据上面的解决方案排查了很久但是我的项目依旧是这样今天！！ 终于！！找到了原因在小程序的项目文件中文件夹不能有中文名称！！！！以上~...
2020-07-07 11:51:24
26442
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
1004
4
原创 beforeRouteUpdate -- 记录一次卡了很久的bug
beforeRouteUpdate网上找了一个vscode的vue代码片段没仔细看 结果又一个这个函数导致我使用vant的nav组件子路由无法跳转感谢@hsCBY的帮助
2020-03-17 22:26:45
372
原创 element ui 样式改不了的问题
今天遇到了element ui 样式改不了的问题!important 都不好使了！~后来发现把 style 里的scope去掉就可以了目前还不知道后遗症有啥后面再来更新
2019-12-23 16:21:27
172
原创 小程序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
1086
原创 vue动态添加的数据无法实时显示（对象类型）（已解决！）
this.$set(item, 'isadd', false)自己项目中出现的问题响应式显示的问题还没有解决先占着坑 想到方案再来已尝试$set// 强制更新数据 this.$forceUpdate()添加响应式的表格列目前都不能够实现我的需求好文链接好文链接1好文链接2...
2019-10-26 14:48:54
2174
原创 在vue中使用a链接下载项目中的文件
在vue中使用a链接下载项目中的文件<a href="../../../static/demo.xls" download="导入模板.xls">点击此处下载模板</a>会出现文件不存在的问题，将需要下载的文件放在static中...
2019-10-26 14:44:33
7117
原创 pack.json 的^和~的区别
webpack 项目的package.json 的版本说明在版本说明前面还有个符号：’^’（插入符号）和’~’（波浪符号），他们之间的区别：例如：‘~’（波浪符号）:他会更新到当前minor version（也就是中间的那位数字）中最新的版本。放到我们的例子中就是：“exif-js”: “~2.3.0”，这个库会去匹配更新到2.3.x的最新版本，如果出了一个新的版本为2.4.0，则不会自动...
2019-10-24 18:53:51
1596
原创 cli2.0的vue项目优化
解决js文件过大的问题1.在webpack.base.conf.js中添加下面代码，是为了打包是不带入以下文件module.exports = { ... externals: { vue: 'Vue', // 'element-ui': 'ElEMENT' 'element-ui': 'ElementUI' } ...}2.在index....
2019-09-21 12:58:28
203
转载 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
135
1
原创 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
973
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人