2017年08月_FungLeo

12月 11月 10月 09月 08月 07月 06月 05月 03月 02月 01月

原创 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十一）阶段性小结

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十一）阶段性小结前情回顾去年写的那一套东西，虽然我也写得非常的认真，但是其中还是有点绕了。当时水平不行。现在我重新整理出来的博文如下，希望对各位有所帮助。Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述Vue2+VueRouter2+Webpack+Ax

2017-08-26 19:30:48 17455 53

原创 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十）打包项目并发布到子目录

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十）打包项目并发布到子目录前情回顾通过上一章《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（九）再把内容页面渲染出来》的学习，我们其实已经完成了我们设想的项目的开发。但是，我们做好的这套东西，是基于 nodejs 开发的。而我们最终希望，我们开发的项目，生成好一堆文件，然

2017-08-26 19:11:54 20695 53

原创 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（九）再把内容页面渲染出来

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（九）再把内容页面渲染出来前情回顾在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（八）渲染一个列表出来先》中，我们已经成功的把一个列表给渲染出来了。我们从文章中留下的引子 <router-link :to="'/content/' + i.id"> 应该知道，我

2017-08-26 18:02:44 19622 66

原创 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（八）渲染一个列表出来先

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（八）渲染一个列表出来先前情回顾在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（七）初识 *.vue 文件》中，我们队 vue 组件应该有了一个简单的认识。如果你去看了官方文档的话，再看这篇博文会比较简单。如果你没去看，呵呵，恭喜你，我喜欢你这样的人。好，这章开

2017-08-26 17:08:53 23205 62

原创 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（七）初识 *.vue 文件

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（七）初识 *.vue 文件前情回顾在上一篇文章《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（六）将接口用 webpack 代理到本地》中，我们顺利的将接口代理到了本地。需要说明的是， cnodejs.org 的这套接口是没有跨域问题的，也就是说，本来我们是不需要代理到本

2017-08-26 16:14:00 23362 18

原创 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（六）将接口用 webpack 代理到本地

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（六）将接口用 webpack 代理到本地前情回顾在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（五）配置 Axios api 接口调用文件》中，我们已经非常顺利的调用到了 cnodejs.org 的接口了。但是，我们可以注意到我们的 src/api/index

2017-08-26 15:27:41 30562 84

原创 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（五）配置 Axios api 接口调用文件

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（五）配置 Axios api 接口调用文件前情回顾在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（四）调整 App.vue 和 router 路由》，我们通过配置基本的信息，已经让我们的项目能够正常的跑起来了。但是，这里还没有涉及到 AJAX 请求接口的内容。vu

2017-08-26 14:42:06 42702 38

原创 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（四）调整 App.vue 和 router 路由

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（四）调整 App.vue 和 router 路由前情回顾在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（三）认识项目所有文件》，我们已经重新整理了我们的目录结构，如果你已经忘记了，可以先去看一下。如果你按照我的结构框架去调整了之后，那么，现在你的项目应该是出错，并

2017-08-26 13:34:21 46835 114

原创 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（三）认识项目所有文件

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（三）认识项目所有文件在《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（二）安装 nodejs 环境以及 vue-cli 构建初始项目》中，我们通过安装 nodejs 系统环境，以及 vue-cli 脚手架工具，在执行完命令后，我们就已经将一个初始项目跑起来了。但是，我们的

2017-08-25 18:58:45 49276 32

原创 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（二）安装 nodejs 环境以及 vue-cli 构建初始项目

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（二）安装 nodejs 环境以及 vue-cli 构建初始项目在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述》中，我简要的说明了我为什么要写这个系列的博文，以及我们需要了解的一些基础知识。希望你已经认真阅读，并查阅了一定量的相关资料。对我们要做的

2017-08-25 17:49:49 47473 32

原创 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述前言2016年，我写了一系列的 VUE 入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验。本来写这一系列的博文只是为了给自己看的，但没想到的是，这系列博文的点击量超过了2万以上，搜索引擎的排名也是非常理想，这让我诚惶诚恐，生怕我写的博文有所纰漏，

2017-08-25 15:45:04 55520 36

原创 html 中 a 链接的 download 属性的神奇使用

