- 博客(124)
- 收藏
- 关注
RSS订阅
原创 Vue项目导出Excel（Blob篇）
日常工作中，你常用到的下载方式有哪些？1、后台返回生成好的文档地址，前端通过 a 链接即可下载；2、后台返回二进制文档流，前端解析下载。接下来，我们就聊聊第二种方式开始之前，我们先看一下二进制流长什么样子⬇️你没看错，你不认识，我也不认识，但这完全不影响我们接下来的操作。我们这里会用到Blob对象，先来简单了解一下Ta：Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 ReadableStream 来用于数据操作。还需要一个保存
2020-10-31 11:29:43
3757
原创 【Echarts】OMG！情人节那天，柱状图(bar)和时间轴(timeline)在一起了
假如提供了一份示例数据：let data = { 2011: 264, 2012: 352, 2013: 256, 2014: 368, 2015: 189, 2016: 98, 2017: 643, 2018: 259, 2019: 365, 2020: 521,};我们通过Echarts提供的柱状图、时间轴简单地把数据展示出来：let xData = [];le...
2020-03-18 11:16:41
724
原创 【NodeJS】案例：写一个爬虫程序从某网站批量下载图片
* 开发思路： * 1) 打开网页查看内容，找图片地址 * 找规律 => 查看网页源代码 * 小图： * 大图： * * 2) 编写代码实现打开网页，获取所有的html内容 * * 3) 通过正则表达式提取出有哪些图片地址 * var reg=/<img src=".+?" data-src="(.+?)" alt=".*...
2019-08-27 17:10:27
562
原创 ReactNative如何实现沉浸式状态栏及渐变色Header【兼容Android和iOS】
具体页面实现还需要考虑项目中实际情况，这里只是提供了核心内容。需要用到react-native提供的StatusBar组件。如果用到Navigation，需要设置如下属性。
2024-07-04 17:34:33
253
原创 APP提交到AppStore时报错Asset validation failed (90161)
使用XCode打包并上传到App Store Connect时，收到 “Asset validation failed (90161): Invalid Provisioning Profile” 错误，表明你在上传应用程序到 App Store Connect 时使用了错误的配置文件。
2024-06-27 11:23:24
1018
原创 如何合理隐藏滚动条
.no-scrollbar { /* 横向溢出隐藏 */ overflow-x: hidden; -ms-scroll-chaining: chained; /*隐藏滚动条，当IE下溢出，仍然可以滚动*/ -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: none; -ms-content-zoom-limit-min: 100%; -ms-content-zoom-limit-m
2022-01-14 16:26:13
302
原创 Less 知多少 ？
菜单中的雪碧图@iconWidth: 14;// 菜单导航icon.NavIcon(@n, @i: 1) when (@i <=@n) { &.nav-@{i} { background-position-y: unit(@iconWidth * (1 - 2 * @i), px); } .NavIcon(@n, @i+1);}.NavIconHover(@n, @i: 1) when (@i <=@n) { &.nav-@{i} {
2021-09-01 14:56:29
190
原创 统计学分段方法（JS版）
// # simple-statisticslet ss = {};// # [Linear Regression](http://en.wikipedia.org/wiki/Linear_regression)//// [Simple linear regression](http://en.wikipedia.org/wiki/Simple_linear_regression)// is a simple way to find a fitted line// between a set o
2021-03-01 11:19:48
450
原创 数值修改为千分位显示
// 千分位export const numFormat = (num) => { if (num.toString().indexOf('.') !== -1) { let b = num.toLocaleString(); return b; } else { let c = num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); return c; }};
2020-06-01 12:58:36
835
原创 JS解析URL参数
export const getUrlQuery = (url) => { // 用JS拿到URL，如果函数接收了URL，那就用函数的参数。如果没传参，就使用当前页面的URL let queryString = url ? url.split('?')[1] : window.location.search.slice(1); // 用来存储我们所有的参数 let obj = {}; // 如果没有传参，返回一个空对象 if (!queryString) { retur
2020-05-21 15:11:03
2408
原创 Vue项目导出word文档
关于Vue项目导出word文档，网上实在是有太多的方法，这里只介绍个人喜欢的一种：使用到的依赖有docxtemplater、pizzip、jszip-utils、file-saver安装依赖：yarn add docxtemplateryarn add pizzipyarn add jszip-utilsyarn add file-saver创建docx.js文件，引入依赖...
2020-04-17 17:26:23
7511
25
原创 axios统一添加header
1. 创建axios.jsimport axios from 'axios';// 这里自己获取tokenlet token = ...// axios 配置axios.defaults.timeout = 1 * 60 * 1000;axios.defaults.baseURL = '/';// http request 拦截器axios.interceptors.requ...
2020-01-19 17:08:34
3457
原创 【Echarts】pie示例
例1：show：code： let opt = { title: { text: "近五年成交土地：" + data.land.total + "宗", left: 16, top: 10, textStyle: { color: "#333", ...
2020-01-06 16:33:28
562
原创 【NodeJS】fs模块删除非空文件夹
// 引入fs模块var fs = require('fs');function delDir(p) { // 读取文件夹中所有文件及文件夹 var list = fs.readdirSync(p) list.forEach((v, i) => { // 拼接路径 var url = p + '/' + v // 读取文件信息 var sta...
2019-08-27 09:56:58
3506
原创 【APICloud】随笔
页面head中添加：<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/><meta name="format-detection" content="telephone=no,ema...
2019-08-14 15:44:34
121
原创 【JavaScript】克隆对象
应用场景var obj1 = { a: 1, b: 2 };var obj2 = obj1;console.log(obj2); // { a: 1, b: 2 }obj1.a = 5;console.log(obj2); // { a: 5, b: 2 }obj2.b = 8;console.log(obj1); // { a: 5, b: 8 }Why?js中对象属于引用类...
2019-07-03 17:41:11
110
原创 【APICloud】元素设置高后，在ios中滚动卡顿
关键样式 -webkit-overflow-scrolling:touch;拓展概述-webkit-overflow-scrolling ：在移动设备上是否使用滚动回弹效果.取值auto：使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。touch：使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈...
2019-07-03 17:12:31
225
原创 【ES6】模拟字符串拼接
示例代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"/> <title>ES6 - 模拟字符串拼接</title></head><body><h1></h1></body...
2019-07-03 15:09:18
380
原创 【Vue】路由传参与取值的两种方式
1、query 方式传参： this.$router.push({ path: this.componentName, query: { dataList: [...] } });取值： this.$route.query.dataList;2、params 方式传参： this.$router.push({ pa...
2019-07-03 15:03:06
3567
原创 money 小写转换大写
示例代码如下：function convertCurrency(money) { //汉字的数字 var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'); //基本单位 var cnIntRadice = new Array('', '拾', '佰', '仟'); //对应整数部分扩展单...
2019-07-03 14:55:29
279
原创 markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-07-03 10:28:19
105
原创 VConsole 前端移动端调试神器
vconsole.js git地址：https://github.com/Tencent/vConsole使用方式：<script type="text/javascript" src="vconsole.min.js"></script><script type="text/javascript"> new VConsole();</scr...
2019-07-03 10:27:36
1024
原创 APICloud 多层FrameGroup嵌套引起遮盖
这里会用到一个特别重要的属性设置：hidden: true具体该如何让它发挥作用呢：问题描述：假设有FrameGroupA（包含Frame A1、A2），其中A1嵌套了FrameGroupB（包含Frame B1、B2）。此时B1、B2覆盖了A2。解决方法：1、在FrameGroupA中的api.openFrameGroup()方法的回调事件中对ret.index进行判断...
2019-06-28 12:01:00
482
原创 APICloud 初始页面配置
指定初始化页面： 在config.xml中 <content src="./login.html"/>初始化的页面，存在一个默认的winName: root如果退出到初始页面，可以通过: api.closeToWin({ name: 'root' }); ...
2019-06-19 15:21:00
1516
原创 【转】MapBox GL JS 数据渲染流程
至于如何初始化一个地图，请查看文档。基本架构mapbox的架构有些奇怪，接口层和逻辑层其实没有明确的区分。mapbox中style是一个比较重要的类，统辖整个数据层次。Painter中集成了draw和style两个模块数据处理流程数据加载和流程渲染数据的加载与解析在source中；主要有两部分组成，逻辑部分在主线程中比如：vector_tile_sour...
2019-06-16 15:57:00
534
原创 APICloud openFrameGroup如何切换时刷新
切换frame组中的页面时，是不会每次都刷新的；但是如果想要每次刷新，获取最新数据，该如何是好？setFrameGroupIndex来帮你：api.setFrameGroupIndex({ name: 'group1', index: index, reload: true // 设置为true}); ...
2019-05-22 09:44:00
1878
原创 【 iview 实践指南】之在Table中使用 InputNumber 并实现列求和
先看一下实际需求：这里需要针对“非农保费计划指标”做列求和；本文以（https://www.cnblogs.com/likwin/p/10572203.html）为基础，部分字段根据实际业务需求有些变动，不影响整体思路！！！基本思路： 1、将“合计”这一行数据追加在Table的data中； 2、在data内定义需要求和的几个变量： 3、修改temp...
2019-03-23 15:10:00
1525
原创 【 iview 实践指南】之如何优雅地在"Table"中嵌套"Input"（代码篇）
iview 版本 3.2.0 +template 部分：<template> <div> <Table class="data-manage-table" border :disabled-hover="true" :columns="columns" ...
2019-03-21 16:37:00
475
原创 【 iview 实践指南】之如何优雅地在"Table"中嵌套"Input"
你在使用 iview 的过程中，有没有遇到过这样的需求（如下图）：最吸引眼球的地方，就是表格中的那个宽为2像素，颜色为蓝色的输入框了。很明显，这就是想让我在 Table 中套用 Input 呀，so easy！接下来，上代码（此处我使用的iview版本为 v3.2.1）： 1、定义columns 和 datalist： 2、定义 Table： ...
2019-03-21 16:28:00
1504
原创 localStorage 在 IE 中的那点事儿
先来看一下 Web Storage 在各个浏览器的兼容情况：很明显，在IE中，Web Storage(sessionStorage and localStorage) 最低支持到 IE8；那么问题来了，在 IE8+ 中，兼容性真的有那么好吗？其实不然，在“强大”的IE中，安全性做的是相当到位的，想要 localStorage 在 IE8+ 中发挥它该有的作用，你必须做如下操作：...
2019-03-20 11:36:00
3500
原创 table 的表头
先来看一下效果图：全部代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2018-12-13 20:19:00
760
原创 【vue】组件的生命周期
Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的Vue实例不同。1、beforeCreate 在实例初始化之后，数据观测和event/watcher时间配置之前被调用。2、created 实例已经创建完成之后被调用。在这一步...
2018-09-12 09:21:00
66
原创 ajax请求到后台
方式一： 1.使用JSON.stringify 将数组对象转化成json字符串; var array = ["1", "2"]; $.ajax({ type : 'POST', url: path + '/check/testPost', contentType : "application/json" , data : JSON.stringify(array), success :...
2018-06-29 11:02:00
91
原创 应用keyup监测输入框兼容IE处理
在IE中，汉字输入法输入拼音仍可触发keyup事件，但有时候并不希望这样var str = '';$('#searchKey').on('keyup', function(e){ if ($(this).val() != str) { str = $(this).val(); if(((e.keyCode == '8' || e.keyCode == '46') ...
2018-06-13 21:50:00
520
原创 如何防止input回车造成提交表单
在form表单或input中加入：onkeydown="if(event.keyCode==13){returnfalse;}"
2018-05-30 11:32:00
232
原创 iframe页面之间元素获取与方法调用
父页面与子页面之间的元素获取与方法调用：1、JS父调子子调父元素window.frames[iframe的name属性值];① window.parent.document.getElementById("父页面元素ID");②window.parent.document.getElementsByTagName("父页面元素标签名")[i];③window.parent.document.get...
2018-05-18 14:14:00
190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人