随笔分类 - javascript基础
摘要：今天再开发的过程中遇到了一个坑 需要用到当前时间与产品过期时间去做一个判断，产品过期时间的格式是"2020-04-26 09:23:00"，类似这样，本来想着用new Date()取当前时间与过期时间进行大小比较，应该是没什么毛病才对，结果上线之后发现，ios设备上没有效果，检查了之后才发现，原来n
阅读全文
摘要：在做h5页面的过程中，经常会遇到这种情况，页面滚动到一定位置的时候，那个元素需要固定在顶部，之前都是用js去计算再实现，其实用css来实现更加方便 html: <div> <p>粘性定位</p> </div> css: div{ height:200px; margin-top:50px; } p{
阅读全文
摘要：1、ios的webview中滑动不流畅。（原因：ios5.0以后的版本，滑动定义有两个值auto和touch。默认值为auto） -webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */ -webkit-overflow-scrol
阅读全文
摘要：刚好闲了一下，于是就写了一个js拖动div的简单例子，项目是vue搭建的大概就是以下内容 html部分 <div class="shop-cart-icon" id="shopCart" @touchstart="touchStart($event)" @touchmove="touchMove($
阅读全文
摘要：今天工作，做到图片上传的，后端说让我压缩了之后再发送请求，好吧，之前都没有做过压缩，这是又要让我get一种技能的节奏，于是百度找了一圈，发现一个应该是可以用的 localResizeIMG 遗憾的是，看到了笔着这样的说明： 本来想换一个，可是看到这个评价还可以，于是就决定用这个了 根据他的说明，先获
阅读全文
摘要：基于vue来实现的 html部分 <div class="get-code" @click.stop="getCode">{{codeTxt}}</div> js部分 export default { data(){ isCodeIng:false,//是否倒计时 codeTxt:'获取验证码',
阅读全文
摘要：今天做项目遇到需要做图片裁剪功能的，于是就上网找了一下资料，发现cropperjs这个用的比较多，所以就用了这个 主要内容： <template> <div class="hello"> <img src="./assets/upload.png" alt="" id="img"> <input t
阅读全文
摘要：工作中遇到需要将页面的一部分html转化为pdf文件的需求，于是上网找了一下资料，现在简单总结一下。 使用的是jspdf插件 首先需要两个文件： 1：https://unpkg.com/jspdf@1.5.3/dist/jspdf.min.js 2：https://cdnjs.cloudflare.
阅读全文
摘要：这两天在工作中遇到了许多bug，有一些没来得及总结。今天总结一下使用addEventListener监听事件出现的问题 项目是用vue来做的，首先在mounted函数里面使用：window.addEventListener('scroll', this.pageScroll); 然后就是pageSc
阅读全文
摘要：有时候我们希望元素被focus的时候页面不发生滚动，例如我们点击一个按钮打开一个弹框，此时点击弹框中的关闭按钮隐藏弹框后，希望键盘的焦点回到之前的按钮上，我们就会执行如下JavaScript代码： 但是有时候会带来另外一个比较严重的体验问题，那就是如果弹框显示之后我们页面发生了滚动，原本点击的按钮跑
阅读全文
摘要：1、判断是否微信浏览器 2、判断是移动端浏览器还是PC浏览器 3、创建一个菜单搜索 4、联想自动补齐功能 5、下啦菜单可进行搜索/过滤操作 6、点击式导航栏下啦菜单 7、全屏幕导航--从上到下动画 8、右侧侧边栏 9、侧边栏动画--页面主体内容黑色透明背景 10、js/css响应式顶部导航样式实例
阅读全文
摘要：var myVar=setInterval(function(){ myTimer() },1000); function myTimer(){ var d=new Date(); var t=d.toLocaleTimeString(); document.getElementById("demo").innerHTML=t; }
阅读全文
摘要：Date.prototype.format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+":
阅读全文
摘要：css部分 js部分 本文来源：https://www.zhangxinxu.com/wordpress/2018/05/click-page-popup-text-tips/
阅读全文
摘要：以前只知道jsonp其实是通过创建一个新的script标签，然后进行请求数据，因为script的src属性进行请求，没有存在跨域这么一说， 因此jsonp的方式也是只能是通过get来进行请求，于是今天再网上看到这么一个做法，觉得可以学习一下。
阅读全文
摘要：//判断有无 function hasClass(ele, cls) { return ele.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)")); } //添加 function addClass(ele, cls) { if (!this.hasClass(ele, cls)) ele.className += " " + cls;
阅读全文
摘要：String Skill 时间对比 格式化金钱 随机生成ID 生成随机HEX色值 生成星级评分(可以直接设置节点内容为start，然后设置不同颜色) 操作URL查询参数 Number Skill 取整 补零 转数值 时间戳 精确小数 判断奇偶 取最小最大值 生成范围随机数 Boolean Skill
阅读全文
摘要：<template> <div class="swiper"> <div id="swiper_lsc" class="swiper_lsc"> <div class="swiper_box" v-for="(item,index) in imgArr" :key="index"> <img :src="item.url" alt=""> </div> </d
阅读全文
摘要：一、为什么要封装 在开发过程中，具有相同处理逻辑的代码通常会进行函数的封装来减少代码冗余，使代码看起来更加美观， 属性一般定义在构造函数中，而方法一般定义在prototype原型上 es6中的class类的实现 在类里面定义方法，是直接定义在原型上的。constructor方法相当于es5中构造函数
阅读全文
摘要：在HTML5中，download是<a>便签的新增属性，download属性能让我们指定浏览器下载文件时的默认名称，将download属性添加到<a>连接上，当我们点击这个链接，download属性值里的名称会显示到弹出的下载框里，而且download属性能够强制触发下载操作 1：可以通过<a>链接
阅读全文
浙公网安备 33010602011771号