javascript
落落的前端学习之路
这个作者很懒,什么都没留下…
展开
-
纯前端 导出excel 插件xlsx和file-saver
纯前端 导出excel 插件xlsx原创 2022-06-22 16:49:21 · 504 阅读 · 0 评论 -
JS下载图片保存在本地
const imgUrl = "";// 图片链接 const a = document.createElement('a'); // 这里是将url转成blob地址, fetch(imgUrl) // 跨域时会报错 .then(res => res.blob()) .then(blob => { // 将链接地址字符内容转变成blob地址 a.href = URL.createObjectURL(blob); ..原创 2022-05-16 11:46:20 · 4907 阅读 · 0 评论 -
常用正则表达式
switch (type) { case 'mobile': // 手机号码 return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str); case 'tel': // 座机 return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str); case 'card': // 身份证 return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.原创 2022-03-29 17:12:18 · 228 阅读 · 0 评论 -
js Math函数
在控制台直接打印console.dir(Math)看全部方法.属性Math.E //2.718281828459045 自然对数的底数 这是高中知识?Math.LN2 // 0.6931471805599453Math.LN10 // 2.302585092994046Math.LOG2E // 1.4426950408889634Math.LOG10E // 0.4342944819032518Math.PI // 3.141592653589793 就认识这一个就是πMath.转载 2022-03-27 21:12:58 · 93 阅读 · 0 评论 -
JavaScript数组去重
一、利用ES6 Set去重(ES6中最常用)function unique (arr) { return Array.from(new Set(arr))}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];console.log(unique(arr)) //[1, "true", true转载 2022-03-21 10:00:34 · 80 阅读 · 0 评论 -
微信小程序 - 富文本图片宽度自适应(正则)
原文连接引言:在微信小程序里,比如商品展示页面的商品详情会有图片展示,PC端设置的商品详情是PC端的宽度,所以在小程序里图片会显示不全,这时就应该做相应的处理,使小程序里图片显示正确思路把图片的宽度改为手机屏幕对应的宽度微信小程序需要知道的知识需要知道微信小程序里有自己的宽度标准,单位为rpx;针对所有不同尺寸的浏览器,微信小程序里规定屏幕宽为750rpx;解决WXML<view class='html_detail'> <rich-text nodes='{{a转载 2022-03-18 10:15:21 · 1078 阅读 · 0 评论 -
transform限制position:fixed的跟随效果
我们应该都知道,position:fixed可以让元素不跟随浏览器的滚动条滚动,而且这种跟随效果连它的兄弟们position:relative/absolute都限制不了。但是,真是一物降一物,position:fixed固定效果却被小小的transform给干掉了,直接降级变成position:absolute的蛋疼表现。例如下面示意代码:<p style="transform:scale(1);"><img src="mm1.jpg"style="position:fixed;"转载 2021-10-12 10:28:39 · 812 阅读 · 0 评论 -
moment 24小时与12小时区别
moment(values.data).format('YYYY-MM-DD HH:mm:ss')--------------24小时moment(values.data).format('YYYY-MM-DD hh:mm:ss')--------------12小时主要取决于format中的时分秒的大小写原创 2021-06-01 10:13:52 · 287 阅读 · 0 评论 -
时间转换以及公式
moment(item.updatedAt).fromNow(),距离今天多久了 后续遇到继续补充原创 2021-04-20 09:00:34 · 232 阅读 · 0 评论 -
修改html页面的title,可以自定义
方式一:document.getElementsByTagName(“title”)[0].innerText = ‘需要设置的值’;document.title方式经过测试,还可通过document.title 设置title的值。方式二console.log(document.title); # 可以获取title的值。document.title = ‘需要设置的值’; # 设置title的值...原创 2021-04-20 08:59:20 · 574 阅读 · 0 评论 -
MomentJS计算两个时间的差值diff方法
moment(endTime).diff(moment(startTime), 'years')moment(endTime).diff(moment(startTime), 'months')moment(endTime).diff(moment(startTime), 'days') // 开始时间和结束时间的时间差,以“天”为单位;endTime和startTime都是毫秒数moment(endTime).diff(moment(startTime),'minutes' )m转载 2021-04-19 10:04:47 · 5261 阅读 · 0 评论 -
js对象数组(JSON) 根据某个共同字段分组
希望的是将下面的对象数组:[ {"id":"1001","name":"值1","value":"111"}, {"id":"1001","name":"值1","value":"11111"}, {"id":"1002","name":"值2","value":"25462"}, {"id":"1002","name":"值2","value":"23131"}, {"id":"1002","name":"值2","value":"2315432"}, {转载 2021-04-19 10:04:23 · 771 阅读 · 0 评论 -
父级和子级div的点击事件相互影响
解决方法:event.stopPropagation();原创 2021-04-19 10:03:40 · 928 阅读 · 0 评论 -
将url参数字符串转成数组
const url="/BaseDictionary?Type=34";const arr=url.split('?');// arr=["/BaseDictionary","Type=34"];typeStr = parse(arr[1]);// typeStr={Type: "34"}原创 2021-04-19 10:02:48 · 745 阅读 · 0 评论 -
循环对象
params为对象,key为对象的k值Object.keys(params).forEach(key => { formData.append(key, params[key]);});原创 2021-04-19 10:05:36 · 256 阅读 · 0 评论 -
找到数组最大值
const maxHight = Math.max.apply(null, rowData && rowData.urlImage.map(ele => ele.long) || []);原创 2021-04-19 10:05:21 · 85 阅读 · 0 评论 -
css React 单行省略和多行省略
单行省略white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;多行省略overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;我们需要在需要超出加省略号的标签上加一个行内样式: <p class原创 2021-04-19 10:05:28 · 296 阅读 · 0 评论 -
预览视频
window.URL.createObjectURL(files[0].file),原创 2021-04-18 13:48:02 · 130 阅读 · 0 评论 -
js 中对于 css 的变量操作(React也可)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、设置CSS变量?二、读取变量三、删除变量总结前言主要讲js 中对于 css 的变量操作;前端框架:antd框架一、设置CSS变量?document.body.style.setProperty('--primary', '#7F583F’);二、读取变量document.body.style.getPropertyValue('--primary').trim();三、删除变量document.bod原创 2021-04-18 13:41:32 · 1408 阅读 · 0 评论 -
JS保留两位小数
toFixed(2)原创 2021-04-18 00:18:27 · 90 阅读 · 0 评论 -
div中直接绑定富文本值
<div dangerouslySetInnerHTML={{ __html: `${currentGoods.ShortDescription}` }}/>原创 2021-04-18 00:11:33 · 402 阅读 · 0 评论 -
js、react对象名和对象属性赋值
const resValue = {};resValue[`standards${standardsNumber}`] = "";Console.log(:test",resValue )//原创 2021-04-18 00:09:24 · 766 阅读 · 0 评论 -
js 编码
编码let url = encodeURIComponent(this.url);原创 2021-04-18 00:04:45 · 85 阅读 · 0 评论 -
数组方法大全ES5+ES6
JavaScript中创建数组有两种方式使用 Array 构造函数var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组使用数组字面量表示法var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建一个包含1项的数组var arr6 = [转载 2021-04-19 10:05:12 · 148 阅读 · 0 评论