html 中 a 链接的 download 属性的神奇使用一般来说，我们在页面中提供下载的时候，都需要去配置一些服务端的东西，比如指定 zip 文件就通知浏览器下载这个文件。但是，比如 .jpg 这样的图片文件，如何使它变成下载呢？浏览器可以直接打开访问这个文件的呀。再比如，.pdf 文件，有的浏览器支持直接打开，有的浏览器不支持，则会下载。等等之类的问题。好，现在的问题是，我需要方可点击这个链接，

2017-08-23 15:16:35 22169 13

原创 CSS 幽灵元素方案垂直居中注意事项

之前，我们转载了一篇博文CSS居中完全指南，在这篇文章中，提到了一种使用幽灵元素方式的解决垂直居中的问题的方案。这种方案非常适合解决一些图片布局，因此我也在项目中经常使用这种解决方案。首先，我们温习一下原文的说法：如果上述两种方式均不能使用，你可以使用“幽灵元素”技术，这种方法采用伪元素 ::before 撑开高度，文字垂直居中。.parent { position: relative

2017-08-17 22:53:40 2027

原创 GO语言学习笔记（一）一些基础常识以及实现生成随机密码小程序

GO语言学习笔记（一）一些基础常识以及实现生成随机密码小程序之前用 nodejs 和 shell 分别实现过生成随机密码的小程序。最近，准备入门一下 golang 在粗粗的看了一些资料之后，决定再实现一个这个语言，以方便我更加好的入门这一个语言。由于我之前完全没有后端语言的经验，所以，全是坑。。。go 程序的程序基本构架// 申明主包package main// 引用需要的库import "f

2017-08-17 11:52:39 2655 3

原创 CSS3 做一个有闪光效果的进度条

CSS3 做一个有闪光效果的进度条今天刚入职的小前端看到一个进度条的效果，想要实现，但是不知道如何下手，于是，我写了一个demo给它看下。最终效果：CSS3 实现闪光效果进图条如上链接所示，不仅仅是有一个进度的效果，关键是，在进度效果上还有一个闪光效果。开始实现HTML<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"

2017-08-14 17:48:00 4130 6

原创阿里云数据盘扩容操作遇险记录

阿里云数据盘扩容操作记录阿里云数据盘40G的容量已经用了37G了，不扩容的话，肯定是不行了。于是开始准备扩容。但是之前没有做过这样的操作。心中有点怕怕的，如果数据丢了可咋整。不管，先创建一个快照，如果不行了，用快照解决（心中安慰一下自己）首先，找到阿里云的官方文档：扩容数据盘(Linux)。进行好快照，付钱等基本操作后，ssh 连接到服务器。因为付钱等操作是朋友自己操作的，所以我是直接连上了服务器，

2017-08-09 16:53:22 2848 2

原创 Shell 命令行，写一个自动整理 ~/Downloads/ 文件夹下文件的脚本

Shell 命令行，写一个自动整理 ~/Downloads/ 文件夹下文件的脚本在 mac 或者 linux 系统中，我们的浏览器或者其他下载软件下载的文件全部都下载再 ~/Downloads/ 文件夹下面。日积月累，我们的文件会越来越多。手工整理这些文件是比较繁琐的工作，于是，我就思考，我能不能用 shell 来自动整理这些下载的文件。说干就干。为了避免破坏我本地的文件，我自己搞了一个虚拟机跑了一

2017-08-07 17:00:37 3993

原创 Shell 命令行实现将一个站点页面全部下载到本地并替换其中链接的脚本

Shell 命令行实现将一个站点页面全部下载到本地并替换其中链接的脚本不知道为什么，我总想用 Shell 脚本来实现把一个站点内容给下载下来。但是下载什么站点我确不知道。今天尝试了一下利用 curl 实现了下载一个站点列表的 demo 算是小试牛刀。当脚本成功之后，我知道，要把这个站点完全下载下来也是没有问题的。不过是需要更加复杂的循环和匹配而已。接下来有工作要做，所以 shell 的学习暂时先告一

2017-08-04 15:14:55 4157 5

原创 Shell 命令行，实现对若干网站状态批量查询是否正常的脚本

Shell 命令行，实现对若干网站状态批量查询是否正常的脚本如果你有比较多的网站，这些网站的运行状态是否正常则是一件需要关心的事情。但是逐一打开检查那简直是一件太糟心的事情了。所以，我想写一个 shell 脚本来实现对若干网站进行批量状态查询的脚本。原理没什么要解释的，就是使用 curl -I 对网站的状态码进行查询。轮着查就是了。文件准备在要执行的脚本文件夹下面创建两个文件和一个文件夹，分别是

2017-08-03 17:05:21 3596

原创 Shell 命令行从日志文件中根据将符合内容的日志输出到另一个文件

Shell 命令行从日志文件中根据将符合内容的日志输出到另一个文件前面我写了一篇博文Shell 从日志文件中选择时间段内的日志输出到另一个文件，利用循环实现了我想要实现的内容。但是用这个脚本的同事很郁闷，因为执行时间比较长，越大的文件越长。于是找我，问我能不能实现一个更快的方案。我想了一下，觉得之前的设计是脱裤子放屁，明明有更加简单的实现方法。想办法获得我要截取的内容的开始的行号，然后再想办法获得

2017-08-03 14:24:21 10332

原创 Shell 命令行统计 apache 网站日志访问IP以及IP归属地

Shell 命令行统计 apache 网站日志访问IP以及IP归属地我的一个站点用 apache 服务跑着，积攒了很多的日志。我想用 shell 看看有哪些人访问过我的站点，并且他来自哪里。因为日志太长了，所以我没跑完就放弃了，因为跑起来太慢了。。。分析 apache 日志140.205.16.220 - - [26/Jun/2017:03:49:51 +0800] "GET /content_ar

2017-08-03 10:18:35 2208

原创 Shell 命令行获取本机IP，grep的练习

Shell 命令行获取本机IP，grep的练习在 mac 下面输入 ifconfig 或者在 linux 下面输入 ip a 就可以得到我们的网卡信息。不过通常情况下，我们需要查看的是我们的IP地址，不需要这么多的信息。所以，我想把这些信息给摘取出来。mac ifconfig 下面的实现我们输入 ifconfig 会得到大段的信息，我们可以看到我们想要的IP地址前面的字符串是 inet所以，我们优化

2017-08-02 17:39:50 14667

原创 Shell 命令行，实现一个获取任意位数的随机密码的脚本

Shell 命令行，实现一个获取任意位数的随机密码的脚本每次我们想要获得一个密码的时候都很头疼，于是我之前自己用nodejs写了一个 Shell 脚本。这两天在学习 bash Shell 所以，想用同样的逻辑实现一个获取任意位数随机密码的脚本。我成功了 :)分析问题我们假设我们需要的密码是大小写字母以及数字的组合，并且剔除掉 1,l,0,O,o 这些不便于认知的字符。然后随机的读取其中的字符，组合成

