- 博客(117)
- 资源 (10)
- 收藏
- 关注
RSS订阅原创 React项目中，如何把数据导出到Excel文件
写在前面无论是做项目还是自己学习过程中，我们可能会遇到导出数据的需求，比如导出数据到Excel文件。为了方便大家的学习和开发，这里介绍一种导出数据到Excel文件的方法。方法简介我在这里使用 exceljs 包来导出数据，如果你有兴趣，可以阅读一下他们的文档：英文文档：https://github.com/exceljs/exceljs/blob/HEAD/README.md中文文档：https://github.com/exceljs/exceljs/blob/HEAD/README_zh.m
2021-07-18 12:26:06
1377
1
原创 分享三个CSS宝藏网站
写在前面Hello 大家好，今天跟大家分享三个CSS宝藏网站，这些网站不仅可以帮助你了解CSS的特性，还可以被应用到实际的项目中，丰富网页内容。下面一起来看看吧！1.生成不规则的矩形地址： https://9elements.github.io/fancy-border-radius/在CSS中我们可以使用 border-radius 属性定义矩形四个角的弧度，但是通常我们都是定义下面这种圆角：其实我们可以调整 border-radius 的数据，得到更多好看的不规则矩形。但是很多同学不知道如
2021-05-09 11:45:59
1895
原创 webpack入门学习笔记15 —— Webpack中的三个小插件
1. 写在前面在前面的博客中我们说过，webpack之所以有这么强大的功能，是因为它借助了很多 loader 和 插件 的帮助。在之前webpack配置中，我们已经介绍了很多 loader 和 插件 ，在这里再介绍三种小插件，可以帮助我们更好地使用webpack构建项目。这三款插件分别是：CleanWebpackPlugin、CopyWebpackPlugin、BannerPlugin(web...
2019-08-11 17:58:46
408
原创 webpack入门学习笔记14 —— Webpack的源码映射
1. 写在前面Webpack作为一个功能强大的构建工具，能够对我们书写的代码进行打包编译，从而生成一系列新的代码文件，使得项目能够够在浏览器中正常渲染。Webpack在工作的过程中，会对代码进行打包编译，这就会带来一个问题：如果项目中代码错误，浏览器中的报错提示，定位到的是打包编译后的代码，而不是我们在项目中实际书写的代码，比如以下报错：对于这种报错，如果是简单的项目还好。但是如果项目稍微...
2019-08-11 17:54:13
1398
原创 webpack入门学习笔记13 —— 使用Webpack打包多页面应用
1. 写在前面如果你熟悉Vue或者React的话，那么你肯定知道使用这些框架创建的应用属于 单页面应用 。这些框架底层使用的就是Webpack来构建项目，通过对项目文件进行打包编译，最终生成一个 .html 文件，所以我们说这些应用属于 单页面应用。但是在使用webpack进行构建项目的时候，不仅可以构建单页面应用，还可以构建多页面应用。在实际的项目中，如果该项目初期使用的就是 脚手架（比如...
2019-08-04 16:28:55
488
1
原创 webpack入门学习笔记12 —— 打包编译后文件的引入路径问题
1. 写在前面在一些基于Webpack的项目中，我们可能会遇到这个情况：使用本地开发服务器开发项目的时候，项目可以正常运行，所需要的资源也能正常请求到。但是项目经打包编译，部署到服务器上之后，会报错一些 404 的错误，显示一些图片文件、css文件或js文件等找不到。这是因为打包后的项目文件的引用路径问题，如果我们不做额外配置，打包编译后得到的 .html 文件的代码如下：<!DOCT...
2019-08-04 16:25:55
1458
原创 webpack入门学习笔记11 —— 在项目中对打包编译的文件进行分类
1. 写在前面在前面的博客中，我们对Webpack项目进行了很多配置，也多次打包编译了项目。如果你细心观察的话，你会看到，项打包编译后的目代码,全部都放在了 build 文件夹下，没有根据文件格式的不同再次进行分类。但是我们所期望的场景是：项目打包编译之后，对文件进行分类，不同的文件放在不同的文件夹下。比如打包编译后，图片全部都放在 build/images 文件夹下，样式文件全部放在 bu...
2019-07-28 15:54:43
302
原创 webpack入门学习笔记10 —— 在项目中使用图片资源
1. 写在前面在前端项目中，图片是必不可少的一种资源。在使用图片的时候，我们可以有以下几种方式：在 .html 文件中，通过 <img src="" alt=""> 标签引入图片在 .css 文件中，通过 background: url() 属性来引入图片在 .js 文件中，通过 import 或者 require 语法来引入图片但是在基于webpack的项目中，如果你只...
2019-07-28 15:46:46
7989
原创 webpack入门学习笔记09 —— 在项目中引入全局变量
1. 写在前面在做项目的时候，我们可能会经常遇到这种场景：一个变量我在很多文件中都要用到。这变量可能是第三方包，或者是自己定义的一个工具类对象等。比如在基于jQuery的多页面应用中，在每一个页面中都要使用到 jQuery对象 ；在单页面应用中，一个 消息提示框 在所有组件中都要用到。这个时候我们应该怎么办，如果在所有页面中都引用这个变量的话，工作量比较大，而且对项目的维护也不是很友好。这篇...
2019-07-21 10:26:26
1504
原创 webpack入门学习笔记08 —— 使用ESLint检查项目代码
1. 写在前面JavaScript作为一门动态语言，灵活性是它的一个优点，同时又是一个缺点。有的时候因为语法太过于灵活，导致一些隐藏的Bug被我们忽略，代码质量得不到保证。为了提到项目代码的质量，大多数架构师在初始化项目的时候，都会使用一个检查工具来帮助实现代码的规范性和正确性，同时也可以提高项目代码后期的可维护性。在基于webpack的项目中，经常被使用到的代码检查工具是 ESLint 。...
2019-07-21 10:24:55
343
原创 webpack入门学习笔记07 —— 关于babel的一些补充
1. 写在前面在之前的一篇博客中：使用babel打包编译js文件 ，简单介绍了如果在webpack中使用babel对高级JS语法进行转换，以方便浏览器能够识别。但是babel的相关知识很多，不能面面俱到全部讲解，只能将我们项目中经常使用的一些插件或者配置介绍一下。我的目的是抛砖引玉，更多知识大家还是到babel官网学习：https://babeljs.io/ 。这篇博客中，根据我的学习，对b...
2019-07-13 17:07:40
157
原创 webpack入门学习笔记06 —— 使用babel打包编译js文件
1. 写在前面在前端项目中，占主导地位的文件，我想应该是 .js 文件。随着 JS语言 的不断升级改进，越来越多的高级语法被加入到该语言中，比如我们熟知的 ES6语法、ES7语法 等。虽然 ES6语法、ES7语法 我们写起来感觉非常方便，但是目前市面上的浏览器却不认识这些语法，这就导致我们辛辛苦苦做出来的项目却不能运行，让人很抓狂。这个时候我们要怎么办呢？办法肯定是有的，我们可以借助web...
2019-06-30 10:38:48
1160
原创 webpack入门学习笔记05 —— 使用webpack打包编译css文件
1. 写在前面在前面的博客中，对webpack打包项目进行了简单介绍，而且都是关于打包编译 .js 文件的介绍。我们知道在一个基于webpack的项目中，肯定不止是 .js 文件，还有 .html 、.css、.png 等文件，在后面的博客中会给大家一一讲述，在这篇博客中，我们就介绍如何使用webpack打包编译 .css 文件。主要内容包括：如何在项目中引入 .css 文件打包编...
2019-06-30 10:34:49
952
原创 webpack入门学习笔记04 —— 安装和配置webpack开发服务器
1. 写在前面在之前的博客中，每次使用webpack打包编译完成之后，我们都需要手动打开编译后的index.html文件，这样对于前端开发的调试很不方便。为了解决这一问题，webpack给出了 开发服务器 这一方案。在进行开发的过程中，我们可以使用webpack启动一个开发服务器，来实时查看自己的项目，很方便进行调试。相信很多前端开发者都用过webpack的开发服务器，但是有些开发者不是很了解...
2019-06-23 21:12:05
438
1
原创 webpack入门学习笔记03 —— 自定义脚本，帮助项目管理
1. 写在前面经过前两章博客的基础讲解，我们知道如果想要打包编译项目，可以执行 npx webpack 命令，然后webpack就会根据配置文件 webpack.config.js 来对项目进行打包编译。但是现在我们可能遇到以下需求：webpack的配置文件不要叫做webpack.config.js,而是叫做 webpack.config.allen.js每次打包编译的时候，都要使用 np...
2019-06-19 21:06:46
277
原创 webpack入门学习笔记02 —— 初始化一个webpack项目
1. 写在前面现在我们就开始正式学习 webpack 了，webpack是帮助我们打包编译项目的，所以在正式开始之前，我们需要初始化一个基于webpack的项目。在本篇博客中，将会涉及到以下的知识点：初始化一个基于webpack的项目体会webpack的默认打包设置自定义webpack的打包配置文件2. 初始化一个基于webpack的项目这一步简单，我们可以使用 npm 或者 y...
2019-06-15 14:56:52
425
原创 webpack入门学习笔记01 —— webpack基本简介
1. 写在前面很多从事前端开发的程序员，都会接触到 webpack 非常熟悉的概念，但是我想很多人对webpack只是一知半解，知道这是一个打包器，可以将我们编写的Vue代码、React代码打包编译成原生的JS代码，方便浏览器识别。但是对于webpack更底层的知识，比如：如何配置webpack，webpack为什么可以对我们的代码进行打包编译等，了解甚少。所以借着这次学习webpack的机...
2019-06-13 22:03:48
201
原创 【Linux 学习】Linux服务器的远程登录和文件传输
1. 写在前面一些小白在初次接触Linux系统的时候，可能会有这样一些问题：公司或者个人服务器安装的是Linux系统，我怎么远程登录从而进行管理服务器呢？我本地有一些文件想要上传到服务器上，该怎么上传呢？今天就给初次入门的Linux小白推荐两款可免费使用的软件，来帮助我们远程登录Linux，并方便地进行文件文件传输。这里两款软件就是 NetSarang 公司旗下的 XShell 和 XFTP...
2019-06-01 19:11:32
462
原创 【Linux 学习】Linux 配置Java环境
这些关于Linux学习的文章，都是自己在摆弄自己服务器和学习Linux系统时候遇到的一些坑。这里总结出来，希望可以帮到一些Linux小白。我的服务器上安装Linux系统是CentOS，如果你安装的是Linux其他发行版，一些操作可能会有点不一样。如果遇到，及时百度或者谷歌一下。下载jdk安装包安装Java环境之前，首先要到 官网下载地址 下载我们需要的jdk安装包，根据我们Linux系...
2019-06-01 08:55:29
205
原创 进行图片处理，我推荐这两个便捷强大的网站
1. 写在前面最近因为实习和毕业论文，一直没有更新自己的博客，感觉都有点陌生了。这不刚好是个周末，闲下来的时间写点文章，做做分享，也是一件挺惬意的事情。今天正好看到了一款在线抠图的网站，顿时被它的强大功能给圈粉了，回想起之前的一款关于图片处理的软件，感觉两者结合起来，可以帮助我们节约不少处理图片的时间。下面就一起来看看吧。2. 抠图神器首先来介绍这款抠图神器， 点击连接 进入官网。虽然...
2019-05-26 08:31:29
240
原创 Vue + Node 项目中的跨域请求问题
一、项目背景简介如果你是在使用Vue在做前端项目，那么你肯定对Vue和Node的组合不陌生。无论是在实际的项目中还是我们自己做的Demo中，但凡涉及到API接口请求，都会接触到 跨域 这一技术名词。这篇博客介绍的是如何在Vue + Node项目中解决跨域请求的问题，博客中会介绍两种跨域的设置方案，即前端跨域设置和后端跨域设置。什么是跨域以及跨域的相关解决方案，相信你多多少少都知道点，毕竟这是...
2019-03-17 20:23:55
1300
原创 NPM install -save 和 -save-dev 傻傻分不清
转载备注：原文作者：暗夜余晖原文出处： NPM install -save 和 -save-dev 傻傻分不清回顾 npm install 命令最近在写 Node 程序的时候，突然对 npm install 的 - save 和 - save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异同点略有理解。遂写下这篇文章避免...
2019-02-17 10:38:40
180
原创 Markdown编辑工具推荐
一、什么是Markdown在开始介绍Markdown编辑工具之前，首先介绍一下什么是 Markdown 。Markdown是一门编辑语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式，可以用来对文章进行排版，让写作者不用再为文章的排版浪费精力，专注于写作本身。在很多时候，我们可能会使用Office办公软件来处理文档，这个时候文档的排版可能会让我们比较头疼，浪费精力。但是如果我们使...
2019-02-16 16:35:51
320
转载 Vuex 白话教程第一讲：Vuex 到底是个什么鬼？
转载出处：简书作者 大宏说作者链接：(大宏说)[https://www.jianshu.com/u/cc68942bb696]先说两句官方已经有教程了，为什么还要写这个教程呢？说实话，还真不是我闲着蛋疼，官方的教程真的是太官方了，对于刚入门 Vuex 的童鞋来说，想必看官方的教程，很多地方就如同看圣经一样，比如「欧玛尼玛尼牙」，所有的字都认识，就是不知道说些什么玩意，不信，你可以戳进去看...
2019-01-27 13:13:56
483
转载 Vuex 白话教程第二讲：Vuex 旗下的 State 和 Getter
转载出处：简书作者 大宏说作者链接：大宏说先说两句上一讲 「Vuex 到底是个什么鬼」，已经完美诠释了 Vuex 的牛逼技能之所在（纯属自嗨）。如果把 Vuex 比喻成农药里面的刘备，那就相当于你现在已经知道了刘备他是一个会打枪的力量型英雄，而且他打的枪还是双排量的，认识到这一点后，那么接下来就是要了解他到底是如何打枪的，是左手打，还是右手打，还是双手一起端着枪打？同样，我们已经知道了...
2019-01-27 13:13:15
443
转载 Vuex 白话教程第三讲：Vuex 旗下的 Mutation
转载出处：简书作者 大宏说作者链接：大宏说写在前面上一讲「Vuex 旗下的 State 和 Getter」，告诉了我们怎么去使用仓库 store 中的状态数据。当然，光会用肯定还不够，大部分的应用场景还得对这些状态进行操控，那么具体如何操控呢，这就是这一讲要说的重点。只有 mutation 能动 State**更改 Vuex 的 store 中的状态的唯一方法是提交 mutatio...
2019-01-27 13:12:24
284
转载 Vuex 白话教程第四讲：Vuex 旗下的 Action
转载出处：简书作者 大宏说作者链接：大宏说写在前面通过上一讲「Vuex 旗下的 Mutation」，我们知道了如何去修改 State 的数据，而且只能通过 Mutation 去提交修改，另外还了解到了 Mutation 必须是同步函数，那么如果需求当中必须要用到异步函数怎么办？好办，那就轮到 Action 上场了。简单介绍Action 类似于 mutation，不同在于：1、A...
2019-01-27 13:11:33
291
转载 Vuex 白话教程第五讲：Vuex 的小帮手
转载出处：简书作者 大宏说作者链接：大宏说先说两句前面已经讲完了 Vuex 下的 State、Getter、Mutation 及 Action 这四驾马车，不知道大家是否已经理解。当然，要想真正熟练掌握的话，还是需要不断的练习和动手实践才行。其实只要把这四驾马车完全熟练驾驭了，那么应对一些中小型的项目，基本上就已经没啥问题了，后面的 Module 这架终极马车，其实是为了搞定那些稍微大...
2019-01-27 13:10:51
238
转载 Vuex 白话教程第六讲：Vuex 的管理员 Module（实战篇）
转载出处：简书作者 大宏说作者链接：大宏说写在前面这一讲是 Vuex 基础篇的最后一讲，也是最为复杂的一讲。如果按照官方来的话，对于新手可能有点难以接受，所以想了下，决定干脆多花点时间，用一个简单的例子来讲解，顺便也复习一下之前的知识点。首先还是得先了解下 Module 的背景。我们知道，Vuex 使用的是单一状态树，应用的所有状态会集中到一个对象中。如果项目比较大，那么相应的状态数据...
2019-01-27 13:09:45
358
原创 Java学习——day 17
主要内容缓冲流转换流字节数组流数据流对象流笔记详情1. 缓冲流Java中的流可以分为节点流和处理流，节点流处于IO操作的第一线，所有的操作都必须通过他们进行。处理流可以对节点流进行其他流进行处理（提高效率或者操作灵活性）。缓冲流是Java中的处理流，可以用来提高性能。常见的处理流有字节处理流（BufferedInputStream、BufferedOutputStream ）...
2019-01-27 12:53:15
217
原创 Java学习——day 16
主要内容使用输入流和输出流实现文件的拷贝字符流笔记详情1. 使用输入流和输出流实现文件的拷贝import java.io.*;import java.util.Arrays;/** * 使用输入流和输出流实现文件的拷贝 */public class Demo05 { public static void main(String[] args) throws Fi...
2019-01-20 13:11:08
141
原创 Java笔记——资源配置文件的存储与读取
Java中资源配置文件的存储和读取主要使用 Properties 类，该类继承自Hashtable，因为配置文件以字符串来存储，所以该类的键值对必须是String类型。下面给出 Properties 类中常用的方法：方法简介setProperty(String key,String value)设置资源配置文件的项目getProperty(String key)获...
2019-01-13 09:02:47
268
1
原创 Java学习——day 15
主要内容File类IO流笔记详情1. File类File对象是系统中文件和目录路径名的抽象表示形式。一个File类对象可以代表一个文件和目录，但不是完全对应的。建立File对象不会对系统中的文件和目录带来影响。我们知道在系统中有文件和目录，如果我们想要在程序中操作这些文件和目录，那么就需要这些文件和目录在程序中有一个对应的抽象形式。这个时候我们就可以创建File对象，在程序中创建文...
2019-01-12 09:53:49
149
原创 Java笔记——JDK提供的排序容器
在之前的文章中，我总结了应用类型的排序方法，我们可以根据自己的需求对引用类型进行灵活的排序。其实JDK已经给我们提供了可以进行排序的容器—— TreeSet和TreeMap 。这两个实现类可以对添加到里面的元素进行排序，而且这种排序是实时的，即我们每添加一个元素，这两个实现类就会把该元素按照顺序放在对应的位置上。与之前介绍的引用类型的排序一样，想要使用这两个实现类进行排序，我们也要提供一个“...
2019-01-09 19:49:11
230
原创 Java学习——day 14
主要内容同步容器与只读控制IEDA中引入外部jar包笔记详情1. 同步容器与只读控制我们知道Java中的ArrayList、HashMap、LinkSet等容器都是线程不安全的，都是非同步的。如果我们在多线程编程过程中，需要将其设置为同步，可以用 Collections类的synchronizedMap、synchronizedSet、synchronizedList方法使HashM...
2019-01-09 09:58:20
147
原创 Java笔记——引用类型的排序
本篇文章是在之前文章Java笔记——引用类型的比较的基础之上进行的，所以建议大家简单阅读一下这篇文章。一、排序算法基础说到排序，我们最熟悉的应该是冒泡排序算法，冒泡排序的思想可以简单的归纳为：比较和交换。对于基本的数值类型（int、double、float等），我们可以很方便的使用冒泡算法进行排序。下面给出一个冒泡排序算法的实例，后面的引用类型的排序，也是在这个基础之上进行的。impor...
2019-01-08 10:11:35
836
原创 Java学习——day 13
主要内容Java中的队列和堆栈enumerationHashtable和HashMap的比较引用的分类资源配置文件的存储于读取笔记详情1. Java中的队列和堆栈Java中的队列遵循 先进先出 的规则，一般情况下，往队列中添加元素，以及从队列中获取元素，会用到下面的方法：作用抛出异常返回特殊值插入add(e)offer(e)移除（并返回元素）...
2019-01-07 09:13:33
169
原创 Java笔记——引用类型的比较
引用类型的比较，无非是两种思路：使用Comparable接口中的compareTo() 方法进行比较、使用 Comparator 接口中的 compare() 方法进行比较。使用Comparable接口中的compareTo() 方法进行比较的时候，如果是内置引用类型，那么可以直接调用compareTo()方法，因为jdk已经帮助我们实现了该方法。如果是自定义类型，我们需要在定义类的时候继承C...
2019-01-05 17:44:50
1669
1
原创 Java学习——day 12
主要内容分拣存储及其实例冒泡排序引用数据类型的排序笔记详情1. 分拣存储及其实例Map容器能够实现键值对 一对一 存储，但是如果我们想要实现 一对多 ，单单使用Map容器是不能完成的，这个时候我们可以采用面向对象的思想，结合Map容器来存储。今天介绍一种存储方式：分拣存储。分拣存储，类似于快递员分配快递一样。快递员在分拣快递的时候，如果看到上海的快递，会把它放到盛放上海快递的袋子...
2019-01-04 17:03:41
160
原创 Java笔记——泛型的学习总结
泛型的定义泛型即泛化类型，也可以称为参数化类型。一般情况下使用在集合中。如果把集合类比成瓶子，那么泛型就是瓶子上面的标签，指明瓶子中装的是什么类型的物品。泛型中的类型是在使用的时候指定的，一旦指明泛型，集合中就不能存放泛型之外的类型对象了。泛型的好处使用泛型后很多好处：安全、省心。安全是指确定泛型之后，就不能使用泛型之外的类型，可以避免这方面的错误；省心是指获取数据的时候，不用进行类型转换。...
2019-01-03 16:52:25
259
爬虫demo——爬取电影天堂的电影数据
2018-09-27
jQuery实现手风琴效果
2018-08-07
计算机词汇1600词
2017-12-05
HTML网页练习之努比亚官网模仿制作
2017-12-01
HTML网页练习之网易邮箱注册页面
2017-12-01
HTML游戏《对对碰》
2017-12-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人