tx_xiaobai-CSDN博客

原创防抖、节流

/* 防抖*/function debounce(fn, delay) { let timer return function (...args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { fn.apply(this, args) }, delay) }}// 测试function a() { console.log('ru.

2022-03-30 14:19:59 263

原创二进制文件流下载

const { code, data, headers } = await authHttp.post('接口地址', params, {responseType: 'blob'})if (code !== 200) return headers && /filename=(.+);/.test(headers['content-disposition']) let fileName = decodeURIComponent(RegExp.$1)let ur.

2022-01-11 10:55:01 528

原创 js 金钱格式化

/** * 金钱格式化 * @param num 数字 * @param precision 精度 */function moneyFormat(num: number, precision = 0) { let numStr = +(num || 0).toFixed(precision) + '', ret = '' let [intStr, decimalStr] = numStr.split('.') while (intStr.length > 3) { .

2021-08-13 14:45:55 147

原创 js对象过滤空属性

exportfunctionfilterParams(obj){let_newPar={};for(letkeyinobj){//如果对象属性的值不为空，就保存该属性（这里我做了限制，如果属性的值为0，保存该属性。如果属性的值全部是空格，属于为空。if((obj[key]===0||obj[key]===false||obj[key])&&obj[key].toString().replace(/(^\s*)|(\s*...

2021-06-21 17:15:28 2719

转载【vue】echarts 自适应

<template> <div ref="chart" style="width:100%"></div></template><script>export default { props:{ options:{ type:Object, required:true } }, data(){ return{ chart:null } }, me.

2020-11-26 10:02:13 138

原创【VUE】异步等待，同步调接口

一、使用 async await 方法async mouseleave(e,node,data){ this.qwer = data.dataID; await this.$refs.rightContent.mouseleave(this.qwer) // 调用 rightContent 组件中的方法 await this.$refs.rightContent.callchildmethod();},二、使用 this.$nextTick(()=>{{.

2020-10-22 11:24:47 2177 1

原创【微信小程序】使用echarts

一、页面<viewclass="chartBox"style="width:100%;height:300px"><ec-canvasid="efficiencyChart"canvas-id="graph"ec="{{ec}}"></ec-canvas></view>二、JS 1、引用echarts 插件 import * as echarts from '../../ec...

2020-09-04 13:27:38 156

原创 2020-08-26【uni-app】scroll-view选项卡

<template>  <view class="point_content">  <view class="tabMenu whiteBg"> <scroll-view class="scroll-view_H" scroll-x="true" show-scrollbar="false" :scroll-into-view=".

2020-08-26 15:24:24 189

原创 css步骤条_可滚动

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>步骤条_可滚动</title> <style type="text/css"> ol.steps::-webkit-scrollbar { /* chrome 隐藏滚动条*/ display: none; } .

2020-08-18 11:29:43 358

原创正则表达式（数字）

数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$有两位小数的正实数：^[0-9]+(.[0-9]{2})?$有1~3位小数的正实数

2020-07-14 16:55:47 329

原创 checkbox 修改样式

使用伪类元素对checkbox样式进行修改边框样式在before中修改，"\2713"为字符表勾选字符input[type="checkbox"] {width:20px;height:20px;display: inline-block;text-align:center;vertical-align:middle;line-height:18px;margin-right:10px;pos...

2020-07-07 10:55:47 449

原创获取页面高度

var screenHeight = document.documentElement.clientHeight-310;$('.loginBox').css('height',screenHeight);

2020-07-06 17:12:20 256

原创设置meta标签，清除页面缓存

2020-06-30 18:25:37 229

原创 input placeholder 修改样式

<input type="text" placeholder="请输入"><style> ::-webkit-input-placeholder { color: red; font-size: 20px; font-weight: bolder; }</style>

2020-06-24 16:25:48 101

原创【echarts】地图实现省市区联动

地图选择器：http://datav.aliyun.com/tools/atlas/#&lat=31.728167146023935&lng=104.32617187499999&zoom=3<!doctype html><html lang="en"> <head>  <meta charset="utf-8"> <meta n

2020-06-10 14:12:18 1995 4

转载 bootstrap-paginator分页插件的简单使用实例

简述：bootstrap-paginator是一款基于bootstrap的jQuery分页插件。githup项目地址：https://github.com/lyonlai/bootstrap-paginator兼容：Firefox 5+, Chrome 14+, Safari 5+, Opera 11.6+ and IE 7+参数介绍：标记为红色的为必选参数参数名称数据类型默认值描述 bootstrapMajorVersion number 2.

2020-05-26 16:20:57 564

原创【微信小程序】接口请求封装

打开app.js/* 接口地址*/const urlRoot = 'https:// www.xxx.com'const apiRoot = urlRoot + 'api//* 全局数据*/globalData: { urlRoot: urlRoot, apiRoot: apiRoot,},/* 获取url*/ getUrlRoot...

2020-03-31 15:24:12 513

转载【VUE】子组件给父组件传值

子组件通过this.$emit()的方式将值传递给父组件this.$emit('父组件指定的传数据绑定的函数',子组件给父组件传递的数据)子组件：<template> <div class="app"> <input @click="sendMsg" type="button" value="给父组件传递值"> </...

2020-03-31 10:41:57 108

原创【vue】vue-cli 2.x -- 接口封装(3)

接口封装：一、src文件夹下创建一个api文件夹（自定义文件夹名），创建一个index.js(可自定义)二、index.js内容如下：// 引用路由import route from "../router/index.js"// 配置API接口地址// var root = 'https://cnodejs.org/api/v1'var root = 'api'// ...

2020-03-26 20:19:51 617

原创 css 修改滚动条样式

css样式div::-webkit-scrollbar{ width:2px; height:10px;}div::-webkit-scrollbar-track{ background: rgb(239, 239, 239); border-radius:2px;}div::-webkit-scrollbar-thumb{ background: #bfbfb...

2020-03-24 14:45:15 129

原创【vue】vue-cli 2.x -- 引入scss、写组件、axos 安装(2)

开始创建页面、样式一、创建样式1、src 目录下创建 style 文件夹 style 文件夹下创建 scss/less 文件夹（用于放各个页面的样式）2、

2020-03-18 22:06:49 245

原创小程序设置当前页面标题颜色背景

{ "usingComponents": {}, "navigationBarTitleText":"我的订单", "navigationBarBackgroundColor": "#0387FE", "navigationBarTextStyle": "white"}

2019-12-20 15:38:29 303

原创鼠标滑动定位

<!DOCTYPE HTML><html> <head> <title>导航定位</title> <meta charset="utf-8"> <meta name="Generator" content="EditPlus"> <meta name="Author" content...

2019-12-16 14:55:46 167

转载 css实现loading效果

一、<div class="loading"> <span></span> <span></span> <span></span> <span></span> <span></span></div>.lo...

2019-11-19 15:39:17 350

原创微信小程序页面跳转方式

1、普通跳转（保留当前页面，跳转到应用内的某个页面） wx.navigateTo({ url: '', })相当于 window.location.href = " "2、关闭当前页面，跳转到应用内某个页面wx.redirectTo({ url: '', })相当于window.open（‘你要跳的页面’）3、跳转到ta...

2019-08-07 13:45:27 382

原创 js 获取当前日期的后30天

// 开始时间设置为今天 Thu Aug 01 2019 15:00:01 GMT+0800 (中国标准时间)var startDate = new Date(); console.log(startDate)// 初始化结束时间 var endDate = new Date(); console.log(endDate)// getDate可以返回当前日期表示天的数字。数...

2019-08-01 17:06:47 2068

原创【vue】引入外部js文件

1、先在static -- js文件夹内创建js: public.js /** * 时间戳转时间 */export function formatDate(value){ // var val = JSON.parse(value) var date = new Date(value*1000);//时间戳为10位需*1000，时间戳为13位的话不需...

2019-07-29 14:47:42 603

原创 js 时间戳转时间

function formateDate(value){ var date = new Date(value*1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear(); var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : da...

2019-07-29 14:41:14 144

原创 jQuery -- ajax封装

var ajax = { get: function(url, data, successCallback){ $.ajax({ url: baseUrl + url, type: 'GET', data: data, dataType: 'JSON', ...

2019-07-25 17:29:29 84

原创 js各种验证

// 是否为数字var isNumber = function(val){ var partten = /^\d+(\.\d+)?$/; // var partten = /^(-)?\d+(\.\d+)?$/; return partten.test(val)}//验证整数var isInt = function(val){ var pattern...

2019-07-25 17:20:56 132

原创【vue】vue-cli 2.x安装及快速入门(1)

前期工作：1、检查node、npm 是否安装 node -V npm -V2、安装vue-cli 脚手架工具 npm install -g vue-cli 3、创建项目 vue init webpack 项目名称（不能有大小写）一系列操作后、会出现 cd 项目名称 ...

2019-07-25 16:27:07 307

原创【vue】原生上传图片

/* 因为上传请求的头是["multipart/form-data"]，所以要封装一个上传接口请求*/上传接口请求：function uploadApiAxios (method, url, params, success, failure) { if (params) { params = filterNull(params) } axios({ ...

2019-07-25 15:49:10 877 1

原创【VUE坑】打包后 index.html 空白

最近在build打包vue项目遇到了几个问题，如下：1、npm run build打包项目之后，我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器，但最近发现直接打开index.html页面是空白的，还会报几个错，找不到页面路径。原因：找到config文件下index.js，全局搜索assetsPublicPath，结果是 assetsPublic...

2018-10-12 10:55:07 267

转载【vue坑】打包后背景图片不显示问题

vue打包后CSS中引用的背景图片不显示问题今天在插入背景图片过程中，遇到了路径错误的问题，通过网上查询，找到了解决的办法，但是大部分都没有讲造成这种问题的原因，故我简单地总结了一下，并加入了一些自己的理解，欢迎共同探讨~ 当用vue-cli自动构建项目后，有两种运行方法，分别是： npm run dev : 提供一个开发的环境，自动热更新，资源使用绝对路径，所以可以正常...

2018-10-12 10:50:40 559

tx_xiaobai的博客