2020年01月_爱倒腾

原创项目中常用的 ES6 新特性总结

目录1.ES的兼容性2.let 和 const 命令3.类 Class4.函数参数默认值5.箭头函数6.模板字符串7.变量的解构赋值8.扩展运算符（spread）9.模块化Module10.对象属性简写11.Promise1.ES的兼容性一定要明白，即便 ES2015 到 ES2019 已经发布，也不是所有的浏览器都支持新特性。为了获得更...

2020-01-18 17:57:05 961

原创使用js 计算两个日期之间的相差的天数

思路：将两个日期都转换为毫秒，然后相减，再将减下来的毫秒数转换为天数，就可以得到两个日期之间相差的天数了。（接受的日期格式为“20201-1”，“20201/1”等用连接符连接起来的日期字符串）方法如下：getDiffDay(date_1, date_2) { // 计算两个日期之间的差值 let totalDays,diffDate let myDate_1 = Dat...

2020-01-18 16:03:21 17849 2

原创文字溢出处理之---------单行字体溢出显示省略号，多行字体溢出显示省略号

场景：在实际的项目开发个过程中，有时候文本内容不能全部显示出来，会影响到页面的排版布局，这时就需要我们对文字做一个溢出处理。效果如下：代码如下：/* 单行文字溢出显示省略号 */.ellipsis_one{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}/* 两行...

2020-01-16 18:07:45 355

原创同步manifest.js失败，原因：com.google.gson.stream.MalformedJsonException: Use JsonReader.setLenient(true)...

场景：今天我在使用 hbuildx打包app的时候莫名其妙的提示我不能打包，说是同步manifest.json失败// 错误提示同步manifest.json失败，失败原因：com.google.gson.stream.MalformedJsonException: Use JsonReader.setLenient(true) to accept malformed JSON a...

2020-01-16 17:45:23 2234

原创使用Mint-UI lazyload 懒加载图片js的配置

场景：之前有开发过一个 H5+ APP，其中有设计到商品图片的懒加载，因为在项目中涉及到的图片很多。对图片进行一个懒加载可以提高用户体验。（现今APP内部基本上都会涉及到对图片进行一个懒加载，所以，以此文章记录一下。）描述：在接口返回数据之前以一个自定义一个加载图片占据商品图片位置。项目是结合mui.js + Mint-ui + vue开发的，目前不是很建议大家再用Mint-ui 开发...

2020-01-15 17:44:32 569

原创在vue项目中使用swiper轮播图的关于在ios中图片白边闪屏踩坑记录

场景描述：近日，接到一个需求，改善APP首页的布局，需要在顶部添加一个可滚动的栏目导航，以切换栏目然后切换栏目内容类似于唯品会目前的切换效果。如下图问题描述：在切换顶部栏目的时候，下面内容页的banner图片会出现短暂的白边闪屏。在android中并没有什么问题，在ios中，在左右切换栏目页的时候，顶部的轮播图会有一瞬间的图片闪屏白边。原因分析：思考原因可能是因为我没有对整...

2020-01-14 16:16:28 2838

原创在vue项目中使用 swiper vue-awesome-swiper 插件实现无缝轮播

涉及到 vue-awesome-swiper 插件，这个插件适用于 Vue 的轮播组件，支持服务端渲染和单页应用。所以用来开发vue项目，很ok。但是值得注意的是，用这个开发移动端的话，有时候会有一点不流畅问题，关于ios和Android的兼容性问题。使用之前现在项目中安装此插件npm install vue-awesome-swiper --save然后呢，就是在vue项目中引入此插...

2020-01-14 14:33:02 2430

原创在Vue项目中使用vue-clipboard2 实现复制到粘贴板的功能

场景：在项目中，需要开发一个复制邀请码的功能，也就是点击复制按钮就将邀请码复制到粘贴板，直接粘贴即可。使用到的是vue-clipboard2 插件，简单又好用首先，需要先安装这个插件npm install --save vue-clipboard2然后，在vue 项目中的main.js 中引入import Vue from 'vue'import VueClipb...

2020-01-14 11:10:21 1798

原创 JS new Date() -3--------- 获取当前的时间戳、将时间戳转换为日期格式

以下是总结的时间戳和日期之间的相互转换将日期转为时间戳的方式var time_1 = new Date().getTime() // 1578636357531 可以精确到毫秒，推荐var time_2 = new Date().valueOf() // 1578636357531 可以精确到毫秒，推荐var time_3 = Date.parse(new ...

2020-01-10 15:24:35 1008

原创 JavaScript new Date() -2--------- 获取指定月份的天数和获取指定月份的第一天是周几

使用 new Date() 创建一个 Date 对象var my_date = new Date() // 用当前日期和时间创建的新的日期对象console.log(my_date) // Fri Jan 10 2020 10:16:19 GMT+0800 (中国标准时间)new Date() 也接受参数参数主要有year, month, day, hours, ...

2020-01-10 14:59:52 2659

原创 JavaScript new Date() -1--------- 获取当前日期的方法

关于 JavaScript 的日期对象使用new Date()创建一个 Date 对象var my_date= new Date() //用当前日期和时间创建的日期对象console.log(my_date) // Fri Jan 10 2020 10:16:19 GMT+0800 (中国标准时间)默认情况下，js 将使用浏览器的时区并且将日期显示为全文本的...

2020-01-10 14:42:17 3062

原创将图片转换为 base64格式，将base64位图片转换为图片文件格式

将图片转换为base64格式主要使用 canvas，将图片绘制出来，再使用 toDataURL转换为 base64function imgToBase64(url) { var image = new Image(); image.src = url; image.onload = function() { var w = this.naturalW...

2020-01-09 10:58:39 1542

原创使用ajax 图片上传之---------使用js 调用相机拍照并预览图片

场景：今日接到一个需求，需要实现用户点击以下方块，调起相机拍照并且上传图片。主要涉及技术有 javascript，研究一番之后可以通过以下方法实现，以此记录一下。html<div> <input type="file" accept="image/*" capture="camera" style="height:2rem;font-size:.24rem" oncha...

2020-01-09 10:35:49 817

weixin_44514665的博客