自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 问答 (1)
  • 收藏
  • 关注

原创 前端使用electron+vue3+ts搭建一个桌面端应用且可以热更新

将以下代码复制到vue.config.js的builderOptions对象中即可provider : "generic" , url : 'https:' , // 打包文件地址,与以上链接需相同 } , ] ,然后再次打包安装测试;没有问题就可以上线了也可以查看线上代码json-tool工具GitHub仓库json-tool工具软件以前的文章electron+vue3+ts开发了一个JSON工具桌面软件javascript求最大值最小值的另一种写法reduce。

2023-01-13 16:03:04 17

原创 electron+vue3+ts开发了一个JSON工具桌面软件,json转为excel表格等

最近没事看见有很多博主在写古诗词的相关网站,然后我就去看他们的数据,发现他们现在保存的格式都是json文件(GitHub),导致我无法保存到数据库中使用,然后我就想JSON文件如果可能转为db格式的文件不就好了吗?但是这个时候需要用到什么技术呢?

2023-01-12 16:50:09 8

原创 我用reduce写了一个数组扁平化

我们一听到扁平化,肯定第一想到的就是这个内置api,而我们今天将用reduce这个函数来实现数组扁平化的功能如果还有同学不了解这个函数的可以去参考我的这篇文章;以上这篇文章会讲述reduce的基本用法,不过还得你自己去多练习熟悉。同学们也可以看我在和上发布的常见方法的封装。

2023-01-10 11:01:48 3

原创 javascript中求最大值max最小值min的另一种写法reduce

关于数组最大值和最小值,我相信大家马上就能想到以下这个方法,这是JavaScript给我们的一个内置方法,简单实用!但是今天给大家分享使用去获取最大值和最小值的方法,不过在此之前呢?我会给大家先讲解一下reduce这个api,可能会有一些同学不太了解这个方法,然后我再讲解怎么实现求最大值和最小值。

2023-01-09 13:31:19 3

原创 插件开发并发布到npm,最最简单有效的教程,你确定学不会?

我们常用的一些方法可能不止在一个项目中使用,但是我们又不想每一个项目都复制过去,那怎么办呢? npm就是我们最好的伙伴;我们可以通过npm在任何一个项目中随时使用,岂不是美滋滋啊!今天就让我们来学习怎么将自己封装的方法发布到npm上吧!

2022-12-29 18:15:54 30

原创 一行代码,让网页变为黑白配色

让网页变为黑白颜色,一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那我们通过几行简单的代码,来实现这个功能。掘金:淘宝:天猫:兼容性授人以鱼不如授人以渔;如果能帮助到你,给个赞再走;你的肯定便是我继续写作的动力。做个小小的收藏,说不定以后就用到了呢?

2022-12-04 15:57:01 43

原创 element-ui动态级联选择器回显问题,二十多行代码就可以搞定

有许多参数,如果目前的不能满足你的需求;你可以查看里面的一些参数是否有你需要的数值;授人以鱼不如授人以渔;如果能帮助到你,给个赞再走;你的肯定便是我继续写作的动力。后台返回类目数组,其中有一级类目;二级类目,三级类目;这种情况下如何回显数据。现在data中的lazyLoad函数主要是一些默认值;label、value需要改为你数据结构一致的字段;将以下方法赋值给lazyLoad函数即可实现回显了;pid:父级id,0位第一级。lazyLoad函数中的。

2022-12-02 18:28:02 832

原创 JavaScript常用的api有哪些,最爱的还得是你

授人以鱼不如渔不管是在工作中还是在学习中,我们或多或少都会用到JavScript内置的api;那么我们常用的有哪些呢?他们返回的有是什么呢?测试数据。

2022-11-30 16:01:01 171

原创 JavaScript中如何正确的获取字符串长度

在工作中或多或少会去判断字符串的长度是多少;但是字符串其中的内容可能不是我们确定的;他有可能是中文,也有可能是英文或者数字;那么我们怎么计算才能得到真实的字符串长度呢?

2022-11-25 11:53:14 103

原创 微信小程序中使用ECharts,实现折线图、曲线图、柱形图等

根据Echarts官方文档可以看到,Echarts是兼容了微信小程序的;那么我们就可以放心大胆的使用了;找到相对于的代码即可开始开发了

2022-06-14 14:53:46 2282 4

原创 前端常用库及第三方插件

Ant Design (推荐)​ 难度级别:中等​ 适用框架:最火的三大框架都可以​ 注:如果你是vue爱好者不是很建议,ant写法类似于react​ 网址:https://ant.design/index-cnelement-ui (推荐)​ 难度级别:简单​ 适用框架:vue2​ 网址:https://element.eleme.cn/#/zh-CN/component/installation​2.element-plus(不推荐)...

2022-06-14 14:22:40 513

原创 h5-(安卓和ios)之间的传值

