自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 基于promise二次封装axios以及如何使用

创建一个Request.js文件用来写二次封装的内容//1.首先下载axios模块进行导入import axios from 'axios'//2.创建axios对象createaxios.defaults.baseURL = ''//3.配置请求拦截器axios.interceptors.request.use(config => { return config})//4.响应拦截器axios.interceptors.response.use(respon

2020-12-14 11:27:42 875 1

原创 微信小程序Vant按需引入流程

Vant引入流程**首先在该项目所在文件中初始化一个package.json的文件,用来存放要下载的目录名步骤一 通过 npm 安装通过 npm 安装npm i @vant/weapp -S --production步骤二 修改 app.json将 app.json 中的 “style”: “v2” 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。步骤三 修改 project.config.json开发者工具创建的项目,miniprogramRoot 默

2020-12-14 11:00:56 2070

原创 el-table单元格合并

el-table合并单元格

2022-07-15 15:40:52 378 2

原创 关于修改textarea文本输入框某些关键字的高亮

前端小知识

2022-06-22 17:19:09 1453

原创 openlayers创建图片图层

//关于openlayers创建图层 import ImageLayer from 'ol/layer/Image' createImageLayers(title, extent, imgUrl, opacity, zindex, visible) { const self = this const tempLayer = new ImageLayer({ zIndex: zindex, title: title, name: t

2021-11-26 09:38:11 670

原创 base64格式转为二进制流

