JavaScript
文章平均质量分 56
yujin0213
这个作者很懒,什么都没留下…
展开
-
js获取当天零点时间
js获取当天零点时间const stamp1 = new Date(new Date().setHours(0, 0, 0, 0)); //获取当天零点的时间const stamp2 = new Date(new Date().setHours(0, 0, 0, 0) + 24 * 60 * 60 * 1000 - 1); //获取当天23:59:59的时间这种方式浏览器兼容性很好,但是用...原创 2020-02-10 18:02:43 · 20944 阅读 · 1 评论 -
js replace方法替换变量
前言项目中遇到的场景是,需要使用replace方法去匹配变量内容并且替换,比如: let str = 'aaa likes bbb, aaa is a girl', key = 'aaa'; let newStr = str.replace(/key/, 'xxx');上面的key是个变量,如果直接这样写的话,是不能正确匹配的解决方法我们可以使用 new RegExp的方式去做匹配...原创 2019-10-08 14:54:18 · 1057 阅读 · 0 评论 -
React中利用 key 实现组件重新渲染
最近在项目实践中,发现react中可以利用key实现子组件的重新渲染,具体场景如下:需要切换下拉菜单时,对应的榜单也要替换成该轮的数据具体代码如下render(){ let {round, sid} = this.state; //round表示选中的菜单的索引 return ( <div className="record-wrap"> ...原创 2019-08-02 10:59:29 · 8147 阅读 · 2 评论 -
js 使用预签名(presigned) url 上传文件到 AWS S3服务(解决生成的文件格式错误问题)
背景:项目里有图片上传的需求,具体实现是后端生成presined url(预签名url,里面包含上传到aws S3所需要的一些认证标识信息)给到前端,前端通过这个URL将文件上传到云服务上。但是上传成功后,从CDN上下载下来的文件打不开,而且只有前端有这个问题,客户端可以正常上传,一开始以为是框架问题,而且亚马逊官方也没有直接上传相关的文档(都是使用SDK的方式上传),所以问题很难定位,后来在g...原创 2019-03-16 18:17:42 · 10357 阅读 · 6 评论 -
axios get方法传递数组
axios的get方法中使用params时对于js数组类型的参数的默认操作比较奇怪,会使得参数名后带上’[]'字符串,如下但是console.log参数bizType,就是正常的[‘3’,‘4’,‘5’]按照网上的写法,把数组json序列化再查看参数,发现变成了这样本来以为能解决问题,其实传递给后端的是’[“4”,“5”,“6”]’,后端说解析不了原创 2019-03-07 15:27:07 · 24748 阅读 · 3 评论 -
aos.js介绍及其在react项目中的使用
AOS 是一个用于在页面滚动的时候呈现元素动画的工具库,在页面往回滚动时,元素会恢复到原来的状态,demo演示链接:http://www.jq22.com/yanshi8150本文主要介绍aos.js在react项目中的使用,网上相关的博文较少,使用的时候踩了一些坑,所以记录一下。一开始按照网上的教程,在项目里引用了相关的css、js,在需要动画的元素上添加aos属性,但是滚动的时候始终出不来...原创 2018-11-26 11:48:04 · 3593 阅读 · 0 评论 -
clipboard.js移动端无法实现复制
clipboard.js简介:实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。在项目中使用clipboard.js插件去实现点击按钮,复制文字到剪切板的功能。同样的代码,在PC可以实现正常复制但是在移动端却失效主要是因为移动端项目为了防止用户长按文本实现复制,一般在重置reset.css里面都会设置div, p, a, ul, li, ol, h1, h...原创 2018-10-23 11:52:38 · 3009 阅读 · 0 评论 -
ES6 解构特性的使用
使用解构这个特性可以更简单地获取对象或者数组中的数据,最近在项目中经常用到,但是之前不熟悉用法,mark一下1、数组解构let obj = ['a','b','c','d'];let [first] = obj; //解构第一个元素,first值为alet [,,,last] = obj; //解构最后一个元素也可以合在一起写, 如 let [first,,,last] ...原创 2018-08-09 16:02:54 · 181 阅读 · 0 评论 -
Zepto.js学习笔记
1、$.each 可以用来遍历普通数组和对象数组,当遍历普通数组时,回调函数的参数是索引、数组里的每个元素$.each( [a,b,c], function(index, item) { } )当遍历对象时,回调函数参数是每个对象的key、每个对象的value 2、$.extend$.extend(target, [source, [source2, ...]]) 浅拷贝...原创 2018-07-18 17:01:13 · 410 阅读 · 0 评论 -
js实现数组去重、比较两数组得出重复部分
数组去重的两种方法:1、用新对象来存储,对象的key值为数组元素var removeDup = function (old) { var arr = [1, 2, 3, 4, 3, 4, 5]; var o = {}; for (var i = 0; i < arr.length; i++) { var k = arr[i]; if (...原创 2018-03-26 18:38:56 · 4745 阅读 · 0 评论 -
js replace() 方法的应用和理解
string.replace(searchValue, replaceValue) replace方法对string进行查找和替换,并返回一个新字符串 参数searchValue有两种形式:1、字符串 2、正则表达式 参数replaceValue也有两种形式:1、字符串 2、函数当searchValue是一个字符串时,那么只会在这个字符串第一次出现的地方被替换 例如 va原创 2018-02-02 18:33:26 · 5113 阅读 · 0 评论 -
AngularJS学习笔记(一):表达式&指令&作用域
由于最近要基于phonegap平台做混合型开发的应用,选用了ionic框架(基于AngularJS),而此前没有任何前端语言学习基础,所以我开始看了一点点javascript语法后便开始看AngularJS的入门教程,归纳了一些学习笔记原创 2016-05-09 23:04:49 · 482 阅读 · 0 评论