背景:在我们工作中或多或少会遇到这样的需求;那就是h5与安卓和ios的传参问题;今天我给大家介绍一下大致的用法,希望能帮到你!1.创建一个文件:JSBridge.js复制以下代码即可:const isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1const isiOS = !!navigator.userAgent.match(/\(i[^;

2022-01-22 10:16:24 3235

原创 小程序云开发,通过云函数进行云开发

目录:微信云开发技术可以让我们免费方便地使用服务器的部分功能,不需要去搭建一个后台了。本教程只针对新人,因为我自己就是个新人,如有错误,欢迎大家纠正错误。第一步开通云服务;在开发工具中点击云开发然后按照他的步骤就行了小程序云开发,通过云函数进行云开发第二步:开通以后,我们就可以看懂这样的页面第三步:在app.js中初始化env:在云开发中的设置里面可以看到你的环境id;添加进入就行onLaunch() { wx.cloud.init({ // 初始化云开发 env:"

2021-06-27 16:08:36 62

原创 uniapp中的请求接口封装

安装npm install qs // 用来序列化post类型的数据引入import baseUrl from '../baseUrl'; // url地址信息import qs from 'qs' // 处理data环境切换uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。uniapp有自己的生产和开发环境,也可以配置其他的环境;大家可以去观看官方文档开发环境和生产环境if(proces.

2021-06-09 17:43:10 471

原创 vue3学习一:创建vue3项目

最近看到很多关于vue3的话题;所以最近就准备学习学习vue3;如果有什么不对的地方;希望大佬们多多指点;如果你也是刚学习的话;我们就一起学习努力哈;今天先创建以后项目看能否启动如果没有安装vue/cli的话先安装npm install -g @vue/cli如果不知道是否安装或者说版本的话,可以用一下的命令查看vue --version如果以上都没问题的话;就可以根据以下命令进行创建项目了vue create vue1(项目名称)创建以后就会出现一下页面以下配置跟vue2创建项目

2021-05-24 17:12:05 1163

原创 移动端左滑出现删除按钮

目录:在我们日常的开发过程中应该都会遇到这样的要求;《一个商品盒子在左滑以后出现删除按钮》;最开始我是在vant里面的组件中发现这个;但是针对公司的一些要求在布局上感觉不是那么好;后来去看了那些大佬写的文章以后感觉也不是那么难;如果今天在这儿写一个简单的dome;做一哈记录;也让大家相互学习学习;如果表达的不对的;希望大佬们多多提出意见;首先先来一个效果图移动端左滑出现删除按钮这个我就不分步骤了;直接上代码;后面我再一一说说思路<!DOCTYPE html><html lang

2021-05-23 22:56:19 705

原创 手把手教你写vue插件并发表到npm上

我查看了很多的教程都感觉不是很适合新手;今天我就来一步一步的教大家怎么把写好的插件发表到npm上;也记录一下免得自己那天忘了;文笔不是很好;如果表述不是很好的地方请谅解;废话不多说;现在开始第一步;创建这样结构的一个文件夹;lib文件:中存放你想要写的逻辑index.js 主要是引入文件并暴露出去package.js主要是进行何种配置README.json 文件主要是用来说明第二步:配置 index.js 文件import vueTouch from ‘./lib/scrolls.vue’

2021-05-21 21:07:04 109

原创 uniapp 网络请求封装;前端/小程序

const request = (param) => { var _self = this, url = param.url, method = param.method || "GET", header = {}, data = param.data || {}, token = "", hideLoading = param.hideLoading || false; // 这儿可以添加 token // 固定参数:仅仅在小程序绑定页面通过code获取token的接

2020-12-19 21:53:53 509 2

原创 vue项目数据导出表格模式

第一步:安装包: npm i file-saver xlsx -s第二步:在需要的页面引入文件:import FileSaver from 'file-saver'import XLSX from 'xlsx'第三步: 表格内容<template> <el-table id="table" :data="tableData" style="width: 100%"> <el-table-column prop="date" label

2020-11-30 14:42:53 45

原创 vue项目上传base64位图片; 及预览效果

第一步:html部分<input type="file" style="display: none;" name="img" ref="inputFile" id="" @change="changeFile"> <div> <button @click="clickFile">上传图片</button> </div> <div> <img :src="item

2020-11-30 14:37:15 391

原创 最简单的防抖和节流;这都不会?

**防抖:** 在一定时间内执行最后一次操作;**节流:** 在一定时间内执行一次操作;

2020-10-18 22:24:00 244

原创 对JS闭包的简单理解,一学就会,一敲就废

闭包的定义:闭包是指有权访问另一个函数作用域中的变量的函数。闭包的特点:1.函数中嵌套函数2.函数内部可以引用函数外部的变量和参数闭包的缺点:闭包比普通函数占用的内存更大, 所以在不用的时候要关掉常见的闭包函数 for(var i=0; i<5;i++) { setTimeout(() => { console.log(i); }, 1000); }打印结果是: 5个5其实

2020-10-03 01:27:13 45

原创 对JS原型链的理解

1. 新建一个构造函数function Father(){}console.dir(Father);我们在打印构造函数的时候可以看到构造函数本身是带有一个 prototype 属性;构造函数就可以通过此属性prototype访问到原型上2.创建实例function Father(){} son = new Father() console.log(son);打印结果:从下面的结果中我们可以看到 ; 通过实例创建出来的对象;带有__proto__这个属性;

2020-09-26 22:43:54 55

json工具测试工具哦

json工具测试工具哦

2023-01-11

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

TA关注的人

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