潘潘91-CSDN博客

转载 Fetch---ES6

js原生支持，比XHR强大，易用的数据交互对象。fetch的两个步骤基本使用fetch("url").then(res=>{},err=>{});Response(res)对象成员ok:是否成功 headers:响应头对象 status/statusText:状态码/状态文本 redirected:是否重定向过 fetch('../public/info.text').then(res => { console.log('res i

2021-01-25 14:18:14 444 1

原创 Git：报错bash: git: command not found

Git：报错bash: git: command not found如果安装好git后，运行git命令，报错。bash: git: command not found依次执行以下的代码就行了$ export PUB_HOSTED_URL=https://pub.flutter-io.cn$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn$ export PATH=`pwd`/flutter/bin:$P

2020-12-01 10:39:04 16429 4

原创【力扣（LeetCode)】面试题64，求1+2+…+n，要求不能使用乘除法、while、for、if 、else、switch、case等关键字，使用JavaScript解题

求1+2+...+n，要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句（A?B:C）。本来一道非常简单的题，由于限制很多，所以不能从一般的思路思考了。方法一：利用递归以及&&的短路原理var sumNums = function(n) { return n && sumNums(n-1) + n;};方法二：数组索引相加 reduce本质上还是循环，严格来说不符合题意var su...

2020-06-02 17:16:57 468

原创【力扣（LeetCode)】两数之和

【力扣题库】#1 两数之和给定一个整数数组nums和一个目标值target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。示例1:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 ...

2020-05-05 16:47:58 267

原创【力扣（LeetCode)】移动零。给定一个数组 nums，编写一个函数将所有 0 移动到数组的末尾，同时保持非零元素的相对顺序

【力扣题库】#283移动零给定一个数组nums，编写一个函数将所有0移动到数组的末尾，同时保持非零元素的相对顺序。示例:输入: [0,1,0,3,12]输出: [1,3,12,0,0]说明:必须在原数组上操作，不能拷贝额外的数组。尽量减少操作次数。思路先判断数组中是否包含0，如果没有则直接返回数组；如果有，则从等于0 的位置开始进行遍历，这样可以减少遍历的...

2020-05-05 16:30:40 938

原创【力扣（LeetCode)】给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一

【力扣题库】#66 加一给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位，数组中每个元素只存储单个数字。你可以假设除了整数 0 之外，这个整数不会以零开头。示例1:输入: [1,2,3]输出: [1,2,4]解释: 输入数组表示数字 123。示例2:输入: [4,3,2,1]输出: [4,3,2,2]解释:...

2020-05-05 16:13:11 2261

转载 TortoiseGit实现分支的新增、合并、删除详细教程

关于git分支的操作，内容较多1、创建分支（Create Branch）关于Git Branch：在实际的项目开发过程中，这个非常实用，当你想加一个新功能进去的时候，为了避免影响现有项目的正常运行（前段时间，阿里巴巴技术团队新研发了功能，在本地测试没有问题，但是一上线，导致所有云平台项目大规模宕机其中包括天猫、淘宝，在此期间很多对阿里巴巴早已虎视眈眈的互联网公司乘火打劫了一把！！！...

2020-04-28 21:00:08 2134

原创 Windows下TortoiseGit客户端安装使用教程

关于TortoiseGitTortoiseGit是一个开源的git版本控制系统的源客户端，TortoiseGit 简称TGit, 中文名海龟Git. 海龟Git只支持Windows操作系统,有一个前辈海龟SVN,TortoiseSVN和TortoiseGit都是非常优秀的开源的版本库客户端，其中主要分为32位版与64位版，并且支持各种语言。下载TortoiseGit1、官网下载...

2020-04-28 20:41:05 1702

原创 Git本地分支与远程分支

Git切换到指定远程分支我们在使用git进行开发的时候经常会遇到需要切换远程分支并且提交到远程指定分支的情况，现在记录下操作步骤。查看远程所有分支$ git branch -agit branch不带参数,列出本地已经存在的分支，并且在当前分支的前面用*标记，加上-a参数可以查看所有分支列表，包括本地和远程，远程分支一般会用红色字体标记出来$ git branch -a...

2020-04-27 21:42:14 496

原创 Windows环境下Git使用方法，分支管理，冲突解决

