Chanyelo_-CSDN博客

原创函数柯里化

柯里化的定义红宝书（第3版）：用于创建已经设置好了一个或多个参数的函数。基本方法是使用一个闭包返回一个函数。（P604）维基百科：柯里化（英语：Currying），是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。柯里化的应用柯里化有 3 个常见应用：1、参数复用 – 当在多次调用同一个函数，并且传递的参数绝大多数是相同的，那么该函数可能是一个很好的柯里化候选2、提前返回 – 多次调用多次内部判断，可以直接把

2021-09-01 17:46:08 135

原创 webpack编译报错：Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel

webpack编译报错信息Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like ...

2019-12-31 11:05:07 400

原创 git拉取代码报错"error: RPC failed; curl 56 OpenSSL SSL_read: SSL_ERROR_SYSCALL, errno 10054"解决方法

git拉取代码报错：原因可能是上传大小限制；安全设置的问题解决方法首先执行git config http.sslVerify "false"若出现下列错误fatal: not in a git directory再继续执行git config --globle http.sslVerify "false"问题解决git clone https://github....

2019-12-31 10:56:58 516

原创 Vue组件的keep-alive

Vue基础的生命周期钩子（beforeCreate,created,beforeMounted,mounted.beforUpdate,updated,beforDestroy,destroyed）当在这些组件之间切换的时候都会请求一些请求过的数据，每次请求都会导致重复渲染影响性能。这些数据可以存到缓存。此时使用keep-alive将组建包裹起来。但这样以上八种生命周期钩子将失效。取而代之的时...

2019-10-16 14:19:11 116

转载使用webpack命令行，报错：'webpack' 不是内部或外部命令,也不是可运行的程序或批处理文件

一、下载安装node.js(npm)官网有最新版的nodejs，但是最新版可能有各种情况出现，网上的教程针对旧版的教程，这里使用一个廖雪峰老师给出的nodejs链接--》node.js国内镜像按照步骤直接点击下一步完成安装，nodejs默认集成了npm，无需再次安装。二、配置环境win+R输入cmd打开命令行输入 node -v 回车查看nodejs是否成功安装：...

2019-04-03 18:14:34 5266 3

转载 JavaScript 执行机制

1.关于javascriptjavascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的，一切javascript多线程都是纸老虎！2.javascript事件循环既然js是单线程，那就像只有一个窗口的银行，客户需要排队一个一个办理业务，同理js任务...

2018-12-22 15:40:54 144

原创数组方法

var a=new Array(1,3,2,4,5); var b=new Array("a","b","c"); console.log(a); //[1, 3, 2, 4, 5] console.log(a.join("."));//1.3.2.4.5 /* join转字符...

2018-11-06 16:29:30 91

原创判断基本数据类型和引用数据类型

基本数据类型 string number boolean undefined nulltypeof 返回值string number boolean undefined function objecttypeof 不能区分object array null，返回值都是object可以用 obj instanceof Object 返回true则为对象 [1，2] i...

2018-11-06 16:23:53 1807

原创图片轮播——无缝滚动

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #div2{ width: 1300

2018-10-16 00:23:49 154

原创图片轮播——从右向左滑动

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #div1{ width: 1200

2018-10-16 00:21:27 3803

原创 js实现三级联动

HTML：省：<select name="" id="s_city"> <option value="">--请选择--</option></select>市：<select name="" id="ss_city"> <optio

2018-10-15 19:27:24 144

