自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 JavaScript等于运算符

不同于其他变成语言,JavaScript中相等的比较分为双等于“==”比较和三等于“===”比较。这是因为在Java、C等强类型语言中,一个变量在使用前必须声明变量类型,所以在比较的时候就无须判断变量类型,只需要有双等于即可。对于不同类型的数据,在比较时需要遵循不同的规则。

2023-02-01 00:00:12 1292

原创 String类型常见算法

假如存在一个字符串’helloJavaScripthellohtmlhellocss’,其中存在大量的重复字符,例如h、e、l等,去除重复的字符,只保留一个,得到的结果应该是’heloJavscriptm’。在本算法中,使用到了正则表达式/(\w)\1+/g,其中\1表示的是(\w)匹配的内容,而\w表示的是匹配字符、数字、下划线,(\w)\1+正则的目的是匹配重复出现的字符。算法2与算法1的主要思想相同,将正序和倒序的字符逐个进行比较,与算法1不同的是,算法2采用递归的形式实现。

2023-01-31 23:19:24 828

原创 String类型的定义与调用

在JavaScript中,有3种定义字符串的方式,分别是字符串字面量,直接调用String()函数与new String()构造函数。

2023-01-31 11:54:46 944

原创 Number类型详解

在JavaScript中,Number类型的数据即包括了整型数据,也包括了浮点型数据。下面讲解整型数据的处理规则。最基本的数值采用的是十进制整数,另外,数值还可以通过八进制或者十六进制表示。:如果想要用八进制表示一个数值,那么首位必须是0,其他位必须是0~7的八进制序列。如果后面位数的字面值大于7,则破坏了八进制数据表示规则,前面的0会被忽略,当作十进制数据处理。其中num1首位为0,表示八进制数,然后判断后面每位数值在0~7内,符合八进制数据表示规则,最后将其转换为十进制数值2*8+4=20.

2023-01-31 00:24:59 4164

原创 JavaScript的基本数据类型

所有的编程语言都存在数据类型的概念。在JavaScript中,数据类型可以分为和,其中基本数据类型包括Undefined、Null、Boolean、Number、String、Symbol 6种;引用数据类型含有Object、Function、Array、Date等类型。

2023-01-30 21:09:15 500

原创 Webpack生产模式介绍

生产模式是开发完成代码后,我们需要得到代码来部署上线。这个模式下我们主要对代码进行优化,让其运行性能更好。优化主要从两个角度出发:1、优化代码运行性能2、优化代码打包速度。

2023-01-21 02:25:58 121

原创 Webpack开发服务器&自动化

每次写完代码都需要手动输入指令才能编译代码,我们希望一切自动化。

2023-01-20 23:21:39 89

原创 Webpack处理HTML资源

该插件将为你生成一个HTML5文件,在body中使用script标签引入你所有webpack生成的bundle。只需添加该插件到你的webpack配置中。

2023-01-20 00:56:12 194

原创 Webpack处理js资源

有人可能会问,js资源Webpack不能已经处理了吗,为什么我们还要处理呢?原因Webpack对js处理是有限的,只能编译js中ES模块化语法,不能编译其他语法,导致js不能再IE等浏览器运行,所以我们希望做一些兼容性处理。其次开发中,团队对代码格式是有严格要求的,我们不能由肉眼去检测代码格式,需要使用专业的工具检测。我们先完成Eslint,检测代码格式无误后,再由Babel做代码兼容性处理。

2023-01-20 00:12:55 279

原创 Webpack处理字体图标资源

注意字体文件路径需要修改。

2023-01-19 15:06:23 96

原创 Webpack5自动清空上次打包内容

Wedpack每次重新打包的时候都需要手动将path文件删除如果添加自动清空上次打包的功能需要添加对应的插件只需要在输出位置添加clean: true

2023-01-18 17:11:22 370

原创 Webpack修改输出文件目录

为了更好管理到出文件的类型分类,给js、图片文件指定路径以便分类。

2023-01-18 16:57:56 105

原创 Webpack处理文件资源

过去Webpack4时,我们处理图片资源通过file-loader和url-loader进行处理,现在Webpack5已经将两个Loader功能内置到Webpack里了,我们只要简单配置即可处理图片资源。

2023-01-18 16:37:21 129

原创 Webpack处理样式资源

Webpack本身是不能识别样式资源的,所以我们需要借助Loader来帮助Webpack解析样式资源。我们找Loader都应该去官方文档中找到对应的Loader,然后使用官方文档找不到的话,可以从社区Github中搜索查询。webpack中文文档css-loader:负责将Css文件编译成Webpack能识别的模块style-loader: 会动态创建一个Style标签,里面放置Webpack中Css模块内容此时样式就会以Style标签的形式在页面上生效。

2023-01-18 15:52:57 83

原创 Webpack开发模式介绍

Webpack开发模式介绍

2023-01-18 12:44:56 99

原创 Webpack5基本配置

在开始使用Webpack之前,我们需要对Webpack的配置有一定的认识。

2023-01-18 12:35:18 267

空空如也

空空如也

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

TA关注的人

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