Git本地操作一、Git 用户信息配置这里的name和email记得换成自己在Github上注册的！# 设置全局用户名和邮箱$ git config --global user.name "xxx"$ git config --global user.email "[email protected]"二、Git的基本使用1. 创建一个新仓库并初始化 git initgi...

2020-04-27 21:33:54 1052

原创 Windows环境下Git安装

1 Git简介Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。Git是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件Git也是目前最流行的分布式版本控制系统，它和其他版本控制系统的主要差别在于Git只关心文件数据的整体是否发生变化，而大多数版本其他系统只关心文件内容的具体差异，这类系统（CVS...

2020-04-26 20:11:58 1277

原创 Canvas绘制简单路径、弧、圆形、饼状图

Canva绘制图形还是很方便的，用来制作动画，效果是很不错的，下面简单介绍一些绘制图形的方式图形的基本元素是路径：路径是通过不同颜色和粗细的线段或曲线相连形成的不同形状的点的集合2D 绘制上下文支持很多在画布上绘制路径的方法，通过路径可以创造出复杂的形状和线条，要绘制路径，首先必须调用 beginPath() 方法，表示要开始绘制新路径。一、路径绘制图形开始绘制新路径beginP...

2020-04-22 22:21:24 789

原创 webpack 编译less/scss文件

