随笔分类 -  JS

1 2 下一页
数组去重方法
摘要：```jsfunction fun1(data) { // 高阶函数 return data.filter((item, index) => data.indexOf(item) === index);}function fun2(data) { // 普通方法 let result = []; for (let i = 0;i < data.length;i++) { !result.incl... 阅读全文
posted @ 2020-01-17 14:55 歆轶 阅读(146) 评论(0) 推荐(0)
横向tab计算滚动位置
摘要：React横向滚动计算 React Native横向滚动计算 阅读全文
posted @ 2019-12-06 11:15 歆轶 阅读(475) 评论(0) 推荐(0)
常见富文本处理方法
摘要：```js // html特殊字符转义 const special = html = { html = html.replace(/ /gm, ' '); html = html.replace(/</gm, ''); html = html.replace(/Ø/gm 阅读全文
posted @ 2019-11-21 15:16 歆轶 阅读(1068) 评论(0) 推荐(0)
极简触感反馈Button组件
摘要：一个简单的React触感反馈的button组件 阅读全文
posted @ 2019-11-15 14:05 歆轶 阅读(182) 评论(0) 推荐(0)
JS拉平数组
摘要：JS拉平数组 有时候会遇到一个数组里边有多个数组的情况(多维数组)，然后你想把它拉平使其成为一个一维数组，其实最简单的一个方法就是ES6数组方法Array.prototype.flat。使用方法如下： 可是实际有些情况下，需要去兼容低版本的问题处理，所以就自己写了两种解决方案，根据自己喜欢使用，不过 阅读全文
posted @ 2019-09-10 16:18 歆轶 阅读(2875) 评论(0) 推荐(0)
js原生继承几种方式
摘要：js原生继承 js本身并没有继承和类的概念，本质上是通过原型链(prototype)的形式实现的。 1.先写两个构造函数Parent和Child，用于将Child继承Parent 2.prototype继承 3.call，apply构造函数继承 综上，可以根据自己的实际需求去选择合适的继承方式。 阅读全文
posted @ 2019-09-06 18:01 歆轶 阅读(1206) 评论(0) 推荐(0)
js对象的浅拷贝与深拷贝
摘要： 阅读全文
posted @ 2019-06-21 16:12 歆轶 阅读(191) 评论(0) 推荐(0)
日历方法整合
摘要：```js const ONEDAYTIME = 24 3600 1000; / 获取日期属性（年，月，日，每周的第几天） @param {Date} time / const getTimePart = (time) = { const year = time.getFullYear(); con 阅读全文
posted @ 2019-04-24 20:30 歆轶 阅读(234) 评论(0) 推荐(0)
JS防抖与节流函数封装
摘要：防抖 在监听scroll事件的时候经常会用到防抖，当滚动到某一位置而触发状态，从而不会出现频繁滚动持续触发事件的情况 防抖的事件处理机制仅触发一次且必须是结束状态下才会执行 节流 防抖有个明显的缺点就是它在事件运行的过程中不能够执行事件，比如图片的懒加载就不能够满足，当滚动了很多但是由于没有停止导致 阅读全文
posted @ 2019-03-06 15:10 歆轶 阅读(444) 评论(0) 推荐(0)
根据设备width(375)动态设置font-size
摘要：根据html的font size使用rem来优化移动端页面 阅读全文
posted @ 2019-01-29 15:03 歆轶 阅读(382) 评论(0) 推荐(1)
JS写一个简单日历
摘要：JS写一个日历，配合jQuery操作DOM javascript <!DOCTYPE html Calendar { margin: 0; padding: 0; list style: none; } header { text align: center; line height: 40px; 阅读全文
posted @ 2019-01-25 21:00 歆轶 阅读(326) 评论(0) 推荐(0)
js常用身份校验规则
摘要：js常用身份校验规则 javascript var Validator = { extractBirth: function(id) { // 身份证提取出生年月 var re = null, split, year, month, day; if (id.length === 15) { re = 阅读全文
posted @ 2019-01-25 11:35 歆轶 阅读(1500) 评论(0) 推荐(0)
正则简单操作cookie、url search
摘要：正则操作cookie、url getCookie setCookie getQuery getUrl 阅读全文
posted @ 2018-11-16 10:48 歆轶 阅读(223) 评论(0) 推荐(0)
字母导航跳转react核心代码
摘要：```javascript componentDidMount() { this.move(); } skipToDep(e) { let dom = document.getElementById(e); // 获取要跳至的字母节点 const scroller = this.props.scroller; if (e === '#') { scroll... 阅读全文
posted @ 2018-11-08 16:40 歆轶 阅读(302) 评论(0) 推荐(0)
字符串的长度获取
摘要：字符串的长度获取 可能看到这篇文章的读者会问，这有什么难的，直接使用str.length或者for循环去遍历一遍不就好了，还有必要去专门判断吗？答案当然是肯定的！如若不信，你可以把这个词放在浏览器里边用普通方法跑一下，看是不是你想要的答案——'𠮷𠮷'。 发现不对劲以后，其实并非是你的理解问题，而 阅读全文
posted @ 2018-10-29 16:53 歆轶 阅读(617) 评论(0) 推荐(0)
js验证对象类型
摘要：js验证对象类型 1. Object.prototype.toString.call() 这是最佳解决方案，可以用作通用方式处理。各种类型的判断依据类似于[object Object]，替换的是后边的Object为其他类型。 2. constructor和instanceof 这两个实现的功能是类似 阅读全文
posted @ 2018-10-23 18:51 歆轶 阅读(232) 评论(0) 推荐(0)
JavaScript倒计时实现
摘要：1 /** 2 * 倒计时函数 3 * @param {String}} endTime 终止时间戳 4 */ 5 const countDown = (endTime, callback) => { 6 const end = endTime, 7 now = new Date().getTime 阅读全文
posted @ 2018-09-04 13:14 歆轶 阅读(147) 评论(0) 推荐(0)
setTimeout闭包常见问题
摘要：经常会遇到这样的问题，setTimeout按序输出循环数字，而不是最后输出同一个数字： 题目： 解决方案： 阅读全文
posted @ 2018-03-09 11:43 歆轶 阅读(282) 评论(0) 推荐(0)
JS闭包
摘要：闭包简单的说就是一个函数有权访问另一个函数作用域中的变量。闭包常见的一种表现形式就是嵌套函数： 在上面的代码中，value1和value2变量可以访问外部函数中的变量val，之所以可以访问，是由于内部函数的作用域链中包含了外部函数的作用域，具体说是将外部函数的活动对象(Action Object)加 阅读全文
posted @ 2017-08-28 12:06 歆轶 阅读(188) 评论(0) 推荐(0)
Number类型
摘要：Number是与数字值对应的引用类型，创建Number对象的语法： var numberObj = new Number(11); Number类型重写了valueOf()方法，返回对象表示基本类型的数值，重写toString()和toLocaleString()方法，返回为字符串的形式。 1.进制 阅读全文
posted @ 2017-08-27 19:07 歆轶 阅读(251) 评论(0) 推荐(0)

1 2 下一页