配置Babel高亮插件
成人之美,君子贵焉;攻人之过,君子愧焉。——班固 我们可以按照官方文档进行配置:https://babeljs.io/docs/en/editors 官方文档列出了对应IDE的配置方式: 例如我这里用vscode演示: 找到vscode搜索该插件 安装后即可高亮显示 其余平台也一样,按照教程走就是了
react完成井字棋小游戏
人生就像迷宫,我们用上半生找寻入口,用下半生找寻出口。——朱德庸 上次说到我们按照官方文档体验了一下React 这次我们搭建本地react开发环境,首先需要将node升级到14以上并且npm需要5.6以上,这个去官网下载安装包覆盖安装即可 然后我们按照教程创建项目 1npx create-react-app my-app 注意 第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。 然后删除src目录下的默认文件,创建一个index.css以及index.js index.css 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950body { font: 14px "Century Gothic", Futura, sans-serif; margin: 20px; } ol, ul { padding-left: 30px...
mysql导出导入
成熟意味着停止展示自己并学会隐藏自己。——《失踪的孩子》 官方文档:https://dev.mysql.com/doc/refman/8.0/en/backup-and-recovery.html 我们可以使用mysql自带的导出工具mysqldump进行导出,我们进入到mysql的bin目录,运行命令 1mysqldump -u[用户名] -p --default-character-set=[编码格式] --databases [数据库名] > [导出路径] 例如我此处的: 1mysqldump -uroot -p --default-character-set=utf8 --databases test > D:\file\tmp\xxx.sql 输入完毕后需要输入密码,我们输入就行了 然后我们可以在mysql客户端中使用source命令,首先连接mysql 1mysql -uroot -p 输入密码后我们切换到想导入的数据库 1use test; 然后使用source 1source D:/file/tmp/xxx.sql; 注意反斜杠转义问题...
安装另一个mysql
生命中的全部偶然,其实都是命中注定。是为宿命。——《宿命》 首先下载: https://downloads.mysql.com/archives/community/ 我这里下载5.7 下载完了解压 解压后目录如下 我们新建一个my.ini 123456789101112131415161718192021222324[mysqld]# 端口port=3305# 安装目录basedir=D:\environment\mysql5# 数据目录datadir=D:\environment\mysql5\data# 最大连接数max_connections=200# 连接失败最大次数max_connect_errors=10# 默认字符集character-set-server=utf8# 默认存储引擎default-storage-engine=INNODB# 认证方式# mysql_native_passworddefault_authentication_plugin=mysql_native_password[mysql]# 客户端默认字符集default-charac...
paperword论文查重
我想,我们应该只读那些咬伤我们、刺痛我们的书。所谓书,必须是砍向我们内心冰封的大海的斧头。——弗朗茨·卡夫卡 分享一个免费论文查重的网站:https://www.paperword.com/ 通过分享可以赚取积分,然后通过积分兑换查询机会,所以也是需要时间成本的,大家可以酌情选择啦
fabric photo
这是一个流行离开的世界,但是我们都不擅长告别。——《生活在别处》 今天分享一个fabric photo,它是一个基于 canvas 的纯前端的图片编辑器,支持方形,圆形,箭头,缩放,拖拽,鹰眼,马赛克,涂鸦,线条,导出 png,剪切等 github地址:https://github.com/ximing/fabric-photo 在线体验Demo:https://ximing.github.io/fabric-photo/ 找了很多个,这个应该是很好用的了 并且协议为MIT,支持商用
制作gif表情包
教育不是注满一桶水,而是点燃一把火。 ——叶芝 分享一个制作gif表情包的开源项目: https://github.com/xtyxtyx/sorry 大家可以体验一下: https://sorry.xuty.tk/ 另有 python版,由@East196编写 java版,由@li24361编写 nodejs版,由@q809198545编写 C# ASP.NET版,由@shuangrain编写 微信小程序,由@CoXier编写 微信小程序,由@trumanwong编写 nodejs版(使用Drawtext filter渲染),由@SnailDev编写 网页版(使用Canvas渲染),由@hhhhhg编写 PHP版,由@PrintNow编写 Golang版,由@Hentioe编写 AlfredWork版,由@BlackDragonF编写 nodejs版(使用koa2),由@wadejs编写 VuePress版,由@fritx编写 网页版,由@WincerChan编写
启动时获取端口号
人类文化的悲哀,是流俗的易传、高雅的失传。——木心 我们可以如下写法在boot项目启动时获取端口号 12345678910111213141516171819202122232425package com.ruben.simplescaffold;import lombok.extern.slf4j.Slf4j;import org.springframework.boot.SpringApplication;import org.springframework.boot.autoconfigure.SpringBootApplication;import org.springframework.context.ConfigurableApplicationContext;import org.springframework.core.env.Environment;/** * 主启动类 * * @author <achao1441470436@gmail.com> * @since 2021/5/18 0018 14:52 */@Slf4j@SpringBoot...
react快速上手
一个人能否有成就,只看他是否具备自尊心与自信心两个条件。——苏格拉底 今天想简单玩玩React,我们打开React官方文档: https://react.docschina.org/ 点击入门教程 通过简单的介绍后,我们开始代码编写 打开提供的在线初始代码(我们之后再搭建本地开发环境来完成这个游戏,今天暂时只做一个简单入门): https://codepen.io/gaearon/pen/oWWQNa?editors=0010 打开codepen提供的在线编辑器,看到初始代码后,我们可以开始尝试编写 注意看文档,这里三个React组件Square正方形、Board画板以及Game游戏 看到代码中的结构为主入口: 123456// ========================================ReactDOM.render( <Game />, document.getElementById('root')); 其中通过root这个id绑定了一个节点,包含了一个Game组件 123456789101112131415cl...
includes
一个人能在鼠疫和生活的赌博中所赢得的全部东西,就是知识和记忆。——《鼠疫》 我们除了使用indexOf判断字符串/数组是否包含某字符/元素还可以使用includes 区别在于数组判断中indexOf对NaN值处理会错误,而includes不会,例如: 这里显示-1说明没有匹配到 而使用includes: 可以看到成功匹配 字符串也可以使用includes 非常的方便 我们可以用prototype获取原型对象然后再调用 1Array.prototype.includes.call([1,2,3,4],1) 还是蛮方便的
