- 博客(22)
- 收藏
- 关注
RSS订阅
原创 基于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
原创 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
原创 基于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关注的人