原创三栏布局——绝对定位法

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .container{ positi

2018-10-10 00:07:41 286

原创三栏布局——双飞翼布局

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .container { overf

2018-10-09 23:53:58 120

原创三栏布局——圣杯布局

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .container { overf

2018-10-09 23:42:21 92

原创飞机大战

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .map{ position: re

2018-10-09 08:53:26 194

转载 JavaScript中基本数据类型和引用数据类型的区别

1、基本数据类型和引用数据类型　　ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。　　基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。　　当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。2、常见的基本数据类型：　　Number、String 、Boolean、Null和Undefined。基本数据...

2018-10-08 21:38:40 135

转载 HTTP

这篇文章主要是我平时在学习HTTP过程中看到的一些知识点，现在把他们总结成一篇文章，建立一个自己的知识体系，全是干货。另外，推荐一本非常棒的HTTP书——《图解HTTP》，这本书图文并茂，挺有趣的。HTTP是基于TCP/IP协议的应用层协议，用于客户端和服务器之间的通信，默认80端口。我们按照他的发展历程的时间顺序开始说。1. HTTP/0.91990年提出的，是最早期的版本，只有...

2018-10-07 21:54:53 247

转载 BFC

在一个Web页面的CSS渲染中，块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上...

2018-10-07 21:46:09 143

原创 jQuery

jQuery是一个轻量级的“写的少做的多”的JavaScript库，jQuery极大地简化了JavaScript编程，jQuery很容易学习。1.引用方法：通过script标签中的src属性引用：<script src="js/jquery-3.0.0.js"></script>2.文档就绪事件 $(document).ready(function(){ ...

2018-06-26 03:00:26 125

原创 Ajax技术及跨域

原生JS Ajax请求：传统方法的缺点：传统的web交互是用户触发一个http请求服务器，然后服务器收到之后，再做出响应到用户，并且返回一个新的页面，每当服务器处理客户端提交的请求时，客户都只能空闲等待，并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据，都要返回一个完整的HTML页，而用户每次都要浪费时间和带宽去重新读取整个页面。这个做法浪费了许多带宽，由于每次应用的交互都需要向服务...

2018-06-12 22:51:51 126

原创 js实现贪吃蛇蛇蛇蛇

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script>

2018-06-02 23:23:50 973

原创 js继承的四种实现方式

一、原型链继承核心：将父类的实例作为子类的原型。 //声明一个动物的类 function Animal(name){ this.name=name; this.eat=function(){ return this.name+"正在吃" } } ...

2018-05-31 12:05:58 297

原创淡入淡出js动画

最后附完整代码。一。给一个容器block，block相对定位，里面的6张img绝对定位。<div class="block"> <img class="imglist" src="./image/demo1.jpg" alt=""/> <img class="imglist" src="./image/demo2.

2018-05-23 20:08:44 1026

原创 dom事件的绑定以及dom元素的获取

一、事件的绑定（1）dom元素事件：鼠标事件有click（点击）、mouseenter（鼠标移入）、mousemove（鼠标移动）、mouseleave和mouseout（鼠标离开）、mouseleave和mouseout鼠标离开事件的区别：mouseout——水平垂直方向的离开、mouseleave——水平离开（2）事件的绑定方法在页面元素之内直接进行事件的绑定dom元素操作进行事件绑定事件的监...

2018-05-17 12:19:59 2662

原创 js闭包

要了解闭包，必须先从变量的作用域说起。变量的作用域分为全局变量和局部变量；在所有函数之外的变量成为全局变量，它的作用域为整个程序，即整个代码都可以调用它；例如：var n=999; function ff(){ alert(n); } ff();//999函数内部的变量称为局部变量，它的作用域仅限于函数内部，即只能在函数内部调...

2018-05-09 21:27:05 97

原创 css3动画基础知识及旋转的正方体实现。

css3的几种动画：1.过渡动画 transition 过渡动画过渡的是操作的元素属性可写在一块，如transition：all 0.5s easy-in-out 0.5s;也可分开写： transition-delay: 0.5s;过渡的时间延迟 transition-duration: 0.2s;过渡的时间 transition-property: all;过渡的属性 transitio...

2018-05-03 01:49:53 1300

原创 overflow：hidden竟然会失效

overflow：hidden：声明内容将被剪裁，并且也甭想使用滚动条来查看剪裁掉的内容。在编程中我们发现，有时即使使用了overflow：hidden，其子元素的超出部分也不会被剪裁掉。我们从实例中来看：样式：运行结果：如图，我们的子元素（child类）已明显超出其父元素（father类），而且father类设置了超出部分隐藏，但是可以看到已超出其父元素的子元素（红色部分）并没有被其父元素（黄色...

2018-04-25 21:06:45 14416 5

原创 css中：overflow：hidden的作用

overflow:hidden是当元素内的内容溢出的时候使它隐藏溢出的部分，即超出部分隐藏。1.我们给一个父元素，里面有两个子元素2.样式如下：给父元素设置背景颜色，子元素设置边框，两个字元素向左浮动。.3.运行结果如下：我们发现父元素的背景色并没有显示出来4.给父元素加上overflow：hidden5.运行结果：父元素的背景色被显示出来6.分析原因：父元素未被撑开当子元素浮动时，它的父元素不是...

2018-04-19 11:39:22 45640 4

原创 html+css基础

一、WEB前端标记的类型与特点单标记:某些标记称为"单标记"，因为它只需要单独使用就能完整地表达意思记的语法如下：<标记名称/>；最常用的单标记是<br/>，它表示换行。双标记:双标记由"始标记"和"尾标记"两部分构成，必须成对使用。语法如下：<标记>内容</标记>；最常见的就是<div></di

2018-04-12 02:23:48 221

qq_41985171的博客