2017-08-02 16:14:39 3131

原创 Shell 循环中实现展示进度百分比的脚本方法

Shell 循环中实现展示进度百分比的脚本方法当我需要处理一个几万行的文件的时候，需要处理的时间是比较长的。我一开始的想法是，没处理一行，就输出一个 # 号。但是这样还是会出现很多很多的 # 号，即便是放在一行，也是非常不优雅的。所以，我想实现一个展示进度百分比的脚本。实现思路获取文件的行数用 i++ 实现每行处理的计数当前处理行数*100再除以文件行数+%得到我要输出的百分比结果我需要在一

2017-08-02 14:00:24 9855 6

原创 Shell 从日志文件中选择时间段内的日志输出到另一个文件

Shell 从日志文件中选择时间段内的日志输出到另一个文件情况是这样的，某系统的日志全部写在一个日志文件内，所以这个文件非常大，非常长，每次查阅的时候非常的不方便。所以，相关人员希望能够查询某个时间段内的日志。我简单些了一个脚本来实现了这个效果。不过我的实现不是最佳方案，性能上还有很大的优化空间，但我目前水平有限，没有想到更好的方法。分析日志5074400:2017-08-01T01:34:22.7

2017-08-02 10:13:08 7243

原创 Shell 命令行求两个文件每行对比的相同内容

Shell 命令行求两个文件每行对比的相同内容遇到的一个实际问题是，2017年08月01日起，所有未经实名的域名，全部停止解析。而我手上有不少域名，其中很多都是没有实名的。但我不知道哪些实名了，哪些没有实名。所以，我搞到了两个文件：我的上级代理商的所有未实名的域名列表我的所有域名列表现在，我需要得到的是，我的域名在所有未实名域名列表中出现的个数。简单来说，就是求a文件和b文件的每行对比的合集。

