javascript学习笔记
javascript学习笔记
闲来无事垂钓
~
展开
-
根据天数计算年、日期计算
根据传入天数计算出总共有多少年/月/填原创 2024-02-02 19:36:12 · 408 阅读 · 0 评论 -
IntersectionObserver、MutationObserver应用,监听项目中指定属性数据,点击或模块显示时
IntersectionObserver 监听页面元素是否显示,MutationObserver监听DOM元素原创 2024-01-28 16:48:13 · 498 阅读 · 0 评论 -
关于export、import、exports 、require的使用方法介绍
关于export导出的方法、import引用的方法;exports导出的方法 、require引用的方法;关于export、import、exports、require的使用介绍原创 2023-02-01 18:11:13 · 586 阅读 · 0 评论 -
wow.js滚动页面实现动画效果
通过wow.js实现滚动网页添加各类动画,让网页动起来原创 2023-01-30 14:18:25 · 737 阅读 · 0 评论 -
设置网站置灰 css / js
设置网页置灰、页面灰度设置、grayscale原创 2022-12-01 13:06:10 · 982 阅读 · 0 评论 -
获取对象key、value、长度、遍历
获取对象长度、key值、value、遍历对象原创 2022-09-10 15:54:58 · 716 阅读 · 0 评论 -
h5跳转小程序/判断是小程序打开h5还是微信浏览器打开h5
有时候小程序会引用一些wap页面,但是wap页面里有一些点击跳转的地方还是wap,我想让他在小程序里时点击跳转小程序。例如:列表页里的一个按钮#clickDetail,在wap站里点击跳转wap详情页,如果在小程序里点击就跳小程序详情具体如下 $('#clickDetail').on('click',function(){ if(!window.WeixinJSBridge||!WeixinJSBridge.invoke){ docume...原创 2020-08-11 10:08:34 · 3436 阅读 · 1 评论 -
微信里打开html 隐藏微信右上角里的分享
首先要引用微信的js<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>然后在页面里加上如下代码即可<script>$(document).ready(function(){ alert(111) function onBridgeReady(){ WeixinJSBridge.call('hideOptionMenu'); } if (typeof原创 2020-08-06 16:03:39 · 515 阅读 · 0 评论 -
关于swiper 当前滑动值 loop:true时前后滑动值
swiper这个插件应该很多人用,今天主要说获取当前滑动的值https://3.swiper.com.cn/var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationType: 'fraction', loop: true, onSlideChangeEnd:function(swiper){ console.log('回调函数原创 2020-06-30 15:39:46 · 3156 阅读 · 0 评论 -
关于 i++ 、 i-- 、 ++i 、 --i 、i+=的运算过程
一、i++ 先打印 i 本身 在 +1或者 i--先打印 i 本身 在 -1var i =5; console.log(i++) //打印5console.log(i) //打印6var i =5; console.log(i--) //打印5console.log(i) //打印4二、++i 先运算+1 在打印+1后的 i 或者 --i先运算-1 在打印-1后的 ivar i =5; console.log(++i) //打印6var i =5; consol...原创 2020-05-14 13:18:14 · 1474 阅读 · 0 评论 -
2数组做对比,没有的用0占位
arrList = ["1","2","3","4","5","6","7","8","9","10"]array = ["8","9"]function sortNumber(a,b) {return a -b}for (var i=0;i<arrList.length;i++){if (array[i] !=arrList[i]){ console.log(i)...原创 2020-04-08 13:43:06 · 410 阅读 · 0 评论 -
数组、按某字段分类组合、数组查找符合字段的多条记录
一、在json里通过某个字段,把相同字段的放到一起var jsonArr=[ {id:0 ,citys:'1', value:["圣晖花园A区", "圣晖花园A区(圣晖花园)", "340792"]}, {id:1 ,citys:'2', value:["玉泉新城国防大学北院", "玉泉新城国防大学北院(玉泉新城国防大学A区)", "293246"]}, {id:2 ,citys:'1...原创 2020-04-01 15:33:16 · 405 阅读 · 0 评论 -
二目运算符多个条件判断的写法
多条件判断合成一句function test(a){ //如果是10输出10如果是20输出20否则输出其他 return a == 10 ? 10 :(a ==20 ? 20 :'其他')}console.log(test(11111))//其他console.log(test(10))//10console.log(test(20))//20functio...原创 2020-03-16 10:23:09 · 1413 阅读 · 0 评论 -
jq / js 动态添加页面跳转
<div class="clickHere">点击</div><a class="test">测试点击</a><script>$(function(){ $(".clickHere").click(function(){ // window.location.href="https://www.baidu.com/" /...原创 2020-01-17 14:23:57 · 963 阅读 · 0 评论 -
通过id或者某个值在json 数组中查找相关记录
例:通过name值在一下数组中查到name相同的那一条数据js obj 就是查出来的结果 , arrList 图上的数据源数组, name就是要通过这个值来查找,如果要通过id查就直接换成id即可var obj = arrList.find(function (obj) { return obj.name === "苏州"})console.log(obj)...原创 2019-10-18 16:09:10 · 4445 阅读 · 0 评论 -
手机浏览器css兼容
pixel与point比值称为device-pixel-ratio,普通设备都是1,iPhone 4是2,有些Android机型是1.5。]那么-webkit-min-device-pixel-ratio:2可以用来区分iphone(4/4s/5)和其它的手机iPhone4/4s的分辨率为640*960 pixels,DPI为是320*480,设备高度为480pxiPhone5的分辨率为64...原创 2018-07-12 18:04:37 · 8723 阅读 · 0 评论 -
前端面试题
一、数组去重方法1、双层循环,外层循环元素内层循环时比较值2、利用splice直接在原数组进行操作,双层循环,外层循环元素内层循环时比较值值相同则删去,删除元素后,数组长度也减一; 优点:简单易懂,缺点:占用内存高,速度慢3、利用对象的属性不能相同的特点进行去重4、数组递归去重5、利用indexOf以及forEach6、利用ES6的set,set数据结构类似于数组,其...原创 2018-07-06 17:35:15 · 146 阅读 · 0 评论 -
数组详解 \ 添加数组、删除数组元素、查找数组元素、合并数组、数组去重
indexOf数组元素索引,并返回元素索引,不存在返回-1,索引从0开始var num_ = ['a','b','c','d','e']; num_.indexOf('a');//0num_.indexOf(a);//-1num_.indexOf('f');//-1num_.indexOf('e');//4一、添加数组push添加最后一个元素,针对老数组最后一个元素后面...原创 2018-07-09 17:38:39 · 580 阅读 · 0 评论 -
git使用与经常遇到的问题
下载项目1、先进到要下载的目录 git bash here2、下载项目gitclone url( 项目的路径 url )更新文件 git pullgit提交文件提交文件时有自动生成项目文件,提交时忽略他,打开 .gitignore文件,里面添加上就可以,如:要忽略 .project文件,就直接把这个名字粘贴进去就可以,然后 就可以直接提交了1)、先更新...原创 2018-11-30 10:35:14 · 235 阅读 · 0 评论 -
模拟数据 json-server 增删改查 操作
一、准备页面html<ul class="list"> <li class="add">添加数据</li> <li class="change">修改数据</li> <li class="del">删除数据</li>原创 2018-12-13 15:24:46 · 6842 阅读 · 2 评论 -
json-server 安装,模拟后台数据请求
安装json-servernpm install -g json-server新建db.json文件,里面放自己的数据{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id"原创 2018-12-17 14:08:00 · 812 阅读 · 2 评论 -
html5点击唤醒app
h5页面唤醒app,以淘宝为例子<a onclick="openApp()">点击唤醒app</a> js<script>var download_schema = 'taobao://'; //app的协议有安卓同事提供,这里是用的淘宝var universal_link = 'ios下载地址';//ios下载地址var getVersi...原创 2019-02-28 10:01:58 · 4155 阅读 · 1 评论 -
页面首次打开弹出提示,以后不再弹出
localStorage(本地存储)和sessionStorage(会话存储)生命周期:localStorage:localStorage的生命周期是永久的,关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除数据,否则数据永远不会消失。 sessionStorage的生命周期是在仅在当前会话下有效。sessionStorage引入了一个“浏览......原创 2019-02-28 17:02:06 · 9196 阅读 · 0 评论 -
获取链接中参数、删除链接中参数
获取、删除 链接中参数原创 2019-05-10 11:29:05 · 9473 阅读 · 1 评论 -
ajax图文列表加载数据加入懒加载与onerror
css部分*{margin:0;padding:0;border:0;}ul{list-style:none;}.bOx{width:1200px;margin:20px auto;}.list li{line-height:35px}h3{color:#007BC4;font-size:16px;}body{background:#fff;color:#333;}body,u...原创 2019-05-16 15:01:37 · 942 阅读 · 0 评论