- 博客(34)
- 收藏
- 关注
RSS订阅原创 防抖、节流
/* 防抖*/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
318
原创 二进制文件流下载
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
637
原创 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
183
原创 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
2847
转载 【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
195
原创 【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
2315
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
206
原创 2020-08-26【uni-app】scroll-view选项卡
<template> <!-- content --> <view class="point_content"> <!-- tabMenu --> <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
247
原创 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
443
原创 正则表达式（数字）
数字：^[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
526
原创 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
490
原创 获取页面高度
var screenHeight = document.documentElement.clientHeight-310;$('.loginBox').css('height',screenHeight);
2020-07-06 17:12:20
330
原创 设置meta标签，清除页面缓存
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /><meta http-equiv="Cache" content="no-cache"><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Expires" content="0" />具体意义，请去htt..
2020-06-30 18:25:37
289
原创 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
140
原创 【echarts】地图实现省市区联动
地图选择器：http://datav.aliyun.com/tools/atlas/#&lat=31.728167146023935&lng=104.32617187499999&zoom=3<!doctype html><html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta n
2020-06-10 14:12:18
2187
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
610
原创 【微信小程序】接口请求封装
打开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
596
转载 【VUE】子组件给父组件传值
子组件通过this.$emit()的方式将值传递给父组件this.$emit('父组件指定的传数据绑定的函数',子组件给父组件传递的数据)子组件：<template> <div class="app"> <input @click="sendMsg" type="button" value="给父组件传递值"> </...
2020-03-31 10:41:57
164
原创 【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
676
原创 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
170
原创 【vue】vue-cli 2.x -- 引入scss、写组件、axos 安装(2)
开始创建页面、样式一、创建样式1、src 目录下 创建 style 文件夹 style 文件夹下创建 scss/less 文件夹（用于放各个页面的样式）2、
2020-03-18 22:06:49
294
原创 小程序设置当前页面标题颜色背景
{ "usingComponents": {}, "navigationBarTitleText":"我的订单", "navigationBarBackgroundColor": "#0387FE", "navigationBarTextStyle": "white"}
2019-12-20 15:38:29
340
原创 鼠标滑动定位
<!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
216
转载 css实现loading效果
一、<div class="loading"> <span></span> <span></span> <span></span> <span></span> <span></span></div>.lo...
2019-11-19 15:39:17
416
原创 微信小程序页面跳转方式
1、普通跳转（保留当前页面，跳转到应用内的某个页面） wx.navigateTo({ url: '', })相当于 window.location.href = " "2、关闭当前页面，跳转到应用内某个页面wx.redirectTo({ url: '', })相当于window.open（‘你要跳的页面’）3、跳转到ta...
2019-08-07 13:45:27
512
原创 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
2421
原创 【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
647
原创 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
190
原创 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
111
原创 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
181
原创 【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
388
原创 【vue】原生上传图片
/* 因为上传请求的头是["multipart/form-data"]，所以要封装一个上传接口请求*/上传接口请求：function uploadApiAxios (method, url, params, success, failure) { if (params) { params = filterNull(params) } axios({ ...
2019-07-25 15:49:10
947
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
360
转载 【vue坑】 打包后背景图片不显示问题
vue打包后CSS中引用的背景图片不显示问题 今天在插入背景图片过程中，遇到了路径错误的问题，通过网上查询，找到了解决的办法，但是大部分都没有讲造成这种问题的原因，故我简单地总结了一下，并加入了一些自己的理解，欢迎共同探讨~ 当用vue-cli自动构建项目后，有两种运行方法，分别是： npm run dev : 提供一个开发的环境，自动热更新，资源使用绝对路径，所以可以正常...
2018-10-12 10:50:40
615
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人