恒星的博客

函数的重要性不多说了，经常使用函数肯定会用到this这个关键字。this指针是面向对象设计中的一项重要概念，它表示当前运行的对象。在实现对象的方法时，可以使用this指针来获得该对象自身的引用，JavaScript 中的 this 指针是一个动态的变量，一个方法内的this指针并不是始终指向定义该方法的对象的。 平时开发，改变函数this指向，会用到bind、call、apply这三种函数对象自带的方法，端午节这几天就想着试着手写一下，实现同样的功能，先简单了解下这三个方法的特点。 bind 1、第一.

前端的小伙伴对于防抖、节流肯定不会陌生，日常开发中的一些业务场景很多会用到他们，而且这也是面试时常遇到的手写题目。不是很了解的小伙伴可以认真的看一看哦，很简单的。 let num = 0; btn.addEventListener('click', debounce(handle, 2000, ['点赞', '分享'])) // 两秒后,box元素的内容变为num; function handle(a, b) { num ++; box.inn.

前两天有个同事在使用Taro的react语法开发小程序时碰到了一个关于行内样式的问题： 本以为蓝色这两个字的颜色应该是蓝色的，结果发现这个行内样式却没有生效，还是黑色。于是看了编译后的代码，居然是这样的： 印象中在react框架中并不会出现这个问题，于是在普通的react项目中尝试了下这个写法，发现可以正常编译，蓝色二字的颜色就是蓝色。 所以前者的问题应该只会出现在Taro中，也算是此框架的一个坑吧：在自定义的方法中return标签，标签中的行内样式将会编译为对象。 结合了react的语法特点，于是想到了

上礼拜五，同事给我抛了个问题，获取最长的公众前缀。当时手上有几个bug，大概看了看，想了想思路，不过没有时间实现。礼拜天抽空就写了一下，题目还是挺不错的，记录一下。 /* Q: 最长公共前缀 - 编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀，则返回 null 所有输入只包含小写字母 a-z 例: 输入: ["flower","flow","flight"] 输出: "fl" .

前两天用vue、element做了做了个公司官网的项目，遇到了些问题，有的是vue的问题，有的则是element的导致的。网上查了好多，也问了经常用vue写项目的朋友，问题总算是都解决了，在这里记录一下。 页面跳转当前页，报错且无法重渲染 // router/index.js import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) // 解决报错???? const routerPush = VueRout

Git是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。 它作为代码常用的管理工具，是很多开发者必须要掌握的技能之一。在这里，我将整理出比较常用的一些命令，以后查阅起来也比较方便，也会持续的更新。 git clone url           将远程项目克隆到本地 git init       &nb.

数组的slice方法可以接收两个参数，第一个是必传，代表起始位置的索引；第二个是选传，代表结束位置的索引，如果不传，则从开始的索引截取到数组的最后一位。 两个参数 [start、end) 前开后闭。 参数支持负数，意为倒数第几位。 结束位置的索引不比开始位置的索引大，则返回 [] 。 /** * 封装 slice * 思路：先实现不传结束索引的情况；其次将负数索引转为正数索引；结束索引不大于开始索引则return [] */ Array.prototype.mySli

冒泡排序、选择排序，作为前端面试题出场率还是挺高的。趁着工作不是很忙，就写了写。还顺带了解到了插入排序，也顺带写了下。 // 冒泡排序 两两比较，大的放后面 // [1, 3, 2, 5, 1] // 1: 3 => [1, 3, 2, 5, 1] => 3: 2 => [1, 2, 3, 5, 1] => 3: 5 => [1, 2, 3, 5, 1] => 5: 1 => [1, 2, 3, 1, 5] // 1: 2 =&.

JS数组常用的方法slice 数组的截取splice 数组的删除、替换includes 判断数组filter 数组过滤some 检测数组toString 数组转字符join 数组转字符concat 合并数组 slice 数组的截取 //slice 从已有的数组中截取的元素 返回截取元素组成的数组 原数组不变 let arr = [1,2,3,‘aa’] ; arr.slice(1,3) // ...

Cookie的数据信息存放在客户端浏览器上。 Session的数据信息存放在服务器上。 他俩都不支持跨域查看。 localStorage 存储大小：一般是5M左右。 存储特点：永久性存储；存储内容过多的话会消耗内存空间，导致页面变卡；不能被爬虫抓取到；隐私模式下面是不可读取的；遵循同源策略；只支持 string 类型的存储。 window.localStorage.setItem('name',JSON.stringify({a:1}) ) ; //存储数据 JSON.parse(window.loc.

上次写了深拷贝的实现方法，闲来无聊再写下浅拷贝的实现方法，在简单说下他们各自的特性。 // 浅拷贝，对 对象|数组 而言，它的第一层属性值如果是基本数据类型则完全拷贝一份数据，如果是引用类型就拷贝内存地址。 // 1 // obj.a = 0; // obj.oo.a = 0; // let obj2 = Object.assign({}, obj); // console.log( // obj, obj2 // ) .

日常开发，在写业务逻辑时肯定会用到if语句，或者三元，来进行下一步的业务操作或是赋值给某个变量？但是变量之间的比较，你真的有彻底搞明白了吗？ if (a == 1 && a == 2 && a==3 ) { // doing something console.log('finished') } 这个if判断能走通吗？答案是可以的。那a到底或是一个什么类型的变量呢？数字？字符串？还是数组或者是对象呢？ 在这呢，先不说a到底是什么类型的变量，我们先来了解下 == 比较.

五一小长假刚过去没多久，今个儿礼拜六，还需要补班。改了几个bug，然后也没什么其他事情，就想着封装个方法，实现和数组splice同样的功能。 相信开发过程中，经常会用到有关数组的方法，找到最适合场景的方法，不但可以提高我们的开发效率，还让我们的代码既干净又整洁，维护起来也非常的方便。这是鄙人好早之前整理的有关数组的一些常用的方法=>✋✋✋，有兴趣的小伙伴可以瞅一瞅。 好了，我们来说一说splice，他可以接受多个参数，一个两个三个甚至更多，把每个参数搞搞清楚，封装起来也就1234了。 ...

react中，如果父组件要传值给子组件的话，一般可通过props进行传递。但是，当很深层级的组件需要获取外层组件的状态或是公众的数据时，若使用props进行传递的话，则需要一层一层…的往下进行，难免冗余和繁琐，这个时候我们就可以利用Context进行传递。 单个数据 contextType // 文件1 data.js import React from 'react'; export con...

typeof 可以判断数据的类型 返回值为6个字符串，分别为 string , object , function , number , undefined , Boolean ；但是当数据为array、object、null、new出的实例时，typeof的返回值都是object，得不到真正的数据类型。 而利用Object.prototype.toString.call( )可以很好的解决这个...

一些项目在开发过程中，会遇到给表格、图表中的数字添加千分符的问题，下面分享一个简单实用的函数给大家。 const thousands = (str) => { //str 字符类型的数字 let thousandsReg = /(\d)(?=(\d{3})+$)/g; const numArr = str.split("."); numArr[0] = nu...

( - - ! ) 深拷贝这个东西，相信很多前端的小伙伴都有了解，而且这个问题是面试中常问的问题，经常让我们手写的题目。接下来就分享下两种鄙人开发时常用到的两种深拷贝的方法。 //简短粗暴 JSON.parse JSON.stringify //要注意的是这个方法可不能拷贝函数哦，但话说回来，一般从后端拿过来可都是纯数据 { let obj = {name:'liu',age:25} ; le...