1、安装插件处理less：npm install less-loader --save-dev处理sass：npm install sass-loader --save-dev2、项目目录：layer.less为：.layer{ width: 600px; height: 200px; background-color: green;...

2020-04-21 21:03:40 372

转载 Postman教程大全

推荐一款接口测试工具！POSTMAN！简单来说，四个词，简单实用大方美观！Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件Postman背景介绍用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的，用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具。今天给大家介绍的这款网页调试工具不仅可以调试简单...

2020-04-21 11:28:13 431

转载前端-web缓存

为什么需要缓存本文重点介绍浏览器缓存，服务端等缓存不是本文重点首先从原始的前端开发讲起，上图是一个“可爱”的index.html页面和它的样式文件a.css，用文本编辑器写代码，无需编译，本地预览，确认OK，丢到服务器，等待用户访问。前端就是这么简单，好好玩啊，门槛好低啊，分分钟学会有木有！然后我们访问页面，看到效果，再查看一下网络请求，200！不错，太™完美了！那么，...

2020-03-11 15:05:58 287

原创 ES6 babel的使用及安装配置教程

babel是一个广泛使用的转码器，可以将ES6代码转化为ES5代码，从而在现有环境执行，这意味着，你可以现在就用ES6编写程序，而不用担心现有环境是否支持。下面是一个例子：// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item + 1;});安装及配置使用到...

2020-01-08 20:45:01 986

原创 Nodejs安装及环境配置

1、下载安装包下载地址：https://nodejs.org/zh-cn/download/下载地址：https://nodejs.org/en/download/根据自己电脑系统及位数选择，我这里选择windows64位.msi格式安装包.msi和.zip格式区别：1、.msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。...

2020-01-08 13:20:46 2324

原创浏览器渲染页面原理及过程，重构重绘优化

一、为什么要了解浏览器加载、解析、渲染这个过程？了解浏览器如何进行加载，我们可以在引用外部样式文件，外部js时，将他们放到合适的位置，使浏览器以最快的速度将文件加载完毕。了解浏览器如何进行解析，我们可以在构建DOM结构，组织css选择器时，选择最优的写法，提高浏览器的解析速率。了解浏览器如何进行渲染，明白渲染的过程，我们在设置元素属性，编写js文件时，可以减少”重绘“”重新布局“的消耗...

2020-01-02 17:02:03 710

原创 JavaScript 去除数组中重复的元素得到新数组

方法一：思路：准备一个新数组，将原数组中的元素一一放入新数组，放入之前判断该元素是否存在新数组中，不存在的话就直接存入新数组。function uniqueArr(arr){ var newArr = []; for(let i = 0;i<arr.length;i++){ if(newArr.indexOf(arr[i]) == ...

2019-12-23 15:56:19 1794

原创 JavaScript的堆栈原理，浅拷贝与深拷贝

两者都是存放临时数据的地方堆：先进先出；一般由程序员分配释放，若程序员不释放，程序结束时可能由OS回收栈：先进后出；就像一个桶，由编译器自动分配释放，存放函数的参数值，局部变量的值等缓存问题：栈使用的是一级缓存，他们通常都是被调用时处于存储空间中，调用完毕立即释放。堆则是存放在二级缓存中，生命周期由虚拟机的垃圾回收算法来决定（并不是一旦成为孤儿对象就能被回收）。所以调用这...

2019-12-22 19:08:26 268

原创 JavaScript的排序算法——归并排序

归并排序（Merge Sort）在计算机科学里，归并排序（Merge Sort）是一种通用有效的排序算法。通常情况下实现的是稳定的排序队列，这意味着相等元素排序后的顺序与排序前保持一致。归并排序是采用分治法（Divide and Conquer）的一个非常典型的应用，由John von Neumann发明于1945年。很容易理解且执行效率一般（js实现）的排序。排序思路：将无序...

2019-12-22 16:34:49 356

原创 JavaScript的排序算法——选择排序

选择排序（Selection Sort）选择排序是一种排序算法，是一个占用常用内存（In-place）的排序方法。时间复杂度为O(n2)。通常情况下，在处理大型数据的时候，性能要比相似的插入排序低。选择排序因其简单性而著称，并且在某些情况下性能要优于更复杂的算法，尤其是在辅助存储空间有限的情况下。实现思路跟冒泡排序差不多，可以说是冒泡排序的衍生版本；选择排序的工作原理每一次...

2019-12-22 16:27:42 440

原创 JavaScript的排序算法——插入排序

插入排序（Insertion Sort）插入排序是一种简单的排序算法，这种算法可以一次构建最终排序的数组（或数列）。它在大型数列上的排序效率会远低于一些更高级的排序算法，如快速排序、堆排序、归并排序。中心思想：通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。编码实现：function insertionSort(arr){ var ne...

2019-12-22 16:01:39 461

原创 JavaScript的排序算法——快速排序

排序算法（Sorting algorithm）是计算机科学最古老、最基本的课题之一。要想成为合格的程序员，就必须理解和掌握各种排序算法。快速排序（Quicksort）是对冒泡排序的一种改进。快速排序在诸多算法排序中可能不是最好的，但个人认为在JS语言实现中是最快的。几千条数据的数组在firefox下快速排序的速度比冒泡、插入排序快3至4秒。"快速排序"的思想很简单，整个排序过程只需要...

2019-12-22 15:29:18 519

原创 JavaScript的排序算法——冒泡排序

冒泡排序（Bubble Sort）冒泡排序，有时也被称做沉降排序，是一种比较简单的排序算法。这种算法的实现是通过遍历要排序的列表，把相邻两个不符合排列规则的数据项交换位置，然后重复遍历列表，直到不再出现需要交换的数据项。当没有数据项需要交换时，则表明该列表已排序。中心思想：重复地走访要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来算法描述：1、比较相邻的元素，如果...

2019-12-22 14:20:32 655

原创 Unicode编码表

历史问题英语用 128 个字符来编码完全是足够的，但是用来表示其他语言，128 个字符是远远不够的。于是，一些欧洲的国家就决定，将 ASCII 码中闲置的最高位利用起来，这样一来就能表示 256 个字符。但是，这里又有了一个问题，那就是不同的国家的字符集可能不同，就算它们都能用 256 个字符表示全，但是同一个码点（也就是 8 位二进制数）表示的字符可能可能不同。例如，144 在阿拉伯人的 A...

2019-12-22 11:06:48 10374

原创 JavaScript交换两个变量的值

1.使用中间变量（最基本也是最常用的）// 1. 使用中间变量var a = 2,b = 5;var tmp;tmp = a;a = b;b = tmp;console.log("a="+a + ",b=" + b);2.使用加减法//2. 使用加减法（变量覆盖）var a = 2,b=5;a = a+b; // a= 7,b=5b = a-b;//b = 2a...

2019-12-17 18:10:46 279

原创 CSS中让元素隐藏的19种方法

总结一下CSS 让元素隐藏的方法，仅供参考，大家也可以多补充1.width:0;/height:0;这种方式的缺点是隐藏不了文字,如果需要隐藏文字，那么：2.针对文字font-size:0;3.针对文字color:transparent;4.opacity:0;原理是把元素设置为透明。opacity属性的意思是设置一个元素的透明度。它不是为改变元素的边界框（bounding b...

2019-12-16 08:56:31 997

原创如何实现元素水平垂直居中

1）单行文本的居中主要实现css代码：水平居中：text-align:center;垂直居中：line-height:XXpx; /*line-height与元素的height的值一致*/s2) 多行文本的垂直居中我们有很多种实现方式1)使用display:table来实现主要实现代码：display: table使块状元素成为一个块级表格;display: t...

2019-12-16 08:47:30 491 1

转载 CSS布局——Grid

一、概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只...

2019-12-12 18:42:50 1177

原创 CSS弹性布局——Flex

一概述布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex布局将成为布局的首选方...

2019-12-12 18:20:59 259

转载让360浏览器强制优先使用极速模式

在head标签中添加一行代码： content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。若页面需默认用极速核，增加标签：若页面需默认用ie兼容内核，增加标签：若页面需默认用ie标准内核，增加标签：各渲染内核的技术细节内核Webk

2016-06-15 14:33:33 6381

转载 CSS 符合习惯的代码规范

1. 通用原则别想着过早地优化代码。先得保证它们可读又可理解才行。在任何代码库中，无论有多少人参与及贡献，所有代码都应该如同一个人编写的一样。严格执行一致认可的风格。如果有疑议，则使用现有的、通用的模式。2. 空格在项目的所有代码中，应该只有一个风格。在空格的使用上，必须始终保持一致。使用空格来提高可读性。永远不要在缩进时混用空格和制表符（又称TAB符号

2015-09-17 09:35:39 590

原创双系统Window+Linux，卸载Linux

去年学习Linux时，在Windows 7下面腾出了一个盘安装了Linux，学习练习用。后来就没有再用过了，但是每次启动电脑的时候还得选择OS，比较麻烦，一不小心就进入了Linux了，后来就在找了卸载的方法，和大家分享下。注意：在开始操作之前，一定要备份你要保留的那个操作系统。因为，一旦你操作失误，很有可能就会删错系统，后果会相当相当严重哦。步骤：1. 下载mbrf

2015-08-12 22:49:26 5521

原创 Maven配置文件pom.xml详细解读

一、什么是pom? pom作为项目对象模型。通过xml表示maven项目，使用pom.xml来完成其配置。主要描述了项目的配置，包括：开发者需要遵循的规则，缺陷管理系统，组织和licenses，项目的url，项目的依赖性，以及其他所有的项目相关因素。二、pom.xml 4.0.0edu.ku.it.si BlackboardDemoE war

2015-08-12 22:48:07 732

原创安装有Maven的Eclipse启动时出现JDK警告

若在Eclipse启动时，出现下图中的情况解决方法：1：打开eclipse Click on ‘Window’ -> ‘Preferences’ -> ‘Java’ -> ‘Installed JREs’. If you can’t find any JDK on the list -> click ‘Ad

2015-08-12 22:47:09 942

原创 eclipse 安装和配置 maven 插件

maven3 安装：安装 Maven 之前要求先确定你的 JDK 已经安装配置完成。Maven是 Apache 下的一个项目，目前最新版本是 3.0.5，我用的也是这个。首先去官网下载 Maven：http://maven.apache.org/download.cgi找到Maven 3.0.5下载可以了. 下载完成之后将其解压，我将解压后的文件夹重命

2015-08-12 22:34:59 1021

原创 MySQL for Windows 解压缩版配置安装

MySQL数据库是一个比较常见的数据库，官网给出的安装包有两种格式，一个是msi格式，一个是zip格式的。很多人下了zip格式的解压发现没有setup.exe，面对一堆文件一头雾水，不知如何安装。下面我就给大家讲解一下下啦1. 解压缩下载好zip包后，解压缩为文件，然后最好将文件重命名为“MySQL Server 5.6”，不过具体是那个版本，要看你下载的是那个了。2. 放置在合适

2015-07-20 16:18:39 730

原创浏览器返回刷新页面

有的时候浏览器返回操作我们想刷新页面，从服务器重新获取数据，此时就需要浏览器不将浏览记录保存在缓存中。1. 设置页面为不缓存，访问上一次页面就需要重新去服务器获取。HTML JAVAif (request.getProtocol().compareTo("HTTP/1.0") == 0){ response.se

2015-06-02 14:57:58 15465 2

原创全角字符数字转换为半角字符数字

全角字符数字转换为半角字符数字function CtoH(str){ var result=""; for (var i = 0; i < str.length; i++){ if (str.charCodeAt(i)==12288){ result+= String.fromCharCode(str.charCodeAt(i)-12256); continue; } i

2015-05-26 09:57:28 2141