js
caicaicai404
很佛系,闲来无事就写写博客
展开
-
多维数组转成一维数组
多维数组转成一维数组原创 2022-06-26 17:17:37 · 696 阅读 · 0 评论 -
一维数组根据父id转为嵌套树结构
数组树结构处理原创 2022-06-26 17:04:10 · 607 阅读 · 0 评论 -
children嵌套的多维数组关键字排序
多维数组排序原创 2022-06-19 18:12:19 · 357 阅读 · 0 评论 -
js中数组的number或string类型转换 及其他api
将String类型的数组转为Number类型:a.map(Number)将Number类型的数组转为String类型:a.map(String) let a = ['1', '2', '3']; let b = [4, 5, 6]; console.log(a.map(Number)) console.log(b.map(String))打印结果:替换字符串中指定字符:a.replace(/指定字符/,'替换后的...原创 2021-01-17 20:17:49 · 1777 阅读 · 0 评论 -
&& 与 ||在React中条件渲染的用法
在React开发中,我们经常会用到html的条件渲染,如使用三目运算来判断展示哪个html let a = true return ( <div> { a ? <div>111</div> : '' } </div> )利用&& 或者 || 运算符的短路写法可以实现更简的代码。 const q原创 2021-01-17 18:19:10 · 1769 阅读 · 0 评论 -
Object.values可遍历带不同key值的对象数组
返回数据如下,我需要全部遍历成一个列表:原创 2021-01-17 17:19:18 · 683 阅读 · 0 评论 -
解决ios底部固定输入框,获取焦点时弹出输入法键盘挡住输入框
ios端比较常见的,就是在页面底部固定的输入框,如下,一旦获取焦点,弹出的输入法键盘就会把input输入框完全挡住,解决方法很简单,加上下面的几行代码即可 $(".replay_text").on("click", function() { setTimeout(function(){ document.body....原创 2018-11-01 09:30:07 · 5170 阅读 · 0 评论 -
H5页面唤起指定app,有就唤起,没有则跳转下载页
点击按钮,当已经安装了app则调起,否则跳转到应用宝或者App store下载页面(普通浏览器兼容,微信有权限限制,只能每次跳转下载页)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de原创 2018-10-25 15:10:03 · 9504 阅读 · 1 评论 -
input完美实现无闪烁只能输入1到999的整数
输入数字第一位不能为0,不能输入小数点,中文,英文。且输入整数以外的内容时,输入框违规内容不会一闪而过 <input type="tel" oninput="var v=this.value||'';v=v.replace(/[^\d]/g,'');if(v.length==1 && v==0){v=''};this.value=v.substr(0,3);"&...原创 2018-10-18 14:17:27 · 4493 阅读 · 0 评论 -
vue步步深入(三)脚手架文档的基本结构和处理
1."static"文件夹可以放静态资源2."src"文件夹里自动生成的几个文件夹可以删掉,后面我们可以建自己需要的文件夹3."App.vue"里面可以先删掉多余的东西,只留下最简单的模板<template></template><script>export default { }</script><st原创 2018-05-20 13:11:02 · 662 阅读 · 0 评论 -
vue步步深入(二)package.json文件介绍和使用
1.运行项目,命令行:npm run dev2.“dependencies”依赖包,需引入页面使用3.“devDependencies”生产环境,只是开发阶段需要4.在给“dependencies”手动输入"fastclick": "^1.0.6",安装fastclick插件。再在命令行中输入:...原创 2018-05-19 17:44:36 · 27726 阅读 · 0 评论 -
vue步步深入(一)环境搭建
1.npm命令行:vue init webpack 文件夹名字2.再写项目名,一般小写3.上下键控制选择,选择下面6KB轻量级那项,回车4.接下来的步骤如下图操作:这样项目初步的脚手架就搭好了,生成的文件夹目录如下:5.再输入命令行,进入AppleMusic文件夹cd AppleMusic6.输命令行,安装所有的依赖包npm installpackage.json文件介绍1.运行项目,命令行:np...原创 2018-05-18 23:53:28 · 624 阅读 · 0 评论 -
Swiper(三):自定义点击事件swiper跳到指定页面
选择哪个按钮就会跳到指定的页面,这样我们就可以自己来定义swiper分页器的功能了。下面的例子可以应用在点击地图上的用户头像,则滚动到到对应用户的信息轮播图swiper的slideTo方法,swiper.slideTo(index,speed,runCallbacks);index:必填,需要跳到页面的索引speed:选填,切换速度(毫秒)runCallbacks:选填,...原创 2018-04-15 22:52:50 · 42230 阅读 · 5 评论 -
js判断是微信还是支付宝浏览器
判断是微信还是支付宝浏览器 var browser = navigator.userAgent.toLowerCase(); if(browser.match(/Alipay/i)=="alipay"){ console.log("支付宝app的浏览器"); }else if(browser.match(/MicroMessenger/i)=="micromesse...原创 2018-04-07 11:19:11 · 8140 阅读 · 0 评论 -
点击按钮实现图片下载 W3C的download属性
W3C的download属性,亲测只适用于PC和移动端浏览器,打包成app无效<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">原创 2018-01-11 09:35:01 · 8677 阅读 · 2 评论 -
js移动端文字提示框
一个简单的文字提示框,可用于接口数据返回失败时的文字提示,或用户错误操作时的提示 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"/>原创 2018-04-09 12:35:31 · 4583 阅读 · 0 评论 -
简单解决js计算rem单位首次加载页面瞬间布局错乱的问题
在写移动端布局时,有些人喜欢用单纯的CSS+百分比来控制字体单位,而有些人则喜欢用js来计算字体的单位以及处理屏幕兼容。这种方法其实是挺不错的,比用媒体查询能减少能多的后期处理。但是相信用过这个方法的人不少都会发现,在我们首次打开页面的时候,有时会出现一闪而过的布局错乱的问题,虽然只是短短的一瞬间,但每次看到都会让人觉得很不舒服。 (function() { document.addEvent...原创 2018-04-15 23:36:59 · 3756 阅读 · 0 评论 -
删除高德地图覆盖物
自己在地图上画的覆盖物 var addMarker = new AMap.Marker({ map: map, //icon: imgUrl, position: [Lng, Lat], offset: new AMap.Pixel(top, left), content: '<div class="' +...原创 2018-04-10 18:29:59 · 11475 阅读 · 0 评论 -
高德地图清除指定覆盖物 自定义覆盖物样式(完整dome)
该篇文章两个知识点:1.每次点击把手动添加的覆盖物存到自定义的数组,清除时再调用map.remove(传参),并把数组置空;2.想自定义覆盖物样式:只需在callBackFn函数里,再添加content参数,里面可以添加我们自定义的标签名和样式,这样就算你想在里面画花都行了;效果图: dome:<!DOCTYPE html><html> &l...原创 2018-04-11 12:11:50 · 12539 阅读 · 0 评论 -
Swiper(一):解决swiper动态加载下一页衍生的问题
swiper插件好用不假,但真正项目中的轮播图是不可能一直用静态数据的,当我们用动态数据渲染轮播图的每一页时,如果调轮播的方法放的位置不对,轮播图就会出现不能滑动的问题,解决方法,看下面例子:$.ajax({ type: "POST", url: XXX, //接口地址 data: { pag...原创 2018-04-13 12:42:42 · 8398 阅读 · 0 评论 -
Swiper(二):swiper自定义分页器样式
demo: (只是大概写了一下样式,重点在于"paginationBulletRender"里面的写法)<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title原创 2018-04-15 22:51:41 · 11648 阅读 · 2 评论 -
js把年月日时间转化成刚刚,几分钟前,几小时前,几天前(完整代码)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> var pretime = &q原创 2018-04-07 14:58:24 · 4676 阅读 · 0 评论