随笔分类 -  JavaScript

JavaScript学习历程和小结
前端组件化思想与实践
摘要：前端组件化思想与实践 组件化思想 什么是组件化？ 简单的说组件就是：将一段UI样式和其对应的功能作为独立的整体去看待，无论这个整体放在哪里去使用，它都具有一样的功能和样式，从而实现复用，这种整体化的思想就是组件化。 简单的说组件就是：将一段UI样式和其对应的功能作为独立的整体去看待，无论这个整体放在 阅读全文
posted @ 2019-08-14 00:34 dellyoung 阅读(1865) 评论(0) 推荐(0)
js常用时间转换函数
摘要：1、秒转换为时分秒 2、varcher时分秒转换为秒 阅读全文
posted @ 2019-05-12 20:58 dellyoung 阅读(2843) 评论(0) 推荐(0)
js和微信小程序本地获取东八北京时间
摘要：changeCount(){ // 目标时区，东8区 const targetTimezone = -8; // 当前时区与中时区时差，以min为维度 const dif = new Date().getTimezoneOffset(); // 本地时区时间 + 本地时区时差 = 中时区时间 // 目标时区时间 + 目标时区时差 = 中时区时间 ... 阅读全文
posted @ 2019-05-08 17:26 dellyoung 阅读(3193) 评论(0) 推荐(0)
JavaScript 判断对象中是否有某属性
摘要：因为后端返回一个对象后，这个对象经常会出现缺少属性的情况 一个解决方法就是接受到数据后判断对象中是否有该属性，无的话加上属性和默认值 那么如何判断是否有该属性呢： 使用hasOwnProperty()就很容易知道了。 阅读全文
posted @ 2019-02-19 12:47 dellyoung 阅读(1505) 评论(0) 推荐(0)
js函数节流和防抖的理解与实现
摘要：一：函数防抖1、理解：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间2、思路：每次触发事件时都取消之前的延时调用方法 3、实现： 二：函数节流 1、理解：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率 2、解释：每次触发事件时都判断当前是否有等 阅读全文
posted @ 2019-02-18 15:27 dellyoung 阅读(5529) 评论(0) 推荐(1)
js的深拷贝的理解和实现
摘要：一：什么是深拷贝？ 举例：a=b，正常情况下当改变a时b也改变，当改变a时b第一层不改变copy就是浅拷贝，当改变a时b底基层都不会改变就是深拷贝 二：实现深拷贝 1、最简单方法就是使用JSON.stringfy()和JSON.parse()。 但是有局限性：当值为undefined、functio 阅读全文
posted @ 2019-02-18 09:36 dellyoung 阅读(674) 评论(0) 推荐(0)
react封装基于axios的API请求
摘要：一、最近做的一个后台管理项目，基于antd-pro做的，需要封装基于axios请求，便于开发，直接上代码。 二、另外项目统一管理api请求，将api请求都放在了api.js目录下 示例： 三、使用api方法 总结：上面的就是项目中api的用法，可以完全按照这样来写 阅读全文
posted @ 2019-01-13 13:34 dellyoung 阅读(12087) 评论(0) 推荐(0)
js常用遍历汇总
摘要：1, for(let i of Array) ES6新增的，i代表每次循环Array的值，相当于Array[0]到Array[n]。 for-of这个方法避开了for-in循环的所有缺陷 与forEach()不同的是，它可以正确响应break、continue和return语句 for-of循环不仅 阅读全文
posted @ 2018-10-11 20:11 dellyoung 阅读(390) 评论(0) 推荐(0)
js字符串常用函数
摘要：字符截取函数 1. array.slice(start, end) 第一个参数代表开始位置,第二个参数代表结束位置的下一个位置 start：规定从何处开始选取。 如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。 end：规定从何处结束 阅读全文
posted @ 2018-10-10 19:58 dellyoung 阅读(1655) 评论(0) 推荐(0)
小程序API：wx.showActionSheet 将 itemList动态赋值
摘要：1.发现问题： 小程序调用API：wx.showActionSheet 时发现无论如何都不能将其属性itemList动态赋值。 2.分析问题： 首先我认为可能是格式的问题，itemList必须要求格式为array不能为String，使用js的typeof()函数检验从后端返回的itemList值的类 阅读全文
posted @ 2018-07-25 01:31 dellyoung 阅读(935) 评论(0) 推荐(0)
[微信小程序] 当动画（animation）遇上延时执行函数（setTimeout）出现的问题
摘要：小程序中当动画animation遇上setTimeout函数内部使用this.setData函数，通常情况下会出现报错。本文先告诉解决方法，后分析报错原因 1.解决方法： 在 setTimeout() 函数的同级加上 const that = this; ，然后将this.setData换成that 阅读全文
posted @ 2018-07-19 20:39 dellyoung 阅读(5338) 评论(0) 推荐(0)