- 博客(16)
- 收藏
- 关注
RSS订阅原创 在vscode中使用SonarLint插件规范JS代码
SonarLint是vscode的一个扩展插件，它可以规范JS代码,提升代码质量。本篇来安装并配置这款插件。在下载之前，本机需要安装JDK这里是JDK17.0.2的下载地址，完成下载并配置完环境后，点击插件的extension settings,如下图所示，输入自己的JDK安装位置，重启vscode后，SonarLint规范便会生效。还可以直接在settings.json文件中添加，后面输入自己的JDK安装位置"sonarlint.ls.javaHome": "C:\\Program Files\\
2022-03-10 15:10:09
5237
4
翻译 打包去掉控制台输出
打包时,去除开发阶段的控制台输出:在vue.config.js中，配置：chainWebpack(config) { config.optimization.minimizer('terser').tap((args) => { args[0].terserOptions.compress.drop_console = true return args })}
2021-09-01 19:51:36
601
原创 v-model使用
在input元素中时,相当于:value :input<input v-model="ipt" /><input :value="ipt" @input="ipt = $event.target.value" />因为 input 元素本身有个 oninput 事件，是 H5 新增加的，类似 onchange ，当输入框内容发生变化时，就会触发oninput，把最新的value传递给 sthv-model用在组件上时,父向子传递数据,子接收使用 props: {
2021-08-26 18:12:25
185
原创 根据cos的上传API实现上传图片至腾讯云
首先需要在项目中安装依赖npm i cos-js-sdk-v5 --save使用cos.putObject api完成上传的功能// 下面的代码是固定写法const COS = require('cos-js-sdk-v5')// 填写自己腾讯云cos中的key和id (密钥)const cos = new COS({ SecretId: 'xxx', // 身份识别ID SecretKey: 'xxx' // 身份秘钥})其中SecretId和SecretKey是创建存储桶配置
2021-08-26 17:33:21
1539
原创 分页按钮的模拟
以下通过JS代码模拟分页按钮要实现上图这一操作较为简单,需设置显示按钮数为5个,用数组来展示要展现的页码的值// 创建分页组件需要的 按钮数组// btnCount: 最多能看到几个按钮// total: 总条数// size: 每页几条// page: 当前第几页function f(total, size, page，btnCount=5) { // show me your code const arr = [] // 能看到的页码集合 let a=page-2 let
2021-08-17 12:01:09
178
原创 显示数组中元素及元素出现个数
使用for,foreach,reduce显示数组中元素及元素出现个数<script> const arr = ["b", "c", "b", "c", "a", "b", "c"] let obj = arr.reduce((obj, cur) => { if (cur in obj) { obj[cur]++ } else { obj[cur] = 1 } return obj },
2021-08-15 17:02:21
242
原创 基于ElementUI分页组件下的延续上一页序号
在 设置type="index"即可显示从 1 开始的索引号ElementUI设置地址阅读官方文档可知通过在methods里的方法来改变index的值<el-table-column type="index" :index="indexMethod"> </el-table-column>methods: { indexMethod(index) { return index * 2; } }
2021-08-15 16:36:21
220
原创 数组对象转换
数组转成对象数组转换成为对象,使用foreach,或者reduce const arr = [{ label: '男', value: 0 }, { label: '女', value: 1 }] let res = arr.reduce((result, item) => { return { ...result, [item.value]: item.label .
2021-08-11 19:46:02
2578
原创 数组常用方法
1.数组转字符串//不改变数组var week = ['monday', 'tuesday', 'friday', 'sunday', 'friday']console.log('转换为字符串', String(week))2.将数组元素放入一个字符串// 同样的不改变原数组var arr=[1,2,3];var str=arr.join();//默认是逗号，也可以自定义连接符console.log(str); //1,2,3console.log(arr); //[1,2,3]3.
2021-08-11 18:10:08
108
原创 Node.js连接MongoDB
Node.js连接数据库所需插件mongoose中文文档const mongoose = require('mongoose');const db = mongoose.connect("mongodb://localhost:27017/people",{ useNewUrlParser: true, //useNewUrlParser: true避免当前URL解析器被废弃警告 useUnifiedTopology: true, //使用新的服务器发现和监视引擎,避免报务器发现和监
2021-08-07 20:32:11
166
原创 数组转对象及对象转数组
数组转对象的方式:Array.reduce()const arr = [{label: '男', value: 0},{label: '女', value: 1}]let res = arr.reduce((result, item) => { return { ...result, [item.value]: item.label } }, {}) console.log(res) // obj ===> {0: '男
2021-08-05 17:32:47
439
原创 数组结构转换
怎样将一个平铺的数组结构转换成一个树形的数组结构在前端处理后台发送过来的数据时,后端接口返回的数据一般是平铺的数组结构，而不会是树形结构，例如下面的平铺数组结构：const data = [{ id: "01", name: "张大大", pid: "", job: "项目经理" }, { id: "02", name: "小亮", pid: "01",
2021-08-05 17:21:53
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人