2017-08-01 14:05:58 14671

原创 Shell 命令行批量处理图片文件名

Shell 命令行批量处理图片文件名从网上下载了一堆图片，有的是*.jpg的，有的是*.jpeg的。并且文件名有长有短，很是糟心。因此，我想把这些文件给全部整理好，当然是用shell来处理啦！说干就干。循环所有文件首先，我把所有的乱七八糟的图片，全部放在 ./image/ 这个文件夹下面。然后在外层写一个i.sh的shell文件，录入下面的内容。我的文件结构演示如下：文件 image/x

2017-08-01 11:08:38 3201 3

让黑苹果系统，支持安卓手机分享USB网络 HoRNDIS-9.2

安装后，可以用安卓手机用USB数据线连接黑苹果电脑后，分享网络给黑苹果系统使用。解决黑苹果无线网卡没有搞好之前的上网问题。

2020-09-01

黑苹果USB无线网卡驱动，适用于mac10.15.x的版本，祝大家好用！

之前分享过10.12的无线网卡驱动，大家用了很好用，今天分享一个10.15的最新的驱动。希望能够帮助到大家。

2020-08-04

Sip 软件免费版，MacOS 下好用的屏幕取色软件

Sip 软件是苹果系统下一款非常好用的屏幕取色软件，我提供的是4.5.2 的版本。这个版本是完全免费的版本，没有任何功能限制。现在 Sip 官方版本升级了，升级后变成了共享软件，虽然功能更强大了，但是也要钱了。这个版本功能足够我们日常使用，而且免费，没有试用期限限制，我放上来也是为了自己下载方便，特地分享给大家。现在网上真不好找这个版本的。

2020-05-03

黑苹果 Clover 引导编辑器 Mac 版本

黑苹果 Clover 引导编辑器 Mac 版本，用于调整Clover相关配置的工具。适用于 MacOS 10.15.4 版本，之前的老版本也可以用，但具体支持到哪个老版本我就不知道了。

2020-05-03

用于 MAC上卸载 Creative Cloud 的工具

Adobe官方出品，专门用于 MAC上卸载 Creative Cloud 的工具，解压后是一个Creative Cloud Uninstaller.dmg 镜像，挂载后打开，运行里面的程序，稍等2分钟就卸载掉啦！

2017-02-27

MAC上连接windows服务器的管理软件

2017-02-26

黑苹果mac无线网卡USB驱动，适用于mac sierra 10.12版本

2017-02-26

win10系统iis伪静态配置安装文件64位版

在微软的网站上搜啊,找了好几个不能用的,最终,找到正确的了.此版本仅用于win10系统自带的IIS,其他系统我没测试过啊.为了便于自己以后下载.也共享出来给大家.此为64位版本.现在没人用32位系统了吧.

2015-12-17

文本替换专家2.5（无需注册版|非破解）

现在网上提供下载的“文本替换专家”都是5.0以上版本，这些都需要注册后才能使用。而我提供的是文本替换专家较老的版本，也就是2.5版本。此版本短小精悍，而且不用注册，可以免费使用。这个软件非常实用，推荐大家下载

2015-11-24

FengFocus jQuery焦点图插件

1、html 结构异常简单，除了少数优秀的焦点图插件，大多数都是HTML异常复杂而功能单一的。 2、表现形式完全css化，有很多焦点图插件将表现形式写在了js中，优点是只要一个文件，而不用管css。缺点就是，修改样式异常困难，为我不喜。 3、切换效果简单，只采用了 jQuery 自带的 slideDown 和 fadeIn 这两个效果。当然，一般情况下 fadeIn 其实就够用了。如果需要更加复杂的切换效果，可以使用 jQuery Easing 插件来简单拓展 4、单一页面重复使用，严格的将所有动作控制在目标元素之内，不会与其他代码产生冲突。单一页面可以多次使用。

2015-09-04

Sublime Text 3/64 精心调配版 by FungLeo

安装插件如下：Emmet\less\sass\scss\jquery\colorpicker\side bar\sublime tmpl等前端常用插件。风格暗色系。同事都说我调的好使。 ps: 1、基于64位调配，32位系统无法使用。 2、已经注册。

2015-08-26

移动端css文字使用什么单位最合适？

2015-08-26

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

TA关注的人