自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

陈学辉的博客

没事搞搞前端

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

原创 陈学辉Vue点餐系统课程来了!

陈学辉vue餐饮管理系统项目来了!vue餐饮管理系统体验地址:http://order.chenxuehui.com/login餐饮管理系统视频简介: 陈学辉Vue餐饮管理系统课程来了! 陈学辉vue餐饮管理系统项目思维导图...

2021-05-12 19:48:31 644

原创 函数声明与函数表达式.md

函数声明与函数表达式函数是JavaScript非常重要的一部分,它被称为第一等公民,可以看出它的地位是何等尊贵何等重要。根据我一贯的作风,会深入原理性的东西,那这篇文章主要来挖掘函数声明与函数表达式相关知识。在JavaScript中定义一个函数有四种方式函数声明函数表达式ES6里箭头函数new Function()函数声明语法function 函数名(参数){ 要执行...

2018-09-23 11:32:48 334 3

原创 函数声明与函数表达式

函数是JavaScript非常重要的一部分,它被称为第一等公民,可以看出它的地位是何等尊贵何等重要。根据我一贯的作风,会深入原理性的东西,那这篇文章主要来挖掘函数声明与函数表达式相关知识。在JavaScript中定义一个函数有四种方式函数声明函数表达式ES6里箭头函数new Function()函数声明语法function 函数名(参数){ 要执行的代码}调用...

2018-09-23 11:28:36 822

原创 你不知道的JavaScript运算符

运算符对于大家来说并不陌生,只要平时写代码就会频繁用的到。可能平时大家只关注它们的使用层还停留在只知其用法的表面,但是运算符有一些鲜为人知技能,明白以后会让你掌握运算符的原理和运算符的奇技淫巧以及解决一些面试题先来看一些面试题,请小伙伴本着不去试的原则写出下而四道题的运行结果//1console.log('kaivon' && (2+1));console.log(![...

2018-09-04 09:17:41 216

原创 你不知道的JavaScript运算符

运算符对于大家来说并不陌生,只要平时写代码就会频繁用的到。可能平时大家只关注它们的使用层还停留在只知其用法的表面,但是运算符有一些鲜为人知技能,明白以后会让你掌握运算符的原理和运算符的奇技淫巧以及解决一些面试题先来看一些面试题,请小伙伴本着不去试的原则写出下而四道题的运行结果//1console.log('kaivon' && (2+1));console.log(![] ...

2018-09-04 09:12:07 163 4

原创 Webpack 4.X 从入门到精通 - 第三方库(六)

在开发的时候会时常用到第三方的库或者框架,比如耳熟能详的jquery。借助它们能提高开发效率,但是如何在webpack中使用呢。这篇文章介绍两个东西,如何使用第三方库以及如何提取第三方库。使用第三方库1、在入口文件当中直接导入安装jQuery npm i jquery -S目录结构如图: package.json内容如下:{ "name": "webpa...

2018-08-28 16:30:31 896 1

原创 Webpack 4.X 从入门到精通 - 第三方库(六)

在开发的时候会时常用到第三方的库或者框架,比如耳熟能详的jquery。借助它们能提高开发效率,但是如何在webpack中使用呢。这篇文章介绍两个东西,如何使用第三方库以及如何提取第三方库。使用第三方库1、在入口文件当中直接导入安装jQuerynpm i jquery -S目录结构如图:package.json内容如下:{ "name": "webpack-demo", "...

2018-08-28 16:18:25 155

原创 Webpack 4.X 从入门到精通 - loader(五)

通过上一篇文章相信大家已经明白了loader的概念。那这篇文章继续介绍一些常用loader,并展现它的强大之处处理lessless与sass的功能都一样,这里我就以less为例,介绍其对应loader的用法。less的语法对于浏览器那是必需不认识的,要处理成浏览器认识的需要借助两个模块,一个less和一个less-loader安装 npm i less less-loade...

2018-08-21 08:35:36 499

原创 Webpack 4.X 从入门到精通 - loader(五)

通过上一篇文章相信大家已经明白了loader的概念。那这篇文章继续介绍一些常用loader,并展现它的强大之处处理lessless与sass的功能都一样,这里我就以less为例,介绍其对应loader的用法。less的语法对于浏览器那是必需不认识的,要处理成浏览器认识的需要借助两个模块,一个less和一个less-loader安装npm i less less-loader -D创建...

2018-08-21 08:27:08 187

原创 Webpack 4.X 从入门到精通 - module(四)

概念在webpack中任何一个东西都称为模块,js就不用说了。一个css文件,一张图片、一个less文件都是一个模块,都能用导入模块的语法(commonjs的require,ES6的import)导入进来。webpack自身只能读懂js类型的文件,其它的都不认识。但是webpack却能编译打包其它类型的文件,像ES6、JSX、less、typeScript等,甚至css、images也是Ok的...

2018-08-14 10:55:48 886

原创 Webpack 4.X 从入门到精通 - module(四)

概念在webpack中任何一个东西都称为模块,js就不用说了。一个css文件,一张图片、一个less文件都是一个模块,都能用导入模块的语法(commonjs的require,ES6的import)导入进来。webpack自身只能读懂js类型的文件,其它的都不认识。但是webpack却能编译打包其它类型的文件,像ES6、JSX、less、typeScript等,甚至css、images也是Ok的,...

2018-08-14 10:41:12 310

原创 Webpack 4.X 从入门到精通 - devServer与mode(三)

上一篇文章里详细介绍了一下插件的用法,这一篇文章接着丰富module.exports里的属性。如今的前端发展已经非常迅速了,伴随而来的是开发模式的转变。现在已经不再是写个静态页面并放在浏览器里打开预览一下了。在实际的开发中会经常需要使用http服务器,比如之前的ajax,想要看到效果就必需搭建一个服务器。搭建服务器的方式有非常的多,而webpack则原生的提供服务器的支持,大家无需再去下载软件。同...

2018-08-07 16:52:23 1788

原创 Webpack 4.X 从入门到精通 - devServer与mode(三)

上一篇文章里详细介绍了一下插件的用法,这一篇文章接着丰富module.exports里的属性。如今的前端发展已经非常迅速了,伴随而来的是开发模式的转变。现在已经不再是写个静态页面并放在浏览器里打开预览一下了。在实际的开发中会经常需要使用http服务器,比如之前的ajax,想要看到效果就必需搭建一个服务器。搭建服务器的方式有非常的多,而webpack则原生的提供服务器的支持,大家无需再去下载软件。同...

2018-08-07 16:48:36 228 2

原创 Webpack 4.X 从入门到精通 - plugin(二)

通过上一篇文章,我们明白了webpack的两个配置参数入口与出口,webpack会找到入口文件的地址,进去后一顿蹂躏,再通过你给的输出地址就把编译后的文件给你了。这篇文章接着去丰富webpack.config.js的内容,说一个参数叫pluginspluginsplugins里面放的是插件,在webpack里有各式各样的插件能够帮你完成任何构建的事情。只有你想不到的,没有它做不到的。并...

2018-08-07 10:56:37 535

原创 Webpack 4.X 从入门到精通 - entry与output(一)

回顾历史Web应用日益复杂,前端开发也发生了翻天覆地的变化变得盘根错节,到今天已经非常复杂和庞大了!用html、css、javascript老老实实的写个页面的时代早已过去。而现在要完成工作需要借助很多额外的东西,比如工程化、自动化等等。这样才显得有逼格,才像一个真正的程序猿。如果说还停留在切个图,下载个js效果怼上去的阶段,显然你会脱节的。由此也带动了很多前端工具的发展,以Gulp、Grun...

2018-08-07 10:51:52 2901 1

原创 再和“面向对象”谈恋爱 - 图片预加载组件(七)

再和“面向对象”谈恋爱 - 对象简介(一) 再和“面向对象”谈恋爱 - 对象相关概念(二) 再和“面向对象”谈恋爱 - 面向对象编程概念(三) 再和“面向对象”谈恋爱 - class(四) 再和“面向对象”谈恋爱 - 继承(五) 再和“面向对象”谈恋爱 - super(六)通过前面的六篇文章已经把ES6的面向对象跟大伙说清楚了,大家最关心的应该是来个例子实战一下,别担心自行车都会有。...

2018-08-07 10:45:30 154

原创 再和“面向对象”谈恋爱 - super(六)

在上一篇文章里介绍了继承,那其中说过一个很关键的东西想要继承子类里里必需先调用一个super方法。而super的作用绝对是价值连城!同时super的作用还有多种,并且跟你的使用环境有关系。1、当作函数使用super被当作函数使用,这种情况是最普遍的,上一篇文章里已经使用过。它有以下几种作用: super作为函数调用时,代表父类的构造函数 调用super后,this会被...

2018-08-07 10:41:15 189

原创 再和“面向对象”谈恋爱 - 继承(五)

通过上一篇文章想必各位老铁已经熟悉了class了,这篇文章接着介绍继承。面向对象里最大的特点应该就属继承了。一个项目可能需要不断的迭代、完善、升级。那每一次的更新你是要重新写呢,还是在原有的基础上改吧改吧呢?当然,不是缺心眼的人肯定都会在原来的基础上改吧改吧,那这个改吧改吧就需要用到继承了。在第二篇文章里说过原型实例跟构造函数之间的继承,并且还讲了一道推算题。最终我们明白,实例为什么能继承原型...

2018-08-07 10:38:54 128

原创 再和“面向对象”谈恋爱 - class(四)

在上一篇文章里我介绍了一下面向对象编程的概念,在最后终于喜出望外看到了ES6提供了类的概念了。那这个类如何去用,是这篇文章的主题。ES6给我们提供了一个class关键字。这个关键字跟以前的var let const很像,它们都是用做声明的,而class就是用来声明一个类的。语法class name [extends]{ //extends是用来继承的,可选参数 //cl...

2018-08-07 10:35:03 126

原创 再和“面向对象”谈恋爱 - 面向对象编程概念(三)

通过前两篇文章,我们了解了对象的概念以及面向对象里的相关概念等知识,那前面说了对象分类里的前两种,这篇文章要详细去说第三种“自定义对象”,那真正的好戏这就来了!面向对象编程概念面向对象编程的概念非常早就有了,大多数的传统语言都是面向对象编程语言,如C++、Java等。ECMAScript花了大量的精力编写了一堆内置对象,这是为什么呢?JavaScript的设计者其实也想向面向对象的语言...

2018-08-07 10:31:48 143

原创 再和“面向对象”谈恋爱 - 对象相关概念(二)

上一篇文章把对象的概念讲解了一下,这篇文章要重点解释最让大家犯迷糊的一些概念,包括 构造函数 实例 继承 构造函数的属性与方法(私有属性与方法) 实例的属性与方法(共享属性与方法) prototype(原型) __proto__(原型) 构造函数 构造函数依然是个函数,用来生成对象。所有的对象都是由构造函数创建的对象哪来的?构造函数...

2018-08-07 10:23:24 173

原创 再和“面向对象”谈恋爱 - 对象简介(一)

再和“面向对象”谈恋爱 - 对象简介(一)标签(空格分隔): 未分类 JavaScript中的面向对象是个老生常谈的话题,但是依然有很多小伙伴处于懵逼的状态。面试时候最担心的就是被问到面向对象相关的内容,自己看过无数的资料,依然对面向对象百思不得其解。到底什么是原型?什么是构造函数?什么是继承。。。一提到这些概念那真是欲哭无泪、悲愤交加,甚至恨的直咬牙!所以有必要重新再谈一次面向对...

2018-08-07 10:16:25 177

原创 npm与模块化开发-陈学辉-专题视频课程

课程内容包含:1、npm简介2、npm安装模块3、npm常用命令4、package.json介绍5、browsersync6、模块化7、CommonJS8、AMD9、Babel10、ES6模块化

2018-08-07 09:10:01 538

原创 Webpack 4.X 入门到精通-陈学辉-专题视频课程

课程内容如下:1、webpack 4.x简介2、webpack配置文件3、插件的使用4、devServer与mode5、module6、loader实战7、使用第三方库8、实战案例

2018-08-07 09:09:39 1540

原创 Webpack 4.X 从入门到精通 - plugin(二)

通过上一篇文章,我们明白了webpack的两个配置参数入口与出口,webpack会找到入口文件的地址,进去后一顿蹂躏,再通过你给的输出地址就把编译后的文件给你了。这篇文章接着去丰富webpack.config.js的内容,说一个参数叫pluginspluginsplugins里面放的是插件,在webpack里有各式各样的插件能够帮你完成任何构建的事情。只有你想不到的,没有它做不到的。并且全世界...

2018-08-01 17:16:55 263

原创 Webpack 4.X 从入门到精通 - entry与output(一)

回顾历史Web应用日益复杂,前端开发也发生了翻天覆地的变化变得盘根错节,到今天已经非常复杂和庞大了!用html、css、javascript老老实实的写个页面的时代早已过去。而现在要完成工作需要借助很多额外的东西,比如工程化、自动化等等。这样才显得有逼格,才像一个真正的程序猿。如果说还停留在切个图,下载个js效果怼上去的阶段,显然你会脱节的。由此也带动了很多前端工具的发展,以Gulp、Grunt...

2018-07-29 14:06:59 537

原创 再和“面向对象”谈恋爱 - 图片预加载组件(七)

再和“面向对象”谈恋爱 - 对象简介(一)再和“面向对象”谈恋爱 - 对象相关概念(二)再和“面向对象”谈恋爱 - 面向对象编程概念(三)再和“面向对象”谈恋爱 - class(四)再和“面向对象”谈恋爱 - 继承(五)再和“面向对象”谈恋爱 - super(六)通过前面的六篇文章已经把ES6的面向对象跟大伙说清楚了,大家最关心的应该是来个例子实战一下,别担心自行车都会有。那这篇文章通篇就是实战...

2018-07-17 11:08:34 163 1

原创 再和“面向对象”谈恋爱 - super(六)

在上一篇文章里介绍了继承,那其中说过一个很关键的东西想要继承子类里里必需先调用一个super方法。而super的作用绝对是价值连城!同时super的作用还有多种,并且跟你的使用环境有关系。1、当作函数使用super被当作函数使用,这种情况是最普遍的,上一篇文章里已经使用过。它有以下几种作用:super作为函数调用时,代表父类的构造函数调用super后,this会被改成子类只能用在构造...

2018-07-17 10:49:23 132

原创 再和“面向对象”谈恋爱 - 继承(五)

通过上一篇文章想必各位老铁已经熟悉了class了,这篇文章接着介绍继承。面向对象里最大的特点应该就属继承了。一个项目可能需要不断的迭代、完善、升级。那每一次的更新你是要重新写呢,还是在原有的基础上改吧改吧呢?当然,不是缺心眼的人肯定都会在原来的基础上改吧改吧,那这个改吧改吧就需要用到继承了。在第二篇文章里说过原型实例跟构造函数之间的继承,并且还讲了一道推算题。最终我们明白,实例为什么能继承原型上...

2018-07-12 14:35:31 292

原创 再和“面向对象”谈恋爱 - class(四)

在上一篇文章里我介绍了一下面向对象编程的概念,在最后终于喜出望外看到了ES6提供了类的概念了。那这个类如何去用,是这篇文章的主题。ES6给我们提供了一个class关键字。这个关键字跟以前的var let const很像,它们都是用做声明的,而class就是用来声明一个类的。语法class name [extends]{ //extends是用来继承的,可选参数 //class bo...

2018-07-10 17:27:01 102

原创 再和“面向对象”谈恋爱 - 面向对象编程概念(三)

通过前两篇文章,我们了解了对象的概念以及面向对象里的相关概念等知识,那前面说了对象分类里的前两种,这篇文章要详细去说第三种“自定义对象”,那真正的好戏这就来了!面向对象编程概念面向对象编程的概念非常早就有了,大多数的传统语言都是面向对象编程语言,如C++、Java等。ECMAScript花了大量的精力编写了一堆内置对象,这是为什么呢?JavaScript的设计者其实也想向面向对象的语言靠齐。说...

2018-07-06 15:57:27 96

原创 再和“面向对象”谈恋爱 - 对象相关概念(二)

上一篇文章把对象的概念讲解了一下,这篇文章要重点解释最让大家犯迷糊的一些概念,包括构造函数实例继承构造函数的属性与方法(私有属性与方法)实例的属性与方法(共享属性与方法)prototype(原型)__proto__(原型)构造函数构造函数依然是个函数,用来生成对象。所有的对象都是由构造函数创建的对象哪来的?构造函数生的。而普通函数不能生成对象(不孕不育),构造函数可...

2018-06-28 14:02:40 144

原创 再和“面向对象”谈恋爱 - 对象简介(一)

JavaScript中的面向对象是个老生常谈的话题,但是依然有很多小伙伴处于懵逼的状态。面试时候最担心的就是被问到面向对象相关的内容,自己看过无数的资料,依然对面向对象百思不得其解。到底什么是原型?什么是构造函数?什么是继承。。。一提到这些概念那真是欲哭无泪、悲愤交加,甚至恨的直咬牙!所以有必要重新再谈一次面向对象。同时我也希望通过这几篇文章让你对面向对象由恨生爱,再到爱恨交加,最后爱得死去活来...

2018-06-28 13:59:23 432

原创 JS深度揭秘第二章-函数深入-陈学辉-专题视频课程

1、自执行函数原理2、模块化开发3、惰性函数4、箭头函数5、函数参数默认值及传递方式6、reset参数7、块级作用域8、堆栈概念9、垃圾回收机制10、执行上下文11、变量对象12、作用域原理13、this原理14、call、apply、bind方法详解15、闭包的表面现象、闭包的真正原理、闭包的形式、闭包的应用16、递归、尾递归、递归应用...

2018-05-29 13:49:54 225

原创 JS深度揭秘第一章-数据类型深入-陈学辉-专题视频课程

1、重新认识JS2、数据类型简介3、Number、String方法转对象的原理、算法4、隐式类型转换出现的场景、规则,转数字的原理、转字符串的原理、5、递增与递减运算符的详细介绍及区别6、不同数据类型大小比较的原理、转换规则7、逻辑运算符的特殊用法8、逗号运算符的原理及应用9、for...of语句...

2018-05-24 15:18:35 343

原创 JavaScript ES6面向对象编程-陈学辉-专题视频课程

JavaScript中的面向对象编程是个难点。那这个课程会非常详细去介绍面向对象,其中晦涩的概念都会用非常通俗的语言去阐述!课程里面还包括ES6的面向对象,通过这套课程会让你彻底弄明白面向对象!...

2018-05-11 17:55:33 369

空空如也

空空如也

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

TA关注的人

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