- 博客(22)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 LeetCode26. 删除排序数组中的重复项
题目链接给定一个排序数组，你需要在 原地 删除重复出现的元素，使得每个元素只出现一次，返回移除后数组的新长度。不要使用额外的数组空间，你必须在 原地 修改输入数组 并在使用 O(1) 额外空间的条件下完成。示例 1:给定数组 nums = [1,1,2],函数应该返回新的长度 2, 并且原数组 nums 的前两个元素被修改为 1, 2。你不需要考虑数组中超出新长度后面的元素。示例...
2020-04-27 15:39:54
158
转载 React-router5.x 路由的使用及配置
官方文档在 React router 中通常使用的组件有三种：路由组件（作为根组件）: BrowserRouter（history模式） 和 HashRouter（hash模式）路径匹配组件: Route 和 Switch导航组件: Link 和 NavLink关于路由组件，如果我们的应用有服务器响应web的请求，建议使用<BrowserRouter>组件; 如果使用静态...
2020-04-26 23:33:03
2018
1
原创 关于es6 Rest参数的一些思考
使用Rest参数可以使我们的代码更简洁，在使用的过程中有如下两个注意点：Rest参数必须放在参数最后的位置。Rest参数接收的任何数据，默认最外层先给你包裹一层数组，如果想获取传入的原数据，还需要配合数组扩展操作。关于第二点，下面举例验证： function deal(...list) { console.log(list); // [1,2,3] ...
2020-04-26 11:47:39
245
原创 forEach中return和break无效问题
今天无聊用JavaScript刷了几道LeetCode，发现了一些坑，记录下来在JavaScript中数组的forEach()函数是没办法用break或者return语句来提前结束掉程序的执行的，因此我们需要用for循环来代替。题目描述：在一个长度为 n 的数组 nums 里的所有数字都在 0～n-1 的范围内。数组中某些数字是重复的，但不知道有几个数字重复了，也不知道每个数字重复了几次...
2020-04-21 12:20:11
1395
转载 理解和使用ES6中的Symbol
ES6中引入了一种新的基础数据类型：Symbol，不过很多开发者可能都不怎么了解它，或者觉得在实际的开发工作中并没有什么场景应用到它，那么今天我们来讲讲这个数据类型，并看看我们怎么来利用它来改进一下我们的代码。这是一种新的基础数据类型（primitive type）Symbol是由ES6规范引入的一项新特性，它的功能类似于一种标识唯一性的ID。通常情况下，我们可以通过调用Symbol()函数来...
2020-04-20 14:52:38
904
原创 ES6计算属性名
一. 什么是计算属性名计算属性名是 ES6 的一个很大的增强，事实上可计算属性不是一个很新鲜的东西在 ES5 版本中我们也可以通过计算属性来进行取值：let name = "first name";let person = {};person[name] = "Raaa";console.log(person[name]); // Raaaconsole.log(person["f...
2020-04-20 13:11:36
1765
转载 SCSS 日常用法
官方文档你需要了解的less 和 sass 是两种 css 预编译语言，就是说通过 less 或者 scss 写的代码最终都会被编译成 css 再使用。其目的是为了更快、更结构的编写 css 文件，都能使用 变量、运算符、判断、方法等等。scss 与 sass 的区别（这里先不讲 less ）：先有的 sass 后有的 scssscss 需要大括号{}和分号;sass 什么都不用直接...
2020-04-18 17:31:27
1117
原创 animation常用属性必知必会
animation 最常用的几种属性有以下几种：1. animation-name(动画名称)animation-name属性是必须存在的，因为animation-name的值默认是none，没有动画。2. animation-duration(动画执行一次所需时间)animation-duration属性也是必须存在的，因为animation-duration的值默认是0，没有动画。3...
2020-04-16 13:57:40
8314
原创 深入理解CSS3的clip-path
一. 简述clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域（不改变这个裁剪区域在整张图中的位置），区域内的部分显示，区域外的隐藏。clip-path属性代替了现在已经弃用的剪切 clip属性。clip-path的属性值可以是以下几种：clip-path属性值为inset；inset是将元素剪切为一个矩形，如clip-path:inset(10px)，括号内的...
2020-04-16 13:49:45
1460
原创 css文字超出显示省略号
单行：white-space:nowrap;overflow:hidden;text-overflow:ellipsis;例子：.main { font-size: 20px; border: 1px solid red; width: 100px; white-space: nowrap; overflow: hidden; text-overfl...
2020-04-16 10:43:24
5745
2
原创 Node.js中package.json中库的版本号详解(^和~区别)
当我们查看package.json中已安装的包的时候，会发现他们的版本号之前都会加一个符号，有的是插入符号^，有的是波浪符号~。那么他们到底有什么区别呢？先贴一个例子，对照例子来做解释："dependencies": { "bluebird": "^3.3.4", "body-parser": "~1.15.2"}bluebird的版本号：^3.3.4body-parse的版本号：~...
2020-04-15 20:59:20
870
原创 peerDependencies WARNING问题剖析
peerDependencies是npm一个比较早的概念，以前一直没有注意过，因为它主要是跟插件的开发相关，直到最近负责做一些插件开发，才接触到这个东西。我们对dependencies和devDependencies应该都很熟悉了，但是除了它们两个以外，package.json里还可以配置一个叫peerDependencies的配置。那么这个peerDependencies配置有啥作用呢？下面...
2020-04-15 19:52:29
7282
1
原创 JavaScript策略模式应用
最近在看《JavaScript设计模式与开发实践》这本书，受益匪浅，小记录一下书中的各个demo，加深理解。将不变的部分与变化的部分隔开是每个设计模式的主题，策略模式也不例外，策略模式的目的就是将算法的使用与算法的实现分离开来。策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。一个基于策略模式的程序至少由两部分组成。第一部分是一组策略类，策略类封装了具体的...
2020-04-14 11:27:42
206
原创 async/await解决异步问题
async/await 是ECMAScript7提出来解决异步问题的方案，这个要比ES6的promise使用起来更清晰，更方便。用法：在JavaScript里的函数前面加上async关键字，则这个函数的返回结果就会变成一个Promise对象。await必须放在async函数里在await后面接一个函数，来等待这个函数执行完成，如果这个函数返回的是Promise，则等待这个函数里异步结果执...
2020-04-12 12:24:41
870
原创 es6中import和export的用法
和是ES6模块中的两个命令。ES6模块功能主要有两个命令构成：export和import。export命令用于规定模块的对外，import命令用于输入其他模块提供的功能。：一定是对外暴露一个接口，而不能是一个值。在ES6前，模块加载最主要的有 CommonJS 和 AMD两种。前者用于服务器，后者用于浏览器。ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。3. import使用命令定义了模块的对外接口以后，其他 JS 文件就可以通过命令加载这个模块。命令接
2020-04-08 19:09:26
1430
1
原创 flex布局的flex复合属性
《精通CSS高级web标准解决方案》的第六章Flexbox个人觉得写得特别详细，下面把里面作用于项目的flex复合属性进行讲解。一. flex 复合属性的组成flex复合属性是flex-grow、flex-shrink和 flex-basis属性的简写，值以空格分隔：.navbar li { flex: 1 0 0%;}注意： 最后一个flex-basis值加了百分号，这是因为简...
2020-04-05 18:54:42
2462
原创 margin: auto; 你真的理解么？
今天在看《精通CSS高级web标准解决方案》看到一个例子，让我对margin：auto; 又有了深入的理解。案例如下：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #box { width: 300px; bo...
2020-04-05 14:05:09
645
转载 git reset --hard 操作后的数据恢复
当我们进行了git reset --hard操作进行了版本回退，现在我们又需要之前的修改信息，也就是说我们需要版本回退之前的文件信息，此时我分了三种情况之前的修改进行了commit 提交，也就是说我们回退前的修改（曾经）存在于版本里;之前的修改未进行commit提交，但是进行了 git add 操作；之前的修改未进行 commit 提交，也未进行git add操作。如果是第一种情况，很...
2020-04-01 13:21:13
2014
1
原创 git reset 和 git checkout的区别
一. git reset众所周知，git reset --hard ‘版本哈希’ 可以用来回退版本，但是如果不带–hard参数，即git reset可以用来从暂存在回复到工作区。简单的场景用例：假设一次修改了两个文件，然而需要对这两个文件分别进行两次提交，在进行缓存操作时（git add），不小心将两个文件都进行了缓存，此时我们需要对其中一个文件取消缓存，此时就需要git reset操作来实...
2020-04-01 13:11:47
3882
转载 使用git命令 （git reset --hard HEAD） 回退版本信息
Git必须知道当前版本是哪个版本，在Git中，用HEAD表示当前版本，上一个版本就是HEAD^，上上一个版本就是HEAD^^，当然往上100个版本写100个^比较容易数不过来，所以写成HEAD~100。现在，我们要把当前版本"A"，回退到上一个版本“B”，就可以使用git reset命令：$ git reset --hard HEAD^ //HEAD is now at ea34578 ...
2020-04-01 12:41:46
1204
java设计模式
2016-10-06
关于web开发中的响应式布局
2016-11-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人