![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
一粒程序米
行业方向:物联网 移动开发
展开
-
uniapp获取上个月、下个月的月初和月末的日期实现
<template> <view> <button type="" @click="last()">上一月</button> <button type="" @click="next()">下一月</button> <view class="" > {{startDate}} </view> <view class=""> {{endDate}} </...原创 2022-02-14 19:00:00 · 2002 阅读 · 0 评论 -
js获取当前周、前一周、下一周日期/星期
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>日历操作</title><script>window.onload = function(){var c...原创 2022-01-27 22:30:00 · 4634 阅读 · 1 评论 -
js获取前一天或者后一天的日期
1.获取今天的let date=this.$dayjs(new Date()).format('YYYY-MM-DD')2.根据传入的日期获取日期的前一天,取决于 this.datethis.date = this.$dayjs(new Date(this.date).getTime()-86400000).format('YYYY-MM-DD');3.根据传入的日期获取日期的后一天,取决于 this.datethis.date = this.$dayjs(new Date(this.date原创 2022-01-27 20:30:00 · 7458 阅读 · 0 评论 -
js校验某个变量是否是数值
isRealNum(val){ // isNaN()函数 把空串 空格 以及NUll 按照0来处理 所以先去除, if(val === "" || val ==null){ return false; } if(!isNaN(val)){ //对于空数组和只有一个数值成员的数组或全是数字组成的字符串,isNaN返回false,例如:'123'、[]、[2]、['123'],isNaN返回false, //所以.原创 2022-01-25 20:00:00 · 1153 阅读 · 0 评论 -
js计算比例并保留2位有效小数
(Math.round(num / sum * 10000) / 100.00)其中num为分子,sum为分母原创 2021-10-21 12:48:50 · 585 阅读 · 0 评论 -
使用Babel编译ES6代码成为ES6之前的代码
(1)安装node.js(安装了node.js会自动安装npm)由于我的电脑是Windows7的,所以安装不了高版本的。我安装的是6.9.2的。https://nodejs.org/download/release/v6.9.2/选择node-v6.9.2-x64.msi 这个进行下载安装即可。安装完之后在前端所在项目目录打开cmd,分别输入node -v 和npm -v看是否安装成功。(2)输入 npm init 后回车,获得package.json文件(3)输入 npm install原创 2021-07-22 11:54:15 · 286 阅读 · 0 评论 -
JavaScript实现鼠标点击监听---弹出社会主义核心价值观(面向对象小练习)
效果如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{ background-原创 2021-07-16 18:14:57 · 664 阅读 · 0 评论 -
web前端需要掌握的PS技术
做WEB前端,常常会用到的PS操作有以下几种:1、常规切图2、生成图片资源3、生成CSS代码4、批量压缩图片5、抠图技巧6、修图技巧7、图层操作8、文字编辑9、图像合成前四个技术教程:web前端需要掌握哪些ps的操作呢?教程作者:@酷coo豆第五个技术教程:抠图是PS中的一个重要功能,它的作用是从图像素材中截取局部需要的图像素材,前端不需要掌握PS中高深的截图技巧,但是工具栏上的矩形、圆形、多边形、魔术棒等选框是需要掌握的,矩形选框可以直接框选透明背景的图像元素,还可以量元素的尺原创 2021-07-17 11:59:05 · 1156 阅读 · 0 评论 -
JavaScript利用时间戳实现动态倒计时效果(距离2022年高考倒计时)
主要难度体现在时间戳转成时间零头<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>倒计时</title> <style> </s.原创 2021-07-16 18:14:16 · 1558 阅读 · 0 评论 -
JavaScript鼠标移动不断渲染小球(面向对象)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{ background-colo.原创 2021-07-16 18:15:13 · 257 阅读 · 1 评论 -
JavaScript有趣的上下文分析
有这么一道题:请问打印的值分别是什么? <script> var a=1; var obj={ a:2, fun:(function(){ var a=this.a; return function(){ console.log(this.a); } })() }; obj.fun(); </script>这个上下文骗到我了。不知道我的猜想是原创 2021-07-15 15:00:56 · 207 阅读 · 2 评论 -
JavaScript利用offsetTop实现楼层导航跳转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { m原创 2021-07-15 10:51:22 · 346 阅读 · 0 评论 -
JavaScript点击按钮回到顶部(bom特效)
主要使用的是bom(浏览器对象模型)对象document.documentElement.scrollTop实现的。window.scrollY是只可读的,document.documentElement.scrollTop是可读可写的。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d原创 2021-07-15 10:24:02 · 239 阅读 · 0 评论 -
JavaScript定时+css过渡实现轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ mar原创 2021-07-15 09:21:33 · 333 阅读 · 0 评论 -
JavaScript只能输入特定字符,输入其他无效,如只能输入小写字母和数字
主要用到的函数是onkeypress的事件对象,还有charcode。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> </style> </head> <body> <p> <input type="t原创 2021-07-14 17:14:16 · 720 阅读 · 0 评论