自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 javascript判断对象里是否存在某一个属性

hasOwnProperty() 方法是 Object 的原型方法(也称实例方法),它定义在 Object.prototype 对象之上,所有 Object 的实例对象都会继承 hasOwnProperty() 方法。用法object.hasOwnProperty(name) // true/false。Reflect.has方法对应name in obj里面的in运算符。Reflect.has()方法的第一个参数是对象。用法name in obj。

2024-02-26 10:33:26 242

原创 vue复制文字功能

日常开发vue项目偶尔会碰到要复制 订单号 ,或者一串文字的功能,我们使用到了一个插件vue2使用clipboardvue3使用vue-clipboard3vue2的使用1、安装插件 npm install clipboard --save2、我们把它封装成一个js,新建一个clipboard.js文件import Clipboard from 'clipboard'export const clipboard = (className) => { const clipboard

2023-12-12 15:06:38 130

原创 js判断安卓或ios设备

【代码】js判断安卓或ios设备。

2023-12-12 14:27:56 203

原创 js将将数组树形结构转为集合

此时打印的结果是这样的,如果你需要多余参数children,可以再循环一遍,把你需要的属性拧出来。根据你的项目实际情况来。有时一个数组是树形结构,恰好需要转换成集合。

2023-12-12 14:21:35 128

原创 js判断数据是否为空

【代码】js判断数据是否为空。

2023-12-12 14:09:27 134

原创 js根据value查找数组的lable

【代码】js根据value查找数组的lable。

2023-12-12 14:05:48 166

原创 js数组去重

【代码】js数组去重。

2023-12-12 13:54:57 16

原创 前端上传图片去除前面的域名

有时候上传图片因为各个环境不同,后端不需要前面的域名,我们就只需要http或者https后面得内容。

2023-12-05 10:15:08 105

原创 vue3导出Excel表格

平时我们做后台项目的时候需要做列表的导出功能,有一种列表导出是纯前端导出,另一种列表导出则是需要调用后端的导出接口。(3)、单独封装成一个js,建一个exportExcel.js(很多地方都用得到)(1)、注意接口的返回类型为:responseType: ‘blob’(4)、使用,在你需要的页面引用exportExcel.js文件。(2)、引入(main.js引入或者第3步的js里引入都可以)(1)、首先下载 js-export-excel。(2)、转换二进制的方法封装成一个js。

2023-12-05 10:09:18 75

原创 JavaScript中常见的循环遍历

js循环、JavaScript循环、for循环、for...in、for...of、forEach、filter、some、every、map

2023-06-13 15:01:21 337

转载 JavaScript toLocaleString() 方法

toLocaleString

2023-05-24 15:08:40 594

原创 vue唤起原生app的方法

h5唤起app, OpenInstall方式唤醒app, vue唤起app

2023-05-19 14:23:03 2018

原创 vue上传视频到华为云obs

vue、上传视频、vue上传视频到华为云

2023-05-12 15:06:32 759

原创 JS根据数组对象的某一属性排序

javascript、js、javascript排序、js排序、js根据数组对象的某一个属性排序、javascript根据数组对象的某一个属性排序、vue、vue排序、vue根据数组对象的某一个属性排序、前端排序

2023-05-12 10:15:39 879

原创 uniapp搜素内容,并且高亮搜索结果匹配的文字

uniapp、uniapp搜索、高亮、搜索结果高亮

2023-04-14 10:24:41 1053 2

原创 vue3根据id递归查找所有上级id

vue、vue3、递归查找上级、递归查找父级

2023-04-13 15:36:15 1201

原创 js给富文本img标签添加样式

js给富文本Img标签添加样式

2022-10-24 11:28:14 1318 2

原创 ES6 7 8 9 10新特性

ES678910

2022-08-31 14:31:17 276

原创 js常用的正则表达式

js常用正则表达式整数或者小数:1+.{0,1}[0-9]{0,2}$只能输入数字:"2KaTeX parse error: Undefined control sequence: \d at position 16: "。只能输入n位的数字:"^\̲d̲{n}"。只能输入至少n位的数字:"^\d{n,}KaTeX parse error: Undefined control sequence: \d at position 19: …只能输入m~n位的数字:。"^\̲d̲{m,n}"只能输入零和

2022-01-24 17:14:14 547

原创 vue $attrs的使用

作为一个前端开发,vue这个框架的使用是必不可少的。组件通讯是必不可少的,比如:子传父、父传子、非父子传参等等。一般复杂一点的项目都会涉及到多层传参,刚使用vue不久的我是通过props一层一层往下传的,这样有个问题就是代码量大,可维护性不强。vuex也可以解决这个问题,但是感觉有点杀鸡用牛刀的感觉,大材小用。后面vue出了一个方法$attrs专门解决这个问题$attr:包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件

2021-11-25 10:03:55 12981

原创 Vue $set 源码解析

我们在日常vue项目开发过程中,有时候我们对数组或者对象进行了一些操作后,发现页面数据没有更新到.根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。这是官方的解决方法用的是Vue $sett(object, key, value)首先这是这个方法的源码待会下面做详细的拆分讲解function set (target: Array<any> | Object, key: any, val: any): any { if (process.env.NODE_

2021-11-17 17:12:14 380

原创 uniapp返回上一页(多页),并刷新返回的页面

因为公司项目后面要打包多个端,所以后面用到了uniapp。1.A页面跳到B页面后,这时需要返回到A页面。或者A->B->C,要从C返回到A,代码里我有写注释这是我在网上看到的,并且改进了一下 // 返回上一页或者多页 backPageRefresh(page) { // page这个值如果你只返回上一页可以不用传,返回上上页就传2,以此类推 let pages = getCurrentPages(); // 当前页面 let i = 0 if (page) {

2021-09-07 11:25:01 8613

原创 vue父子组件传值

对于刚学习vue的小伙伴可能对父子传值不太理解,我本人也比较笨,刚入门vue父子组件也是百度慢慢摸索,1.父组件向子组件传值父组件 father.vue, 父组件通过import 引入child子组件,然后在components中将子组件挂载上去, 页面使用子组件通过v-bind(:)绑定title,title的值为变量msg<template> <div> <child :title="msg" /> </div><templa

2021-06-29 17:42:18 912

原创 require.context( )使用

今天看之前大佬写好的项目,无意看到require.context( )这个方法,感觉用起来真的方便,这个比较适合大一点的项目,用到模块化开化,我用的是element-admin框架,之所以用这个是看中它的权限跟动态路由1.require.context( )在router.js路由模块使用当我们路由比较多的时候,我们一般会建一个modules文件夹,把不同的模块放到里面然后统一在 index.js中导入(1)index.js 上代码,这边暂时是写死的,后面路由要在后台去配置,权限

2021-06-28 13:51:06 1077 1

原创 css文字常用的属性

发现一个问题,css的样式属性太多了,肯定不会全部记住,平时开发的时候可能会到处百度花一些时间去查,今天想着把这些属性都记录在一起,哪怕是下次要用,直接来找就行了1.字体常用属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.

2021-03-20 14:35:17 139

原创 javascript数组如何每隔几个元素添加一个元素

有个需求是这样的:项目是一个电影播放器,主页有一个电影推荐列表,但是需要每隔八部电影,中间插一条广告,但是因为后台返回的数据格式,需要自己去加1.首先先模拟一条数组,里面有多个对象//这个是获取到的数组,我这里写的空对象 let arr = [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, ]; //这个是我等会要用到的空数组 let res = [];2.接下来

2021-02-01 10:44:28 3306 2

原创 javascript修改数组中对象的属性名,跟删除属性

一般前端在开发中用的比较多的就是对数据格式的操作,上次有个朋友问我:let arr =[{name:‘zs’,age:18,status:1},{name:‘ls’,age:20,status:2}],newArr = [{name:‘zs’,style:1},{name:‘zs’,style:2}],如何通过 arr 得到newArr ?说白了就是通过arr这个旧数组得到newArr这个新数组1.已知arr数组,再定义一个newArr空的新数组 let arr = [{

2021-01-18 09:48:32 535

原创 javscirpt 数组的方法

isArray()join()push()和pop()shift() 和 unshift()sort()reverse()concat()slice()splice()indexOf()和 lastIndexOf() (ES5新增)forEach() (ES5新增)map() (ES5新增)filter() (ES5新增)every() (ES5新增)some() (ES5新增)reduce()和 reduceRight() (ES5新增)1.isArray数组自带的方法

2020-12-24 16:58:09 716

原创 JavaScript 字符串方法

toStringcharAt和charCodeAtconcatslice、substring、substrindexOf和lastIndexOftrimtoLowerCasematch、search、searchreplacesplitlocaleCompare1.toString将任意数据类型转换为字符串var num=24;var mystr=num.toString(); //"24"2.charAt和charCodeAtcharAt方法和charCodeAt方

2020-12-24 16:57:56 141

原创 前端深拷贝与浅拷贝

前端深拷贝与浅拷贝1.浅拷贝 var obj1 = { a: 1, b: 2, c: 3 } var obj2 = obj1; obj2.a = 5; console.log(obj1.a); // 5 console.log(obj2.a); // 52.深拷贝(只能拷贝一层) var obj1 = { a: 1,

2020-12-24 16:57:47 258

原创 如何优雅的使用git指令?

一、前言实习的时候,组内的大佬让我们去下载公司的代码去看,并且要求使用非master分支(如next分支)进行开发,当时我和另外两个应届的同学都去尝试拉分支,结果发现拉下来的都不next分支,而是master分支,后来通过查找资后知道一种好的直接拉取指定分支的办法,在这里,我想记录下一些重要的地方,不会叙述太多git的知识点。二、准备工作1、下载git(windos)工具,配置好邮箱和用户名,并生成你自己的公钥。(密钥生成可见:https://blog.csdn.net/csdn_blog_lcl/a

2020-12-24 16:57:36 161 1

原创 微信小程序 九宫格抽奖

因公司需求要做一个小程序的九宫格抽奖,但是一块又没有合适的插件,于是到网上看到一个,还挺不错的。效果图1.外面一圈闪烁的小球是用js控制的样式.500ms改变一次样式.简单粗暴;2.抽奖的item也是js控制背景,但是怎么样让它优雅的停下来是个问题.动画中有timingFunction可以设置速度.自己用js就没那么简单了.我这里用setInterval(),时间是线性变化的.换个斜率先小后大的函数效果应该会好一些.3.控制转的圈数是data中times参数4.控制转盘停止的位置(索引)是dat

2020-12-24 16:57:06 1201

原创 数据类型的转换

首先数据类型分为两种:1.简单数据类型:Number:任意数值String:任意文本Boolean:true/falseundefined:undefinednull:nullsymbol: 表示独一无二的值2.引用数据类型:Object:一般对象类型Array:特别的对象类型(下标/内部数据有序)Function:特别的对象类型(可执行)数字转化为字符串的方法:toString()、String()、加号拼接字符串 var num = 12 console.lo

2020-12-24 16:56:52 157

原创 javascript 对象{‘key1’:‘value1‘,‘key2‘:‘value2‘} 转化为数组 [{‘key1‘:‘value1‘},{‘key2‘:‘name2‘}]

有时候像后端获取到的数据可能不是我们想要的,有时候后端好说话的后端帮忙转换,但有时候还是需要我们自己去转换对象转化为数组首先要先定义一个空的数组,然后将要转化的对象利用for in循环每一项,然后在定义一个新的对象,新对象的key就是旧对象的key,新对象的key值就是旧对象的key值,后面将新的对象push到我们定义的空数组就可以了 var obj = { name: '张三', sex: '男' } var lis

2020-12-24 16:56:32 1187

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除