自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue实现文件流文件导出json

npm install file-saver --save<template> <div class="hello"> <button @click="exportJSON">导出jsonn</button> <button @click="exportText">导出Text</button> </div></template><script>import Fil

2022-03-22 15:15:56 2070 3

原创 element table文字居中

:header-cell-style="{ textAlign: 'center' }":cell-style="{ textAlign: 'center' }"

2022-01-25 15:05:31 462

原创 webfunny前端监控系统教程

介绍Webfunny 是一款轻量级前端异常监控和前端性能监控系统,致力于帮助前端工程师定位并解决各种线上问题,确保项目健康良好的运行。这是一款由前端工程师设计的软件,我们深知前端的痛点,我们希望前端的工作更有效率。Webfunny 支持千万级别日PV量,能够满足用户的各种场景需求。同时,针对不通过企业和用户,提供一对一的指导服务,满足更多业务需求。Webfunny 专注于微信小程序、H5前端、PC前端线上应用实时监控,实时监控前端网页、前端数据分析、错误统计分析监控和BUG预警,第一时间报

2022-01-04 15:08:16 971

原创 解决echarts图中tooltip文本内容太长显示不全

在用echarts绘制折线图时,可能会遇到文本太长,导致tooptip显示不全,文本会被隐藏的问题如图:解决办法:使用tooltip的extraCssText配置项,给tooltip添加样式extraCssText: 'white-space:pre-line'且添加宽度...

2021-11-16 15:36:49 2604

原创 input复选框checkbox默认样式修改

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box { width: 100px;

2021-10-22 14:25:22 170

原创 js将数值转化为万、亿、万亿并保留两位小数

let numberFormat = function () { let value=230000000.45; let numerical=[]; let k = 10000, sizes = ['', '万', '亿', '万亿'], i; if(value < k){ numerical=Number(value).toFixed(2) }else{ i = Math.floor(Math.log(v

2021-03-21 10:40:04 543

原创 sort双重排序

var Array = [ { id:"3", sonId:"1",}, { id:"1", sonId:"3",}, { id:"4", sonId:"2",}, { id:"4", sonId:"1",}, { id:"1", sonId:"2",}, { id:"1", sonId:"1",}, { id:"2", sonId:"1",}, { id:"2", sonId:"9",}];Array.sort(function(a,b){ var value1 =

2021-03-21 10:33:46 257

原创 echarts简单的关系图

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>第一个 ECharts 实例</title> <!-- 引入 echarts.js --> <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.3.0/echarts.min.js"></script

2020-11-17 11:05:05 671 1

原创 当前时间减去一个月

//当前时间减去一个月new Date( +new Date(new Date(new Date().getTime() - 729.6 * 60 * 60 * 1000)) + 8 * 3600 * 1000).toISOString().replace(/T/g, " ") .replace(/\.[\d]{3}Z/, ""),//当前时间new Date(+new Date(new Date()) + 8 * 3600 * 1000).toISOString().replac

2020-10-24 15:43:21 1408

原创 vue cli3 启动报错 core-js/modules/es.object.to-string in ./src/router/index.js

解决办法安装 npm install --save core-js重启 npm run serve

2020-07-09 16:53:48 3574 2

原创 把json格式数据保存到本地

需要引入FileSaver.js文件, 下载地址<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...

2019-12-26 11:34:44 2686 1

原创 数组转对象

let data = {};let arr = ["1","2","3"];for (let key in arr) { data[key] = arr[key];}console.log(data);

2019-09-20 18:28:32 121

原创 js表格导出xls格式-纯前端实现

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><style> .displayNone { /* display: none; */ }<...

2019-08-29 17:07:46 358 1

转载 复选框取值的三种方法

<head> <meta charset="UTF-8"> <title>checkBox</title> <!--引入jquery文件--> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> ...

2019-08-14 16:29:20 1258

原创 添加、删除table表格中的行和列

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-08-14 15:37:59 509

原创 Vue组件间通信方式

Vue组件间通信方式快速原型开发可以快速识别.vue文件封装组件插件等功能sudo npm install @vue/cli -gsudo npm install -g @vue/cli-service-globalvue serve App.vue一.Props传递数据components ├── Grandson1.vue // 孙子1 ├── Grandson2....

2019-08-13 14:54:06 164

原创 js省市联动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-07-30 10:33:45 227

原创 js遍历key value字典对象

只遍历vuale for(let key in text){ str += '<p value="'+key+'">'+text[key]+'</p>'; }遍历 key、value for(let key in ext){ html += '<p>' + key + ' : ' +ext[key]+'</p>...

2019-07-29 19:03:03 10380 2

原创 git 分支 常用命令

文章目录在当前目录新建一个Git代码库新建一个目录,将其初始化为Git代码库下载一个项目和它的整个代码历史显示当前的Git配置编辑Git配置文件设置提交代码时的用户信息添加指定文件到暂存区添加指定目录到暂存区,包括子目录添加当前目录的所有文件到暂存区添加每个变化前,都会要求确认对于同一个文件的多处变化,可以实现分次提交删除工作区文件,并且将这次删除放入暂存区停止追踪指定文件,但该文件会保留在工作区...

2019-07-23 18:15:01 180

原创 js 实现简单的下拉加载更多

当用户浏览到页面底部时候,自动加载下一页的内容let allProductData = [] //全部的数据let productData = [] //要渲染的数据let listQuery = { currPage: 1, pageSize: 10}function queryData(){ //数据处理 productData = allProductData.s...

2019-07-23 11:38:51 5119 1

原创 js 点击页面其他地方关闭弹出层

//html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...

2019-07-22 15:56:52 1069

原创 input常用的正则表达式验证

//html <form action="" method="post" name="myform"> <input type="text" name="userqiye" id="txtname" value="" placeholder="企业名称" onblur="Name()" /> ...

2019-07-19 17:11:21 2240

原创 数组去重

第一种:对象键值对处理Array.prototype.myUnique = function () { //=>this:ary 我们需要操作的数组,如果不想改变原有的数组,我们需要把要操作的数组克隆一份一模一样的处理,处理的都是克隆的这个数组 let _this = [...this], obj = {}; for (let i = 0; i &l...

2019-04-09 16:02:57 86

原创 javaScript中数组、字符串、数学的常用方法

1、数学的方法Math.round() 四舍五入Math.abs() 绝对值Math.max 最大Math.min 最小Math.random() 随机0-1之间的无限不循环小数Math.ceil()向上取整Math.floor()向下取整Math.sqrt() 开方Math.PI() πMath.pow() 幂new Num...

2019-03-18 18:27:24 248

原创 部署项目到gitHub

1 .登陆github2.创建空仓库3.setting -&gt; GitHhub Page- &gt; choose a theme -&gt;随便选择一个主题, -&gt;select theme-&gt; commit changes4 . 点击setiting找到GitHhub Page 。 有个链接 就是发布的页面5 .把创建好的远程仓库克隆到本地,并把自己的项目原代码放到...

2019-03-18 17:37:22 260

原创 koa2

koa21.项目初始化 npm init -y2.安装 koa npm i koa -S使用 const Koa = require('koa'); const app = new Koa(); app.use(async(ctx)=&gt;{ 拿东西 ctx.requ...

2019-01-25 11:18:12 99

空空如也

空空如也

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

TA关注的人

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