- 博客(18)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Webpack配置React支持Typescript的三种方式
背景自2019年来，前端er们应该面临过无数次Typescript的真香洗礼了吧。三大框架已经拥抱了TS，我们又有什么理由不去尝尝呢，Typescript的好处我就不用多说了，相信你们已经看过无数次了。直入主题，我的项目是基于react的，希望在新的功能上使用Typescript，并逐步修改之前的代码，所以我需要同时支持（TS|TSX）和（JS|JSX）。方法Typescript通常是...
2020-01-19 19:15:50
5178
原创 Create-react-app 配置自定义eslint
背景create-react-app项目构建基于react-scripts包，webpack相关配置也都在这个包里，webpack的配置可以跟随react-scripts包的升级而升级，非常方便。但是在实际项目中我们往往需要自定义一些配置，但又希望保留这种跟着包升级配置的优势。eslint是项目中非常常用的工具，它的配置也是因人而异，因项目团队而异。而create-react-app默认是有一...
2019-12-20 13:22:07
3400
原创 windows停止端口监听
背景我在工作中经常遇到在windows中启动某个服务，但是关闭服务的窗口被关闭了的情况。这个时候想要重新启动服务就会报端口占用的错误。命令关闭端口首先查找到占用端口的进程号PID是多少netstat -ano | findstr {端口号} //自行替换端口号我本地启动了一个node服务，端口是3000，我们来查一下它的PID:图中红色标记部分就是PID接下来杀掉这个进程...
2019-11-12 10:01:10
5754
原创 Console没那么简单
背景相信对于广大前端er来说，对console这东西并不陌生。相信大家最常用的应该就是console.log了，实际上console提供了很多方法，可以玩出很多花样。本文将会介绍目前console提供的所有方法，希望对你有所帮助。方法概览console目前提供的所有方法：loginfowarndebugerrorclearassertcountdirdirxmlgro...
2019-11-06 22:48:46
333
原创 react-redux使用hooks替代connect
前言redux的经典使用方式就是通过高阶组件connect来将组件和store关联起来，我们见过最多的场景也是connect和类组件的组合使用（也可以和函数组件配合使用）。但在拥抱hooks的今天，我们如何抛弃connect，通过hooks获取到状态和dispatch呢？react-redux中的hook在react-redux7.1版本之后（如果你的版本比较低又不能升级版本，可以忽略本文）...
2019-10-24 17:45:17
3871
原创 Ubuntu安装docker
背景前段时间想要使用wordpress搭建一个个人博客系统，为了方便未来迁移，所以选择将wordpress部署在docker容器中。而这些工作的第一步就是安装docker，步骤不容易记，所以就记录下来，笔者使用的是ubuntu，所以本文介绍的也是ubuntu安装方式。安装步骤卸载旧版本（如果有的话）sudo apt-get remove docker docker-engine docke...
2019-09-24 11:55:32
198
原创 Web Chart工具库
前言最近工作中需要实现数据统计面板，需要使用chart工具库，于是开始搜集有关chart工具库的情报，整理如下工具库Echarts这个库相信大家都不陌生，国内非常常见的chart库，基于canvas，目前常用版本是2和3。图的类型比较齐全，样式比较简约，可以自定义主题。使用方式可以见官网，如果你使用的是React，你可以看看我的另一篇博客。G2这是国内的另一个chart库，是由蚂蚁金...
2019-08-01 17:25:16
668
原创 React如何使用Echarts
前言最近工作中需要实现数据统计面板，需要使用chart工具库，于是尝试了国内常见的chart工具Echarts，笔者使用的是React技术栈，这里就展示一下React如何使用Echarts具体步骤首先安装echarts npm install echarts --save接着安装echarts的react依赖库 npm install echarts-for-react --...
2019-08-01 16:49:39
1116
原创 Chrome浏览器整个网页截图
具体步骤先打开浏览器控制台（F12或者Ctrl + Shift + i或者鼠标右键 > 审查元素）然后快捷键Ctrl + Shift + p在弹出的输入框中输入Capture full size screenshot，然后再搜索的列表中点击Capture full size screenshot步骤很简单，但是针对那种懒加载的页面效果不是很好，可能截出来的图是空白...
2019-08-01 16:09:44
2840
原创 Javascript中null和undefined的区别
前言关于null和undefined的区别网上有很多不同的解释，为了方便自己也方便读者所以我做了一些简单整理区别开门见山，直接上主菜：null和undefined是javascript的两种不同的基本类型, 可以通过typeof去判断：typeof null // "object" 我去，null为啥类型是object?（别急，接下来我会解释）typeof undefin...
2019-07-26 17:43:45
458
原创 CDN配置教程
CDN配置教程概述配置教程准备工作添加域名启动CDN服务CNAME配置测试CDN概述首先声明本教程不会讲解CDN的原理，而是一份配置教程。CDN全称内容分发网络，通常我们使用它来进行前端优化，那么废话少说，接下来我将通过腾讯云来配置CDN。配置教程准备工作配置CDN首先需要拥有一个域名，腾讯云域名需要备案。购买CDN服务，腾讯云可以每月免费领取10G流量包，我使用的就是免费的。一台...
2019-04-23 15:11:00
18003
原创 Absolute元素相对父元素水平居中
开门见山对子元素添加{ left: 50%; // 设置左边距为父元素宽度的50% transform: translateX(-50%); // 将元素向左移动该元素宽度的50%, 即使子元素的宽度大于父元素宽度，二者依然可以保持中心线对齐}示例假设有这样的元素<div class="parent"> <div class="child"></d...
2019-04-23 15:06:06
3291
1
转载 Ubuntu16.04安装最新版nodejs
更新ubuntu软件源sudo apt-get updatesudo apt-get install -y python-software-properties software-properties-commonsudo add-apt-repository ppa:chris-lea/node.jssudo apt-get update安装nodejssudo apt...
2018-08-13 15:29:07
491
原创 Ubuntu 安装软件（二）
编译安装为什么要编译安装 包管理系统是绝大多数发行版的必备组件，也是一个发行版区别于其它发行版的主要特征。但是有些软件，并不能通过包管理系统安装，这就需要下载源码编译安装。 一个软件可能有许多功能，但是发行版中提供的安装包，通常只具有一些常见的功能。如果提供所有功能，那么无疑会占用更多的资源，而这些功能，大多数用户不会用到；而你会用到的功能，可能安装包中刚好没有。编译安装可以...
2018-08-07 22:38:24
469
原创 Ubuntu 安装软件（一）
常见安装方式apt-get安装dpkg安装编译安装apt安装通常我们使用apt安装软件可能出现的步骤（通常我们只需要执行最后一句）： sudo apt-get update sudo apt-get upgrade sudo apt-get install xxx 下面我会解释一下这几句命令的意思apt-get update这句命令做了什么呢...
2018-08-07 20:14:11
3060
原创 Django国际化的实现
Django国际化依赖于GNU gettext工具集，所以在实现国际化之前需要先装gettext． sudo apt-get install gettext 可以通过在python交互模式下测试一下有没有安装成功 import django from django.utils.translation import ugettext Django实现翻译需要在python代码和模板中
2017-02-08 14:02:25
1240
原创 postgresql字符转义
背景大部分的数据库以及编程语言中字符转义都是使用反斜杠"\", 在postgresql９之前的版本中，也是支持反斜杠转义的，postgresql9之前支持C语言风格的字符逃逸（转义）。比如\b表示退格， \n表示换行， \t表示水平制表符，\r标示回车，\f表示进纸．除此之外还支持\digits和\xhexdigits，分别表示转义八进制和十六进制数据。字符转义1. 现在的post...
2017-01-18 15:05:04
28398
1
原创 Django models 拆分
在进行Django开发的时候，有的时候会遇到models文件过长的问题，这个时候就需要对其进行拆分．解决models文件过长的问题有两种基本方式：1. 根据某些条件（比如业务逻辑）拆分app，没必要将一个app写的过于冗长，可以将其进行功能拆分，自然而然，models文件也就没那么长了．2. 删除掉自动生成的models.py文件，创建models包，记住这里是包，不是文件夹。所以需要...
2017-01-05 15:00:35
3562
SwitchyOmega_Chromium.zip
2019-10-17
MySQL5.2.7-mysqldump,mysqlimport,mysqlpump.zip
2019-10-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人