![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
整理工作中遇到的各种js小问题!
小五Ivy
这个作者很懒,什么都没留下…
展开
-
JS获取图片真实的宽高
今天遇到一个有关获取图片真实宽高的问题,不管怎么获取,拿到的宽高都是0。然后在网上找了一下解决方法,在这边记录一下,供大家参考。需求介绍:进入页面之后,首先是调接口,根据返回的图片的url,将图片展示在页面上。因为图片是展示在固定区域内,只允许等比例缩放,不允许拉伸,也就是说,当图片宽高大于这一区域的时候,图片等比例缩放,当图片宽高小于这一区域的时候,就展示图片真实的大小。解决办法要实现上面的需求,就需要获取到图片真实的宽高,然后与展示区域的宽高进行对比,将图片展示在特定区域。通过jquer原创 2020-05-19 10:25:21 · 776 阅读 · 0 评论 -
使用es6模板字符串嵌入变量,并实现循环
模板字符串支持嵌入变量,只需要将变量名写在 ${} 之中。在模板字符串中,遍历数组,生成循环结构。let arr=['aaa','bbbb','c','dd','f']let temp=`<ul> ${arr.map(item=>{ return `<li>${item}</li>` }).join('')} </ul>` console.log(temp); /*<ul> <li>aa转载 2020-05-12 18:48:29 · 4396 阅读 · 3 评论 -
JS实现一段字符串转换成5个字符为一组的数组
今天遇到一个新的需求,展示一段字符串,一行展示5个字,不足5个字的则全部展示。由于字符串时后端直接返回的,长度内容不确定,所以考虑着将这一段字符串转换成有顺序的数组,5个字符为一组。方法一 let str = '长江后-浪推前浪啦啦啦啦啦拉了拉', arr = []//用于保存每次截取后的字符串 function creatArr(str) { var len = str.length let newStr = ''//截取之后返回的新字符串 if原创 2020-05-11 19:05:51 · 2181 阅读 · 0 评论 -
js数组去重
1 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中includeslet reg = [1, 1, 2, 2, 22, 4, 4, 6, 6, 8] let arr=[] reg.forEach(item => { if (!arr.includes(item)) { arr.push(item) } })...原创 2020-04-21 16:46:23 · 149 阅读 · 0 评论 -
给定一个数组,让数组的每一项都乘以2几种实现方法
如实现:[1,2,3] => [2,4,6]方法:forEach / map / for / for…in / for… of / reduce1.forEach如果要使用数组的forEach()方法对其改值时,需要直接通过arr[i]这种方式来更改。let arr=[1,2,3]arr.forEach((item, index) => { item=...原创 2020-04-21 15:54:19 · 10881 阅读 · 0 评论 -
js保留两位小数的几种方法
下面给出了几种保留两位小数的方法1. 封装函数 function toDecimal2(x) { let f = parseFloat(x); if (isNaN(f)) { return false; } f = Math.round(x * 100) / 100; let s = f.toString(); let rs = s.indexOf(...原创 2020-04-08 14:50:21 · 507 阅读 · 0 评论 -
react+js实现textarea的高度自适应
在react中插入textarea,由后端返回的内容决定textarea的高度。import React from 'react';import {Input} from 'antd';import $ from 'jquery';const { TextArea } = Input;let valueShow='文本文本文本文本文本文本文本文本文本文本文本文本文本文本'export...原创 2020-04-02 17:48:37 · 949 阅读 · 0 评论 -
js简写城市名称
shortName(cityName){ if (cityName.includes("西双版纳")){ return '西双版纳' }else { return cityName.replace('市', ''); } } //西双版纳傣族自治州==>西双版纳 //南京市==>南京...原创 2020-04-02 17:07:59 · 1470 阅读 · 1 评论 -
css+git+算法
2019-10-17 技术分享会CSS不要嵌套太多 .a .b .c .d .e {}避免页面之间的样式相互覆盖,在最外面用id来包裹下面的代码覆盖上面的,这样也可以避免merge的时候冲突Gitgit init 初始化项目vi 编辑 vi a.txt esc:wq! 强制重启配别名 git config --global alias.s status ...原创 2020-03-31 21:20:11 · 112 阅读 · 0 评论 -
antd中的弹框的定位相对不变
1. antd中的弹框的定位问题在不同的分辨率下,弹框的位置相对不变,如果写死left和top的话,会有影响解决:用js来控制,例如有一个固定的元素,获取这个固定的元素的left和top, 加减固定的数来给model <div className="switch-plate-wrapper"> <Tooltip title={selectedPla...原创 2020-03-31 21:05:17 · 1121 阅读 · 0 评论 -
二维数组转对象+实战
1. 数组转对象[[],[],[]]=>[{},{},{}] var arr =[ [1,2,3], [5,6,7] ] var result = arr.map(vals => vals.reduce((obj, val, index) => Object.assign(obj, { [index]: val }), {})) console....原创 2020-03-30 14:24:00 · 1220 阅读 · 0 评论 -
封装千分位的两种方法
class FormattNumber {// 千分位formatNumber = num => {if (isNaN(num)) {throw new TypeError(“num is not a number”);} var groups = (/([\-\+]?)(\d*)(\.\d+)?/g).exec("" + num), mask = grou...原创 2020-03-30 11:49:37 · 234 阅读 · 0 评论 -
数组的reduce方法
一、reducereduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce(callback,initiaValue)会传入两个变量,回调函数(callback)和初始值(initiaValue)如果没有传入初始值,则 reduce 方法会对从第二个元素开始的每个元素调用callback函数如果提供了初始值(initiaValue...转载 2020-03-30 11:31:20 · 7273 阅读 · 0 评论 -
JS获取地址栏中url的参数,返回一个对象
在工作中,时常会有从地址栏中拿取对应的参数,当参数过多时,我们会考虑封装成一个方法,将参数放在对象中返回,这样获取会更加方便,下面列出了两中方法。第一种//路径 https://editor.csdn.net/md?articleId=1&&articleNum=1&opt=editgetUrlParams = () => { let url =...原创 2020-03-26 13:23:59 · 1879 阅读 · 1 评论