![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
JavaScript知识
头发超多的程序媛
这个作者很懒,什么都没留下…
展开
-
遍历清空对象属性
遍历清空对象属性原创 2022-01-14 10:30:59 · 350 阅读 · 0 评论 -
js时间日期
//获取上个月第一天和最后一天var nowdays = new Date();var year = nowdays.getFullYear();var month = nowdays.getMonth();if(month==0){ month = 12; year = year-1; }if(month<10){ month = '0'+month; } var myDate = new Date(year,month,0); va原创 2021-11-29 10:12:01 · 588 阅读 · 0 评论 -
js的几种常用排序方法
冒泡排序依次比较两个相邻的元素,如果前一个数比后一个数大时就交换位置,比较晚第一轮最后一个元素是最大的元素,所以就不需要在比较最后一个元素了var arr = [1, 2, 5, 7, 9, 22, 40]for(var i=0; i<arr.length-1; i++){ for(var j=0; j<arr.length-i-1; j++) { if (arr[j] > arr[j+1]) { var temp = arr[j]原创 2021-11-19 15:01:40 · 2461 阅读 · 0 评论 -
JS 监听浏览器标签页显示隐藏
APIdocument.hidden判断页面是否隐藏的布尔值。页面隐藏包括 页面在后台标签页中 或者 浏览器最小化document.visibilityState只读属性), 返回document的可见性,4个值:1.hidden:文档处于背景标签页或者窗口处于最小化状态,或者操作系统正处于 ‘锁屏状态’2.visible:此页面在前景标签页中,并且窗口没有最小化3.prerender:页面在屏幕外执行预渲染处理 document.hidden 的值为 true4.unloaded:转载 2021-10-13 14:50:51 · 407 阅读 · 0 评论 -
el-input 限制只能输入正数,小数点后输入两位
限制只能输入正数,小数点后输入两位原创 2021-09-11 12:12:57 · 2404 阅读 · 0 评论 -
详解瀑布流布局的5种实现方式及object-fit
最近项目中需要处理与图片相关的布局,不得不说图片这玩意真想要得到完美的展示效果还真是要费些力气。因为图片的尺寸或者比例各不相同。所以想要不同尺寸的图片有好的显示效果,你就需要找到适合的方式。而且图片往往是不可或缺元素。毕竟一图胜千言,有时候图片能给带来非常好的效果。比如我们每天都会使用的表情包,它往往能够表达出我们无法用文字描述的信息,还比如我们经常在公众号里看到的漫画虽然短短几个字,但是却能够让我们看的不亦乐乎。当然如果我们做图片网站的,那图片的处理就是绕不开的话题了。因对图片的处理经验不多,所以就转载 2021-07-15 14:39:00 · 497 阅读 · 0 评论 -
JS中的几种循环和跳出方式
https://blog.csdn.net/u014399368/article/details/82862444转载 2021-05-12 17:30:04 · 684 阅读 · 1 评论 -
将数组分割成每n个一组
var data = ['法国','澳大利亚','智利','新西兰','西班牙','加拿大','阿根廷','美国','0','国产','波多黎各','英国','比利时','德国','意大利','意大利',];var result = [];var n = 3for(var i=0;i<data.length;i+=n){ result.push(data.slice(i,i+n));}...原创 2021-03-26 14:50:22 · 612 阅读 · 0 评论 -
html2canvas 将网页保存为图片
生成图片页面<template> <div class="container"> <van-swipe @change="onChange" :initial-swipe="current" class="poster-swiper" :duration="250" :loop="false" :show-indicators="false"> <template v-if="posterList.length"> &原创 2021-03-12 17:42:05 · 194 阅读 · 0 评论 -
获取视频时长
// 获取视频时长 var url = URL.createObjectURL(file); var audioElement = new Audio(url); var duration; audioElement.addEventListener("loadedmetadata", function(_event) { duration = audioElement.duration; //时长为秒,小数,182.36 })...原创 2021-03-11 17:54:10 · 455 阅读 · 0 评论 -
微信小程序~触摸相关事件(拖拽操作、手势识别、多点触控)
touchstart 手指触摸动作开始touchmove 手指触摸后移动touchcancel 手指触摸动作被打断,如来电提醒,弹窗touchend 手指触摸动作结束拖拽操作案例1:(注意按钮拖出屏幕边缘处理)<view id="id" bindtouchmove="handletouchmove" class=‘demo‘ style=‘top:{{ballTop}}px; left: {{ballLeft}}px‘></view>page原创 2021-01-26 12:09:46 · 3875 阅读 · 0 评论 -
DOM中获取宽高、位置总结
原生JS一、文档、窗口的宽高和位置// 获取屏幕的宽高window.screen.height | window.screen.width// 屏幕可用工作区宽高window.screen.availHeight | window.screen.availWidth// 浏览器窗口可见区域宽高window.innerHeight ≈ document.documentElement.clientHeightwindow.innerWidth ≈ document.documentEl原创 2021-01-26 12:09:26 · 483 阅读 · 0 评论 -
dom和bom的区别,以及三类偏移属性
bomBOM是browser object model的缩写,简称浏览器对象模型 ,提供了独立于内容而与浏览器窗口进行交互的对象;1、window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性;2、document对象,文档对象;3、location对象,浏览器当前URL信息;4、navigator对象,浏览器本身信息;5、screen对象,客户端屏幕信息;6、history对象,浏览器访问历史信息;dom常见的知识点,是dom节点的增删改查。关于bom的三类偏移原创 2021-01-26 12:09:04 · 382 阅读 · 0 评论 -
BOM对象和DOM对象
一、BOM对象BOM(Browser Object Model)是指浏览器对象模型,可以对浏览器窗口进行访问和操作。使用BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。 使 JavaScript 有能力与浏览器"对话"。1. window对象window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.w原创 2021-01-26 12:08:33 · 156 阅读 · 0 评论 -
移动端适配简单方案
js实现function resetFontSize() { // 1rem = 100px var baseFontSize = 100 // 设计稿宽度 var designWidth = 750 // 设备宽度 var width = window.innerWidth var currentFontSize = (width / designWidth) * baseFontSize document.getElementsByTagName('html')[0].原创 2021-01-26 12:07:50 · 67 阅读 · 0 评论 -
基于axios进行二次封装
目录srccommon/http.jscommon/api.jsview/test.vueAXIOS// http.jsimport axios from 'axios'const http = {}export const env = process.env.NODE_ENV === 'development'axios.defaults.baseURL = env ? '/api' : '/'// 添加请求拦截器axios.interceptors.request.us原创 2020-07-02 17:16:01 · 204 阅读 · 0 评论 -
最新JS正则大全(常用)
一、校验数字的js正则表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数:^(\-|\+)?\d+(\.\d+)?$ 9 有两位小数的正实.原创 2021-01-26 12:10:06 · 1682 阅读 · 1 评论 -
js生成sku
let arr = [ [{ name: '红色', value: '1' }, { name: '黑色', value: '2' }], [{ name: 'X', value: '1' }, { name: 'M', value: '2' }], [{ name: '款式A', value: '1' }, { name: '款式B'原创 2021-01-25 12:47:27 · 602 阅读 · 0 评论 -
Vue自定义数字输入指令
Vue自定义数字输入指令原创 2020-09-07 18:58:51 · 891 阅读 · 0 评论 -
Base64与文件之间的互转
// 文件转base64export const getBase64 = (file) => { return new Promise(function (resolve, reject) { let reader = new FileReader() let imgResult = '' reader.readAsDataURL(file) reader.onload = function () { imgResult = reader.result原创 2020-09-07 18:51:07 · 378 阅读 · 0 评论 -
封装常用时间方法
export default{ // 计算当前日期星座 getHoroscope(date) { let c = ['摩羯','水瓶','双鱼','白羊','金牛','双子','巨蟹','狮子','处女','天秤','天蝎','射手','摩羯'] date=new Date(date); let month = date.getMonth() + 1; let day = date.getDate(); let startMonth = month - (day - 14原创 2020-07-02 17:43:43 · 258 阅读 · 0 评论 -
函数防抖和节流
在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。通常这种情况下我们怎么去解决的呢?一般来讲,防抖和节流是比较好的解决方案。让我们先来看看在事件持续触发的过程中频繁执行函数是怎样的一种情况。html 文件中代码如下<div id="content" style="height:150px;line-height:150px;text-align:center; c转载 2020-07-02 17:29:10 · 1409 阅读 · 0 评论