随笔分类 -  JavaScript

1 2 3 下一页
react-redux不完全指北
摘要：1、首先react-redux是用来在组件之间方便传输数据以及改变数据的工具 2、常用的react-redux的方法是包含注入已经调用 3、首先在最外层包含注入 import { Provider } from 'react-redux' // 全局包含 ReactDOM.render(<Provi 阅读全文
posted @ 2020-09-15 18:15 kimingw 阅读(301) 评论(0) 推荐(0)
scrolltrigger简单讲解
摘要：const trigger = new ScrollTrigger.default({ trigger: { once: false, // 切换是否只是一次性 offset: { // 元素的偏移量要加上视图的偏移量才算整体偏移量 // 例如:现在的视图高度是667,元素out的高度是228(还没 阅读全文
posted @ 2020-07-21 18:08 kimingw 阅读(695) 评论(0) 推荐(0)
some、every、find、findIndex、includes。es6比较常用的几个数组方法简单讲解
摘要：1、some（过滤） const bool = [2, 3, 4].some((v, i, a) => { // v当前值，i下标，a当前数组 console.log(v) console.log(i) console.log(a) return v > 1 // 只要有其中一个数值满足就不再执行 阅读全文
posted @ 2020-07-21 11:51 kimingw 阅读(480) 评论(0) 推荐(0)
ScrollTrigger简单说明
摘要：1、整体的自我理解 const trigger = new ScrollTrigger.default({ trigger: { once: false, // 切换是否只是一次性 offset: { // 元素的偏移量要加上视图的偏移量才算整体偏移量 // 例如:现在的视图高度是667,元素out 阅读全文
posted @ 2020-06-03 19:18 kimingw 阅读(1766) 评论(0) 推荐(0)
ios软键盘顶起问题
摘要：var u = navigator.userAgent; var flag; var myFunction; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if(isIOS){ document.body.addEventListen 阅读全文
posted @ 2020-05-06 16:09 kimingw 阅读(597) 评论(0) 推荐(0)
每天25分钟总结（3）
摘要：1、默认转布尔值为false的类型 undefined null 0 -0 NaN "" 2、当null和undefined相互==为true（同样表示为空值） 3、默认隐式包装对象，要显式包装的话要new var a = "test",b = 1,c = true var A = new Stri 阅读全文
posted @ 2020-02-17 18:24 kimingw 阅读(106) 评论(0) 推荐(0)
每天25分钟总结（2）
摘要：1、数字算术的方法(Math) Math.pow(2,53) // 2的53次幂 Math.round(.6) // 四舍五入 Math.ceil(.6) // 向上取整 Math.floor(.6) // 向下取整 Math.abs(-5) // 绝对值 Math.max(x,y,z) // 返回 阅读全文
posted @ 2020-02-14 21:57 kimingw 阅读(121) 评论(0) 推荐(0)
每天25分钟总结（1）
摘要：1、javaScript程序是用Unicode字符集编写的 2、javaScript中的原始类型包括数字、字符串和布尔值 3、javaScript中特殊类型null和undefined 4、javeScript除了数字、字符串、布尔值、null和undefined就是对象 5、对象（object）是 阅读全文
posted @ 2020-02-14 02:38 kimingw 阅读(103) 评论(0) 推荐(0)
typescript简单的应用
摘要：简单来说typescript就是新增一下方法，以及增加类型判断 一、普通的类型判断 1、布尔类型（boolean） 2、数字类型（number） 3、字符串类型（string） 4、空值类型（void、null、undefined） 5、任意值（any） 6、联合类型 7、类型断言（根据类型来做判断 阅读全文
posted @ 2019-12-04 16:40 kimingw 阅读(481) 评论(0) 推荐(0)
一个方法解决，时间戳转多少秒前、多少分钟前、多少小时前、多少天前、几年前的问题
摘要：（注意：其实这个转换并不准确，但是能用，而且简单） 阅读全文
posted @ 2019-04-02 10:38 kimingw 阅读(684) 评论(0) 推荐(0)
简单的排序算法总结
摘要：1、冒泡排序 2、快速排序 3、选择排序 4、插入排序 5、希尔排序 6、桶排序 阅读全文
posted @ 2019-02-21 15:14 kimingw 阅读(191) 评论(0) 推荐(0)
尝试PWA
摘要：1、一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能。 2、创建HTML文件 3、HTML中有引入manifest.json(名字配置项等内容)、apple-to 阅读全文
posted @ 2019-01-04 11:45 kimingw 阅读(210) 评论(0) 推荐(0)
三角函数形成简单的波浪
摘要：1、上面是根据a的左右替换来变化，并不像波浪 2、下面是根据波浪的滑动的变化 3、前面都是用定时器的方法，现在用requestAnimationFrame 阅读全文
posted @ 2018-08-27 17:47 kimingw 阅读(844) 评论(0) 推荐(0)
Object.keys()的简单理解
摘要：1、对象的话返回属性名 2、数组的话返回索引 3、字符串的话返回索引 阅读全文
posted @ 2018-08-22 15:51 kimingw 阅读(1346) 评论(0) 推荐(0)
逐帧动画的使用
摘要：1、如果对性能要求不高可以直接使用jquery的animate 注意：这会导致jQuery的bug，窗口失去焦点时停止触发。 2、可以使用第二种方案，直接替代jquery的animate，使用velocity.js直接替代animate 性能会更好，而且不会引发那个bug 3、可以直接使用css3的 阅读全文
posted @ 2018-08-22 15:21 kimingw 阅读(296) 评论(0) 推荐(0)
简单总结es6箭头符号
摘要：1、es6箭头符号的几种写法 （1）没有参数 （2）一个参数 （3）两个参数以及多个参数 2、箭头符号不会绑定this、arguments、super、new.target （1）arguments （2）this 阅读全文
posted @ 2018-08-10 17:57 kimingw 阅读(584) 评论(0) 推荐(0)
es6，async简单总结
摘要：1、简单来讲就是把函数变为异步操作的 2、async的第一个作用就是可以用then，执行结束再进行别的操作 3、async的下一个操作就是要结合await进行的操作，简单来讲就是必须等到await结束才进行下面的操作 4、async的并行操作，因为使用await的话只会一步一步的执行，如果要多个共同 阅读全文
posted @ 2018-08-07 14:26 kimingw 阅读(193) 评论(0) 推荐(0)
RRGGBBAA或者RRGGBB转换成rgba()
摘要：//十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; /*16进制颜色转为RGB格式*/ var colorRgb = function(color){ if(color.length>7){ var num = color.slice(7,9).toUpperCase(); v... 阅读全文
posted @ 2018-05-11 17:20 kimingw 阅读(1417) 评论(0) 推荐(0)
es6数组去重复
摘要：var arr=[1,1,2,3,5,7,7,7] arr=Array.from(new Set(arr)) 阅读全文
posted @ 2018-04-04 18:11 kimingw 阅读(3324) 评论(0) 推荐(0)
遍历对象键值对的两种方法
摘要：1、object.keys 2、使用 Generator 函数将对象重新包装成数组 阅读全文
posted @ 2018-04-04 18:05 kimingw 阅读(7704) 评论(2) 推荐(0)

1 2 3 下一页