自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

恒星的博客

人生如同篮球起起落落,但目标只有一个:进球。

  • 博客(17)
  • 收藏
  • 关注

原创 算法题:最长公共前缀

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

2020-07-27 11:34:33 196

原创 【前端面试题】防抖&节流

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

2020-07-01 11:32:47 916

原创 【前端面试题】手写bind、call、apply

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

2020-06-28 15:15:00 336

原创 Javascript中,如何让‘a==1 && a==2 && a==3’成立呢?

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

2020-06-09 18:38:21 539

原创 有关JS深拷贝

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

2020-03-23 15:47:22 145

原创 JS中数组常用的方法

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

2019-12-29 14:54:35 414 1

原创 Taro框架使用React语法开发小程序有关行内样式解析问题

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

2021-02-28 16:48:47 807

原创 vue中页面跳转当前页无法重渲染问题

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

2020-10-02 23:31:37 722

原创 git常用命令

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

2020-08-09 00:37:50 188

原创 手写实现数组的slice方法

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

2020-08-04 11:04:59 493

原创 【前端面试题】冒泡排序&选择排序

冒泡排序、选择排序,作为前端面试题出场率还是挺高的。趁着工作不是很忙,就写了写。还顺带了解到了插入排序,也顺带写了下。 // 冒泡排序 两两比较,大的放后面 // [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 =&.

2020-07-12 22:34:16 366

原创 【前端存储】storage/cookie的异同

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

2020-07-03 17:53:30 347

原创 JS的深浅拷贝

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

2020-06-30 14:05:43 3954

原创 手写实现数组的splice方法

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

2020-05-09 21:09:30 831 2

原创 有关react的Context

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

2020-04-26 18:25:28 145

原创 JS中检测数据类型

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

2020-04-24 14:12:12 135

原创 JS中给数字添加千分符

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

2020-03-25 18:09:16 1637

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除