- 博客(17)
- 收藏
- 关注
RSS订阅原创 关于数组去重排序
文章目录一、利用Es6方法二、数组字符串转换去重排序三，基础方法一、利用Es6方法var arr = [[1,2,3],[2,4,5],[1,6]];arr = Array.from(new Set(arr.flat(Infinity))).sort((a,b) => {return a-b });console.log(arr);FromES6为Array增加了from函数用来将Set,Map对象转换成数组。这里用的是Set对象，将Set对象的元素转换成一个数组。SetSe.
2021-07-07 09:58:44
311
原创 关于项目中的性能优化问题
项目场景：提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta
2021-06-03 21:37:20
151
原创 关于数据整合的问题
问题描述：当我们给组件传递数据的时候尽量把数据整合好，整合成一个对象，让组件面对的是一个对象解决方案：体现了面向对象封装的思想，把很多从服务器返回来的数据，封装到一个类里面，export这个类，然后再home里导入这个类并且创建一个对应的实例对象，然后用对象传到下一层组件里面，并且让组件对这个数据进行展示。...
2021-06-02 16:51:47
150
原创 home组件里面两个tab-control不一致的问题
问题描述：由于home里面有两个tabControl当点击一个type，在滚动上去的时候带有固定定位的tabcontrol显示出来但是type却没有切换。解决方案：这个时候需要把两个tabcontrol的currentIndex保持一致。在tabcontrol的监听点击时间里面。tabClick(index) {switch(index) {case 0 :this.currentType = 'pop'breakcase 1:this.currentType = 'new'br
2021-06-02 15:27:57
100
原创 如何将时间戳转化为时间格式化字符串
问题描述：通常服务器返回的时间都不以这种格式出现比如2021-6-1 20:08:30,通常会以Unix时间元年为起点，返回对应的时间戳，15355352553（时间戳）。那么我们如何将时间戳转化为时间格式化字符串：首先将时间戳转化为Date对象const date = new Date(15355352553 * 1000)将date进行格式化，转化为对应的字符串formatDate(date, ‘yyyy/MM/dd hh:mm:ss’)完整的步骤就是再组件中展现时间戳的地方加上一
2021-06-01 20:38:04
5883
原创 监听滚动改变tab-control的时候遇到的问题
问题描述：监听滚动，动态该变tab-control样式的时候会出现两个问题，下面的商品内容会突然上移，tab-control即使设置了fixed样式，但是还是会跟着滚动解决方案：fixed针对原生的滚动还是有效的，但是这里是better-scroll的局部滚动，所以fixed是不起作用的。我们要将tab-control这个组件上上面多复制一份，并且利用相对定位给它定位在上面，当滚动的position大于tab-control.offsetTop的时候再显示出来，小于再隐藏起来，这样就可以造成一
2021-05-31 09:32:43
111
原创 获取带有轮播图的offsetTop值时遇到的问题
问题描述：当滚动到大于tab-control这个高度的时候让这个标签显示出来，这个时候需要获取tab-control的offsetTop值，直接获取这个组件的offsetTop值是不对的会发现很小，因为上面有一个轮播图，一般只有轮播图加载比较慢，所以我们只需要监听轮播图的加载就可以了，只要轮播图的图片加载完了，我们就可以计算tab-control的offsetTop值了。解决方案：监听轮播图加载完成@load=" imageload"imageload(){this.$emit('swiper
2021-05-31 09:12:50
279
原创 对于refresh非常频繁进行防抖操作
场景：在项目中当我们监听图片加载完成的时候，为了提高性能，不需要加载一个图片就发送一次请求。等待几毫秒一起发送一次请求，这个时候需要进行防抖操作，利用防抖函数。同样再搜索框中输入内容的时候输入一次就会向服务器发送一次请求，输入四次就会发送四次请求这样服务器压力很大，为了防止上面的情况，我么会进行一次防抖操作，每输入一次内容时候会等待几毫秒，如果等待几毫秒之后又有新的内容输入那么将上一次的请求取消掉，如果没有继续输入，就用当前的内容发送一次请求，也就是只让最后一次输入的时候发送一次请求。解决方案
2021-05-31 08:28:42
216
原创 Webpack工具及其loader核心
文章目录前言什么是webpack?前言什么是webpack?webpack是一个前端模块化打包工具。常见的打包工具（grunt,gulp,webpack,roolup）.从模块和打包两个方面进行解释:模块化—>
2021-05-10 08:22:50
114
原创 模块化开发
文章目录在原始JS中，可能会出现变量重名的问题，模块化就很好的解决了这个问题，模块化可以解决全局变量重名的问题，用匿名函数封装一个模块，因为函数有自己的作用域，在函数里面定义一个对象，给对象添加想要暴露在外面的属性和方法，在return返回这个对象，并在外面用一个变量来接受这个匿名函数，在使用的时候我只想要使用自己的属性和方法。常见的模块化规范：CommonJS,CMD,AMD,ES6.模块化有两个核心：导入和导出。CommonJSEs6导入想导入一个模块内的全部信息时import
2021-05-06 11:18:24
73
原创 JQuery基本使用和JQuery常用API
文章目录一，JQuery的概述二，JQuery的基本使用三，JQuery常用API四，JQuery选择器五，JQuery样式操作六，JQuery效果七，JQuery属性操作八，JQuery文本属性值九，JQuery元素操作十，JQuery位置尺寸操作一，JQuery的概述提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。二，JQuery的基本使用三，JQuery常用API四，JQuer
2021-04-26 18:08:40
496
原创 用JQuery做todolist待办事项案例
文章目录todolist实现步骤todolist分析按下回车将新数据添加保存到本地部分todolist实现步骤在文本框内按下回车键就将当前内容添加到待办事项里勾选待办事项复选框，就把当前数据添加到已完成事项里点击已完成事项前的复选框，就把当前数据添加到待办事项里点击文本框后面的×就会删除当前事项。页面刷新数据不会丢失todolist分析刷新页面数据不会丢失，用本地存储localStorage存储的数据格式是以数组进行存储var todolist=[{ title
2021-04-23 22:31:05
323
原创 [JavaScript] BOM知识点汇总
文章目录一，BOM概述1.1，什么是BOM1.2BOM的构成二，window对象的常见事件2.1窗口加载事件2.2调整窗口大小事件三，定时器3.1两种定时器3.2停止定时器3.3this四，JS执行机制4.1JS是单线程4.2同步和异步4.4JS执行机制顺序五，location对象5.1什么是location5.2URL5.3location对象属性5.4 location方法六，history对象一，BOM概述1.1，什么是BOMBOM浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互
2021-03-23 17:01:49
334
原创 DOM重点核心
文章目录1.创建2.增3.删4.改5.查6.属性操作7.事件操作文档对象模型是处理可扩展语言的标准编程接口，通过DOM接口可以改变网页的结构和样式。DOM使得HTML形成了一个DOM树，包含文档，元素，节点。我们获取过来的元素是一个对象，所以叫做文档对象模型关于DOM操作我们主要针对元素的增，删，改，查，属性操作，事件操作。1.创建element.createElement()element.innerHTMLdocument.write2.增appendChild()in
2021-03-18 17:14:29
63
原创 [JavaScript] DOM事件高级
一，注册事件1.1注册事件概述给元素添加事件叫做注册事件或绑定事件注册事件有两种方式：传统注册方式，方法监听注册方式传统注册事件方式：以on开头的事件onclick。特点：注册事件的唯一性，同一个元素，同一个事件，只能设置一个处理函数，最后注册的处理函数会覆盖前面的处理函数方法监听注册方式：addEventListener()方法特点：同一个元素同一个事件可以注册多个监听器，按注册顺序依次执行。IE9之前的IE不支持此方法，可使用attachEvent()代替1.2addEve
2021-03-18 16:39:50
197
原创 [JavaScript] DOM知识点汇总
文章目录一、DOM简介1.1DOM树二、获取元素1.根据ID获取2.2根据标签名获取2.3 HTML5新增方法获取2.3特殊元素获取2.读入数据总结一、DOM简介文档对象模型（Document Object Module 简称DOM），是处理可扩展标记语言（HTML/XML）的接口，主要是用来处理网页的，通过DOM接口对浏览器的元素进行操作来改变网页的内容，结构和样式。（学习接口时要像学习内置对象一样，要知道接口是什么，有没有参数，参数有什么要求，返回值是什么）1.1DOM树文档：在DOM中可
2021-03-17 20:22:59
567
1
原创 初始JavaScript
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、编程语言1.编程1.2.计算机语言1.3.编程语言1.4.翻译器1.5编程语言和标记语言的区别总结二、计算机基础2.1 计算机组成2.2程序运行三. 初始JavaScript3.1 HTML/CSS/JS的关系3.2浏览器执行JS3.3JavaScript的组成前言Javascript学习记录。一、编程语言1.编程为了让计算机解决某些问题使用某种程序设计语言编写代码解决问题，并最终得到结果的过程。1.2.计
2021-03-07 09:43:32
210
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人