FungLeo的前端工具
前端工具类心得,常用工具收集
FungLeo
键鼠轻游戏人间 风流谈笑傲江湖
展开
-
一个超简单的接口 Mock 工具升级版介绍,各位前端同学记得收藏哦!
一个超简单的接口 Mock 工具升级版介绍,各位前端同学记得收藏哦!这是一个我自己发起的项目,Github 地址是 https://github.com/fengcms/simple-mock ,其完整支持 RESTFul 接口的 Mock 服务。当然,支持非 RESTFul 风格接口也不在话下,关键是使用十分简便。我在接口演示文件里面,演示了 RESTFul 标准写法、分页列表、上传文件、登录接口等等多种。通过简单配置,还可以支持校验登录状态。此外,还支持将其它的接口代理过来使用。我本着最不需要额原创 2020-05-21 17:06:44 · 1164 阅读 · 0 评论 -
linux 或 mac 命令行更优雅的使用 curl 命令,以及命令行常用的快捷键说明
linux 或 mac 命令行更优雅的使用 curl 命令,以及命令行常用的快捷键说明最近看了一下我的博客的访问统计,作为一个前端博主,没有想到我阅读量最高的一篇博文居然是介绍如何在命令行使用 curl 命令的文章《curl 模拟 GET\POST 请求,以及 curl post 上传文件》。这实在是太让我惊讶了,看来大家对于命令行的使用还是有很多需求的。因此,我这里这篇文章,如果能让各位看官...原创 2020-04-27 17:08:10 · 2882 阅读 · 1 评论 -
一个超简单的 RestFUL API 接口 Mock 工具,建议各位前端同学来使用哦!
一个超简单的 RestFUL API 接口 Mock 工具,建议各位前端同学来使用哦!在我们前端的开发工作中,如果与后端做好了前后端并行开发的安排,那么我们肯定是少不了使用 Mock 工具的。作为前端同学对于网上流行的各种 Mock 工具应该都有一些了解,但是这些工具要么太过于强大,使用它还得学习一下它是怎么玩儿的,比如著名的 mockjs 工具。要么过于简陋,比如网上各种5分钟开发一个 moc...原创 2020-04-07 11:56:14 · 3468 阅读 · 2 评论 -
TNT 初步试用体验报告
TNT 初步试用体验报告已经购置了绿联 type-c 的拓展坞,配合我的蓝牙键盘鼠标,今天终于顺利的尝试了 TNT 系统。就目前的完成度来说,远远超出了我的想象,但仍未达到可以长期使用的底部。说实话,开发 TNT 这样的全新交互的操作系统,我是不大相信锤子科技如此的体量可以在这么短的时间内有这么高的完成度的。就目前来说, TNT 完全是一个可用的系统,而并非一个玩具。但是如果想要长期使用,...原创 2018-09-11 20:58:15 · 1938 阅读 · 0 评论 -
shell 脚本统计文件夹下所有文件的字符数
最近写了一些文章存放在一个文件夹下,今天想看看自己到底写了多少内容。于是想写一个脚本来进行统计。最终代码如下:#!/bin/bashfiles=$(ls)all=0for i in $files; do if [ $i != 'wc.sh' ]; then head -n1 $i t=$(wc -m $i | cut -d ' ' -f5) all=$(...原创 2018-08-22 15:49:04 · 2749 阅读 · 0 评论 -
chrome 浏览器 FungLeo 常用插件汇总
chrome 浏览器 FungLeo 常用插件汇总默认情况下 chrome 浏览器安装完成后,没有集成什么插件,或者有什么特殊功能,所以很多国人都认为它并不好用。事实并非如此,chrome 浏览器把选择权交给了用户自己,当你认为你需要什么功能的时候,就去安装相对应的浏览器插件,这样,就可以打造每一个人都个性迥然的浏览器了。但这对于有选择困难症的人来说,是一个坏事,那就是,我根本就不知道我需...原创 2018-07-02 13:35:15 · 1333 阅读 · 0 评论 -
好用的 Linux \ Mac 搜索命令 fd 命令用法
好用的 Linux \ Mac 搜索命令 fd 命令用法我们平时在使用搜索工具的时候,一般使用 find 命令,这个命令比较繁琐,需要输入的参数较多。find ./ -iname "*.txt"今天发现了一个好用的命令 fd 命令该命令 github 仓库地址: https://github.com/sharkdp/fdfd 命令安装方法Ubuntu or ...原创 2018-06-21 15:04:56 · 2987 阅读 · 0 评论 -
git 统计项目各个开发人员开发情况工具 git-fame 的使用
git 统计项目各个开发人员开发情况工具 git-fame 的使用作为管理人员,我们需要统计一下小组内各个开发人员的详细开发情况,使用 git 可以很方便的统计,但是怎么统计,这是个问题。今天我找到了一个工具 git-fame 使用非常方便。#installsudo gem install git-fame安装完成后,在项目中使用 git fame 命令,就可以看到统计情况了原创 2018-01-11 21:48:43 · 3628 阅读 · 2 评论 -
CentOS 7 配置 Nginx + php + mysql 搭建 lnmp 环境过程全纪录
CentOS 7 配置 Nginx + php + mysql 搭建 lnmp 环境过程全纪录昨天搞了一个美国的便宜 VPS 给朋友搭建一个简单的 php+mysql 的小站。本来我是准备用 lamp 环境的。反正也是非常简单的一件事情。但是考虑我之前没有配置过 lnmp 的环境,所以准备实战一下。CentOS 7 服务器基本配置服务器初始安装系统之后,我们就可以利用 ssh 连接上服务器终端了。如原创 2017-12-13 11:25:11 · 8005 阅读 · 6 评论 -
特殊配列 GH60 键盘设计组装笔记
特殊配列 GH60 键盘设计组装笔记上次用 XD60 制作了一块特殊配列的键盘。虽然用着非常满意,但是终究不是用 GH60 的标准制作的。因此,心里一直很痒痒,希望用 GH60 再做一块键盘。 关于 GH60 请阅读我另一篇博文http://blog.csdn.net/fungleo/article/details/78328698首先,方向键是必不可少的。其次,反引号键也是比不可少的。因此,原创 2017-11-28 14:47:23 · 10373 阅读 · 3 评论 -
Mac 10.13 安装中文版 man 命令
Mac 10.13 安装中文版 man 命令本文参考于 《Mac 安装man命令中文文档》,但原文提供的链接以及安装的版本比较老旧。因此重新整理新版在这边提供给大家。为什么需要 man 以及 man 怎么使用linux 或者 mac 系统的命令行工具非常多,可是我们不能记住所有的这些命令,通常只能记住一些我们常用的。遇到不常用的我们需要来查询一下这个命令是怎么使用的。这时候我们就需要使用到 man原创 2017-11-13 17:31:31 · 5086 阅读 · 4 评论 -
[转]你应该定期更新 Homebrew
你应该定期更新 HomebrewTL;DR这篇文章是关于定期更新 Homebrew 的话题。它会告诉你定期更新的好处,常用的命令,以及用 brew pin 尽可能无痛地更新。为什么要定期更新我发现不少人都不会经常更新,或者只在必须用某个工具的新版本的时候才更新。他们的看法是,更新有可能产生一些意外的问题,反正当前环境足够稳定可以用,干嘛自找麻烦呢?这个看法对也不对。对是因为,更新产生的潜在问题不可避转载 2017-11-13 13:30:48 · 2371 阅读 · 1 评论 -
客制化 GH60 XD60 像 Poker 一样的 60% 机械键盘 (2) 采购以及组装
客制化 GH60 XD60 像 Poker 一样的 60% 机械键盘 (2) 采购以及组装在第一篇博文中 客制化键盘设计,我最终设计了如下图的键盘:但是我们仅仅是设计出来有个P用,还得把键盘做出来才可以呀。经过与淘宝商家的沟通,暂时没有蓝牙版本的 PCB 板子,可能明年才会有相关的板子。于是,我自己想要打造一把蓝牙键盘的梦碎了。不过,先做出来一把有线的自己定制的键盘也是可以的呀。毕竟我对蓝牙可能还没原创 2017-10-24 14:56:35 · 3519 阅读 · 0 评论 -
客制化 GH60 XD60 像 Poker 一样的 60% 机械键盘 (1)设计键盘
客制化 GH60 XD60 像 Poker 一样的 60% 机械键盘 (1)设计键盘首先呢,我喜欢樱桃茶轴的键盘。但是由于对方向键的依赖,一直无法接受 60% 的机械键盘。之前购买过一款魔蛋 68 键的键盘,这块键盘我使用得非常顺手,也很喜欢。但是,它比我的 Macbook Pro 笔记本要长上一些,心里总有一些不舒服的地方。最近在网上看了一块键盘 RK61 机械键盘,这块键盘采用 60% 的类原创 2017-10-24 13:46:04 · 8463 阅读 · 1 评论 -
RK61 蓝牙机械键盘配合 karabiner 软件适配 MAC 系统脚本
RK61 蓝牙机械键盘配合 karabiner 软件适配 MAC 系统脚本在 mac 升级到 10.12 之后,karabiner 软件就一直在开发中。以至于我一直都没有使用这个软件来修改键盘映射。最近,我入手了一块 RK61 蓝牙机械键盘,准备用在 mac 笔记本上。但是默认的键盘布局让我十分恶心,主要是向上的方向键和斜线问号键是集成在一起的。而默认输入的是向上键。那么导致我们在正常操作中输入斜线原创 2017-10-18 12:06:02 · 8075 阅读 · 4 评论 -
推荐一个命名变量的神奇网站 CODELF
推荐一个命名变量的神奇网站 CODELF在我们写程序的时候,总是需要去给各种变量命名。于是各种命名大法都上来了,有拼音的,有首字母缩写的,各种各样。而我们推荐的命名肯定是英文的驼峰命名。今天给大家推荐一个网站:https://unbug.github.io/codelf/这个网站可以根据你输入的关键词,给出很多变量命名的推荐。并且支持中文。另外,针对各种主流编辑器,还有插件。非常推荐大家收藏一下这个原创 2017-09-25 14:59:43 · 50985 阅读 · 1 评论 -
MAC版画图软件 paintbrush 推荐,类似 windows 上系统自带的画图软件
不想开photoshop这么重的软件,但是对于屏幕截图有需要有一点处理。这时候我想起 windows上画图的好了。搜索了一下,知道了 paintbrush 这个软件,于是下载试用了一下,果然很好。软件是英文的,没有中文版。不过因为这个软件过于简单,并且单词用于都很简单,所以我感觉不会任何英文也能流畅使用。 官方网站:https://paintbrush.sourceforge.io/ 下载地址:原创 2017-07-12 14:22:46 · 28147 阅读 · 14 评论 -
mysql 命令行补全工具 mycli
mysql 命令行补全工具 mycli前言我们在连接mysql数据库的时候,大多数情况下是使用gui图形界面的工具的。但是,有时候连接数据库还是命令行方便,所以,我们通常都需要掌握一点命令行操作数据库的基础。这里推荐一篇文章给大家看Mysql命令大全,这里包含了绝大多数我们需要用到的mysql命令。但是,默认的mysql命令行是不支持补全的,并且很讨厌的是,我们输入了错误的命令之后,由于命令行操作习原创 2017-05-10 11:57:45 · 12280 阅读 · 0 评论 -
Atom 在 linux 下安装有几率侧边栏默认显示在右侧,移动到左侧的设置方法
Atom 在 linux 下安装有几率侧边栏默认显示在右侧,移动到左侧的设置方法遇到一个奇葩的事情。没有macbook了。我及其讨厌windows,于是给新来的前端一台笔记本,安装上了archlinux系统。在安装好atom编辑器之后,发现,侧边栏显示在右侧,恶心坏了。通过一番摸索,终于找到了设置选项。如下:打开 设置 → Packages → 一直往下翻,找到 tree-view → 点击 set原创 2017-02-07 11:21:55 · 2671 阅读 · 0 评论 -
Atom 编辑器安装 linter-eslint 插件,并配置使其支持 vue 文件中的 js 格式校验
Atom 编辑器安装 linter-eslint 插件,并配置使其支持 vue 文件中的 js 格式校验前言之前我的博文写了一系列的vue教程。但是关闭了其中的代码校验,这一直让我很不爽。因为我希望自己写的代码是完美的。因此,后来我安装上了校验插件,并且使自己的代码通过了格式校验。本文就是教大家如何安装插件让ATOM支持格式校验。毕竟,每次都到终端里面去看代码的错误是及其恶心的。 通过一段时间的原创 2017-01-17 12:14:20 · 15540 阅读 · 4 评论 -
atom编辑器颜色插件推荐 color-picker 以及把这个插件放大
在mac下面用快捷键切换到photoshop下面老是有点卡顿,另外,在ps开启调色板之后,还容易切换不过去。这有点让我烦恼,关键的是,为了调个颜色还要开个ps,是在浪费。因此,想找个软件。很容易就找到了 color-picker 这款插件,非常好用。快捷键为 cmd+shift+c 实时调出一个调色盘来调色。而且支持半透明模式。安装color-picker打开终端#进入插件目录cd ~/.atom原创 2016-11-09 12:42:07 · 14634 阅读 · 0 评论 -
MAC 如何隐藏dock栏上你不想看见的图标
为什么要隐藏DOCK栏图标?一个你不得不开,但是开了也不想看见,只想他在后台默默的工作就好,关键是图标还巨丑,实在是不想看见,所以,我要隐藏掉-_-|||好吧。因为实在是受够了在mac和windows系统之间切换,导致快捷键不一样,以至于心情很烦躁严重影响了工作效率的情况下,我决定,把我的台机也黑成MAC系统。。。一切顺利的安装成功之后,必须安装一个wifi管理工具,否则没办法无线上网原创 2016-08-20 17:03:11 · 17857 阅读 · 12 评论 -
使用渐进式 JPEG 来提升用户体验
今天才认识到原来JPEG文件有两种保存方式,分别是Baseline JPEG(标准型)和Progressive JPEG(渐进式)。两种格式有相同尺寸以及图像数据,扩展名也是相同的,唯一的区别是二者显示的方式不同。Baseline JPEG这种类型的JPEG文件存储方式是按从上到下的扫描方式,把每一行顺序的保存在JPEG文件中。打开这个文件显示它的内容时,数据将按照存储时的顺序从上到下一行一行的被显转载 2016-08-17 11:03:25 · 2345 阅读 · 0 评论 -
【转载】将文件夹内所有文件列出来的脚本(windows)
将文件夹内所有文件列出来的脚本我们在工作中,有时候需要将文件夹内所有的文件全部列出来。如果这个工作手工去做,文件少还好,文件多的话,就得累死个人了。所以,这样一个脚本,可以大大方便我们的工作。脚本内容@echo off set startDir = %CD% if(%1)==('help') GOTO USAGE IF (%1)==() ( set work_dir=%cd% ) ELSE转载 2015-11-15 10:28:36 · 3399 阅读 · 0 评论 -
Sublime Text 2 自动开启换行 Word Wrap
首先当然要夸一下神器 Sublime Text 2,自从第一次用我就彻底把神马 Notepad++ 和 TextMate 打入冷宫,用来开发 WEB 项目从此 IDE 都不需要了!下面讲讲如何自动开启换行功能,当一行代码太长时,Sublime Text 2 默认并不会自动开启换行,你必须从 View->Word Wrap 开启,虽然只有一步但是能从简就从简。解决方法是:打开 Prefe转载 2015-08-27 14:27:26 · 4704 阅读 · 0 评论 -
Sublime Text 写sass的时候,每次都需要输入一个分号的问题的解决方法
一直使用less,但是最近公司要求前端全部学习sass。本来这也没什么问题。但是傻逼的是,我给sublime配置上sass插件之后,发现每次写一个参数都需要手工写一个分号。这让我非常郁闷。以至于我一度想要放弃使用sass。例如,我们用 m0 这个代码的时候,生成的代码如下:margin: 0我想要的不是这个啊!!!我想要的是margin: 0;这个啊!!憋屈。。。。今天突然想到,我们写sass的时候原创 2015-08-26 16:12:13 · 3282 阅读 · 2 评论 -
[FungLeo原创]CSS预编译技术之SASS学习经验小结
[FungLeo原创]CSS预编译技术之SASS学习经验小结前言接触CSS是05年.使用xhtml+css开发是06年.但真正全面采用xhtml+css开发却是08年开始的.因为居于三线城市,比一线程序的前驱者还是晚了一些.虽然现在已经发展到了html5+css3了.CSS也比以前强大太多了.但是这个语言却并没有什么本质性的改变,甚至,都不能算是一门编程语言.这两年前端行业发展日新月异,大批后端工程原创 2016-03-11 00:14:56 · 6154 阅读 · 1 评论 -
windows10+iis7+php+mysql 配置
windows10+iis7+php+mysql 配置前言相信大家在工作中一般是使用linux或者mac系统。使用windows的话,一般是使用环境套件。但是我不一样,因为历史原因,我有一些ASP开发的网站需要维护。所以呢,必须安装iis环境。同时,我现在的开发一般都是基于php环境的,所以我非常抑郁于在IIS下配置PHP环境。每次都是需要不断的百度,还搞不定,今天又搞了一遍。写这篇博文,就是为了便原创 2015-12-14 00:07:16 · 10707 阅读 · 3 评论 -
让ATOM编辑器的EMMET插件支持VUE文件的方法
最近一直使用ATOM编辑器。因为这是免费的,并且和GIT配合非常好用。关键的是可以从sublime无缝的转换到这个编辑器来使用。有一个问题就是,我们在编辑.vue这样的文件的时候,emmet语法得不到支持。这让我很憋屈。终于找到了解决方法。在这里分享给大家。我的环境是MAC,但应该在windows和linux下是一样的才对。进入终端编辑配置文件vim ~/.atom/keymap.cson这个文件默原创 2016-08-09 14:56:57 · 21390 阅读 · 8 评论 -
MAC几款好用软件推荐
MAC下面好软件很多,但是我们需要最适合自己的软件。我这里分享几个我用的软件给各位看官。快速查看快捷键软件 - CheatSheet推荐理由:刚从windows转到mac下面工作,可能最头疼的问题就是我们常用的快捷键都TM不一样了。除了简单的我们知道ctrl变成了command键,并且位置不一样需要我们适应之外,更多的真的需要自己慢慢记忆和理解。当我发现了cheatsheet这款软件之原创 2016-08-12 12:05:46 · 6247 阅读 · 0 评论