- 博客(47)
- 收藏
- 关注
原创 js--------------- sort打乱数组顺序
let arr = [1,2,3,4,5,6,7,8,9]console.log(arr.sort(() => {return Math.random() - 0.5}));let arr = [{age:1},{age:2},{age:3},{age:4},{age:5},{age:6}]console.log(arr.sort(() => {return Math.random() - 0.5}));
2021-12-07 09:54:59 591
原创 js获取时间
var date = new Date();date .getYear(); //获取当前年份(2位)date .getFullYear(); //获取完整的年份(4位)date .getMonth(); //获取当前月份(0-11,0代表1月)date .getDate(); //获取当前日(1-31)date .getDay(); //获取当前星期X(0-6,0代表星期天)date .getTime(); //获取当前时间(从1970.1.1开始的毫秒数)date .getHours();
2021-11-07 10:42:37 123
原创 echarts柱状图实现重叠
option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [ { data: [120, 200, 150, 80, 70, 110, 130], type: 'bar' }, { data: [130
2021-10-31 15:45:53 7400
原创 vue-amap搜索定位,多边形遮罩,自定义点坐标, 获取天气
main.js里面配置可以根据自己的样式进行修改<template> <div class="map_address"> <div class="address-wrapper" :style="{width:'100%',height:'100%'}"> <div style="display:flex;align-items: center;"> <el-amap-search-box
2021-10-25 17:28:44 851
原创 TypeError: AMap.Autocomplete is not a constructor
使用vue-amap搜索控件时候出现的问题,我这边是发现项目在main.js里面引入之后,在index.html里面也有而且少了下面的控件所以才会出现的报错
2021-10-25 10:39:18 4900 2
原创 获取当天晚上12点的时间戳
Date.parse(new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1))
2021-06-02 13:15:58 1460 5
原创 小数的科学计量法转换成数字
function toNonExponential(num) {var m = num.toExponential().match(/\d(?:.(\d*))?e([±]\d+)/);return num.toFixed(Math.max(0, (m[1] || ‘’).length - m[2]));}
2021-05-27 15:50:59 114
原创 用时间戳实现节流功能
//传方法和需要多久才能执行一次function throttle(func, wait) { //上一次执行的时间 let prev = 0; return function() { //当前的时间戳 let now = Date.now(); if (now - prev > wait) { func(); prev = now;
2021-01-25 10:07:45 1014 1
原创 vue监听购物车数量和金额变化以及物品模糊查询
简单的html 没有写样式<div> <div> <input type="text" placeholder="请输入" v-model="input"> </div> <table> <thead> <tr> <td>名称</td>
2021-01-22 14:29:14 710
原创 async await异步方法转同步
需要使用await需要在方法前面加上async,个人的理解是await会阻止程序往下运行,等到有返回结果之后才会执行后面的async function aa() { return new Promise((resolve, reject) => { //用定时器抱起来是为了更直观的效果 if (1 < 2) { setTimeout(() => { resol
2021-01-07 14:41:44 969
原创 vue-cli3关闭eslint语法检查
项目根目录下面创建vue.config.js文件然后把以下代码放进去重启项目语法检查就没了module.exports = { lintOnSave: false, devServer: { overlay: { warnings: true, errors: true } }}...
2020-12-29 16:11:29 602
原创 vue-router 路由拦截
在需要登录的路由里面加上这个配置,键名可以自己取以下代码就是判断有没有登录router.beforeEach((to, from, next) => {if (to.meta.isJurisdiction) {if (sessionStorage.getItem(‘username’)) {next();} else {next({path: ‘/login’})}} else {next();}})to.meta.isJurisdiction是判断进入的路由需不需要登
2020-12-16 11:15:28 501
原创 获取顶部地址栏地址和获取url参数
获取地址const getTopUrl = () => {return window.location.href.split("/#/")[0];}获取url参数name传参数名const getQueryString = (name) => {let reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”, “i”);let r = window.location.search.substr(1).match(
2020-12-09 15:16:34 350
原创 uni-app检测版本是否需要更新
在App.vue文件里面onLaunch: function() {// #ifdef APP-PLUSlet _this = this;plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {let platform = uni.getSystemInfoSync().platform == ‘ios’ ? ‘iOS’ : ‘Android’;_this.onUpdate(platform, widgetInfo)
2020-11-18 10:39:18 2147 3
原创 原生js从手机或者电脑上选取图片
选图片 主要是这个input标签实现是功能 $('label').on('click','span',function(){ $('.voucher-upload').click(); }); $('label').on('change','.voucher-upload',function(){ var formData = new FormData(); var img = $(this)...
2020-09-17 11:18:09 442
原创 搜索结果关键字改变颜色
当用户输入搜索关键字之后搜索结果需要把用户输入的关键字改变颜色可以参考以下代码第一个版本let content='今天你快乐了吗 ';//后台返回的结果let searchVal='快乐'; //用户输入的搜索关机字function eachColor(content,searchVal){ let nt=`<span style="color:red">${searchVal}</span>`; return content.replace(search
2020-06-15 15:40:51 1742
原创 vue使用rem,实现移动端适配
1、首先建立一个rem.js文件,然后把以下代码放到文件里面;(function(designWidth, maxWidth) { var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid; function refreshRem() { var width = docEl.getBoundingClientRect
2020-06-08 10:12:18 3390
原创 用css或者js保留数据中的空格渲染到页面上
在渲染的时候数据里面多个空格html会自己合并成一个空格,当业务需求保留后台返回的数据里面带的空格可以在html添加一个样式,添加下图这个样式之后空格就不会合并
2020-05-21 10:23:58 1498 2
原创 apicloud框架使用openinstall集成
1.首先在项目根目录创建一个res文件夹。2.在res文件夹下面创建一个名为manifest.xml的文件里面代码如下图3.继续在res文件夹下面创建一个UZAPP.entitlements文件里面代码如下4.在项目根目录的config.xml文件里面添加如下图代码,value里面需要填上你在openinstall里面创建的app应用的appKey5.在index页面配置接收下载链...
2020-05-07 15:25:48 419
原创 js查找数组中是否出现某个值
要是需要查询的数组里面是字符串类型的,而后台数据是数字类型就需要在后面加上’’,不然查询可能不生效includes和indexOf的用法是一样的
2020-01-15 11:06:17 390
原创 H5端把软键盘上面的换行变成搜索
用form吧input框包起来,然后把input的type改成search,这样在软键盘上面就是搜索了,但是这样在input框有内容输入的时候会有一个自带的叉 然后需要在css里面去取消掉这样之后叉就会被隐藏掉...
2020-01-09 10:27:32 1140
原创 用js配合css控制盒子旋转
$(this).css(‘transition’,’.3s’).css(‘transform’,‘rotate(90deg)’);这样就会有一点缓慢的效果
2019-12-31 17:50:21 1253
原创 判断元素是否还在动画中
if( $(elememt).is(":animated") ){ //判断元素是否处于动画状态//在动画中}else{//当前没有进行动画,则添加}
2019-12-27 18:16:36 512
原创 js对象键是字母的情况下排序
let data= { "B": [ { "id": 6, "shortName": "波兰超", "count": 2 } ], "C": [ { "id": 1813, "shortName": "超联杯...
2019-12-19 15:58:06 310
原创 js获取当前时间,往前或往后推多少天并且判断是星期几
var now = new Date();var date = new Date(now.getTime() +1 * 24 * 3600 * 1000);var year = date.getFullYear();var month = date.getMonth() + 1;var day = date.getDate();var hour = date.getHours();v...
2019-11-12 15:49:31 2352
原创 格式化时间,并且判断是否需要在时间前面加零
首先我们要先获取到标准时间,然后进行处理。定义一个函数来进行判断时间是一位数的时候是否要在前面加零。注意月份处理后需要加1后才会符合当前月份所以要先让数据加一,然后再传到函数里面,像下图那样操作就可以最有的结果打印出来就会是这种情况...
2019-09-12 15:06:04 661
原创 vue中sass的使用方法
第一步先安装sass1、cnpm install node-sass --save-dev (安装node-sass)2、cnpm install sass-loader --save-dev (安装sass-loader)3、cnpm install style-loader --save-dev ( //安装style-loader ,安装 vue-style-loader 其实是一样的...
2019-09-12 10:49:32 290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人