dataURItoBlob(base64Data) { console.log(base64Data, '????') // data:image/png;base64, var byteString if (base64Data.split(',')[0].indexOf('base64') >= 0) byteString = atob(base64Data.split(',')[1]) // base64 解码 else {

2021-11-26 09:21:30 2301

原创 vue图片下载zip包及上传zip包

首先下载 两个npm包文件cnpm install file-saver --savecnpm install jszip --saveStoreDowQrcode(arr, blogTitle = "图片信息") { var zip = new JSZip(); var imgs = zip.folder(blogTitle); var baseList = []; var _this = this; for (var i = 0; i

2021-11-18 14:51:05 311

原创 css备忘录-不定期更新

字体属性color: '#ccc', //文字颜色font-size:''; //设置字体大小font-family: ''; //设置文字字体font-weight: bold; //文字加粗font-style: itelic; //文字倾斜font-variant: small-caps; //小字体letter-spacing:1px; //设置字符间距line-height: 10px; //设置行高text-decoration: line-through; //删除线tex

2021-10-28 11:19:16 325 2

原创 ElementUi表格节点row-key的问题

接口如未返回唯一不重复的标识,造成节点打不开一直加载中、控制台报错,可手动创建一个key值,在请求回来的数据里进行递归遍历,在每一条数据里增加一个标识<template> /** row-key绑定手动创建的rowKey**/ <el-table row-key="rowKey"></el-table> </template>data(){ return { rowKey:1 //手动创建一个标识 递归遍历时让其自增 }}...

2021-10-26 13:27:17 6866 1

转载 vue视频播放

https://blog.csdn.net/qq285679784/article/details/86060723

2021-08-25 15:52:53 88

原创 基于wx.request的二次封装

1.新建request.jsconst apiBase = "" //需要请求的接口地址export const Request = (params) => { wx.showLoading({ title: '加载中', }) return new Promise((resolve, reject) => { wx.request({ ...params, url: apiBase + params.url, he

2021-02-26 11:51:25 216

原创 vue移动端(H5)打包

**1.**创建vue.config.js文件,文件里可以配置webpack相关设置,需加上pubilcPath:’./’,加上./主要是预防打包后出现白屏的情况。**2.**在终端执行npm run build 或者 yarn run build,执行完毕后姿势会在项目文件中生成一个dist文件,手动打开页面,此时会出现项目相关的视图等,这表明成功。**3.**打开HbuilderX编辑器,新建项目(5+App(A))这个选项,然后将项目中生成的dist文件里的内容替换到在HbuilderX中新建的项

2021-02-26 11:35:01 1806

原创 forEach for in for of 三者区别

forEach对数组的每一个元素执行一次提供的函数(不能使用return、break等中断循环),不改变原数组,无返回值undefined。for…in循环遍历的值都是数据结构的键值(可以遍历数组但是更合适遍历对象)for…of它是ES6中新增加的语法,用来循环获取一对键值对中的值...

2021-02-03 23:09:16 346 1

原创 vue3.0的简单了解

构建项目npm init vite-app demo //构建项目列表cd demo //进入目录npm install //下载依赖npm run dev //启动项目添加vue-Routercnpm install vue-router@next -S//下载完成后在src目录下新建router文件夹,创建index。js文件添加如下内容import {createRouter, createWebHashHistory} from 'vue-router'exp.

2021-02-03 16:23:24 148

原创 将两个对象合并成一个新对象

var obj={'name':'tom'} var obj1={'age':'123'} // let obj2={...obj,...obj1} //使用扩展运算符 let obj2=Object.assign({...obj,...obj1}) //使用Object.assign() console.log(obj2)

2021-01-31 22:22:54 3801

原创 Es6新特性

1.不一样的变量声明:const和letES6推荐使用let声明局部变量,相比之前的var(无论声明在何处,都会被视为声明在函数的最顶部) let表示声明变量,而const表示声明常量,两者都为块级作用域;const 声明的变量都会被认为是常量,意思就是它的值被设置完成后就不能再修改了 如果const的是一个对象,对象所包含的值是可以被修改的。抽象一点儿说,就是对象所指向的地址没有变就行2.模板字符串基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定; ES6反引号(``)直接搞定;3

2021-01-26 20:47:01 299

原创 Vue前端面试题 -- 不定时更新

个人总结面试题1.Vue自定义指令懒加载钩子函数bind: 只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted: 被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。update: 所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变,也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新componentUpdated: 指令所在组件的 VNode 及其子 VNode 全部更

2021-01-25 22:10:25 145

原创 字符串方法用法大全

字符方法1.charAt()字符串形式返回给定下标对应的字符2.charCodeAt()字符串形式返回给定下标对应的字符的编码3.fromCharCode()接受一个或多个字符编码,转成字符串字符串操作方法1.concat()用于将一个或多个字符串拼接起来,返回拼接得到的新字符串三个基于字符串创建新字符串的方法1.slice(start,end)提取字符串中指定字符,负数反向截提取(从后往前数,从前往后找)没提取到返回“”2.substr(start,howmany)从字符串指定位置提取

2020-12-19 09:56:07 482 1

原创 深层拷贝与浅层拷贝

深拷贝(完美拷贝):① 如果是基本数据类型,直接返回;② 如果是RegExp或者Data类型,返回对应类型;③ 如果是复杂数据类型,递归;④ 考虑循环引用的问题。 function deepClone(obj, hash = new WeakMap) { if (obj instanceof RegExp) { return new RegExp(obj) } if (obj instanceof Date) {

2020-12-18 11:29:49 111

原创 js数组方法大全及数组排序|去重

JavaScript中创建数组有两种方式(一)使用 Array 构造函数:var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("jack","lucy","Tom"); // 创建一个包含3个字符串的数组(二)使用数组字面量表示法:var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建一个包含1项的数组var arr

2020-11-26 11:51:00 215

原创 BFC是什么?以及它的作用

BFC的理解BFC是块级格式化上下文。它是一个独立的渲染区域,只有Block-level box(块元素)参与,它规定了内部的Block-levelbox如何布局,并且与这个区域外部毫不相关。可以理解为:创建了 BFC的元素就是一个独立的盒子,里面的子元素不会在布局上影响外面的元素(无论如何都不会影响),BFC仍属于文档中的普通流特形: ① 内部的块级元素会在垂直方向上一个接一个的放置; ② 位于同一BFC下的相邻块级子元素在垂直方向上会发生margin重叠;

2020-11-26 10:58:57 202

原创 C3动画新特性

CSS3中的动画分为:平移动画、过渡动画和自定义动画三种。平移动画 transform: 平移translate / 旋转rotate / 放大scale / 倾斜skew过渡动画:transition: transition是一个复合属性,包括:transition-property:过渡属性(即哪些元素使用过渡动画);transition-delay:过渡延时;transition-duration:过渡时间;transition-timing-function:过渡方式(linear匀速

2020-11-26 10:44:24 536

空空如也

空空如也

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

TA关注的人

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