自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

FungLeo's Blog

键鼠轻游戏人间 风流谈笑傲江湖

原创 打造黑苹果(六)设置无线网卡上网

打造黑苹果(六)设置无线网卡上网前情回顾打造黑苹果(一)组装硬件的选择与组装 打造黑苹果(二)制作黑mac系统安装U盘 打造黑苹果(三)COMS(BIOS)设置 打造黑苹果(四)安装MACOS系统 打造黑苹果(五)设置MACOS系统盘引导,以及安装驱动前言通过上面的一系列工作,我想你已经安...

2017-02-26 18:22:52 58621 23

原创 Linux\Mac 递归移除某文件夹下所有文件(不包含文件夹)的执行权限命令

今天别人给了我传了一个文件夹,里面是一个项目代码。我查看了一下,发现所有文件都是有执行权限的。这让我很不爽,于是我将所有文件(不包含文件夹)的执行权限全部去掉。执行命令如下: find . -type f -exec chmod -x {} \; 命令很好理解,前面的 find . -type ...

2020-05-28 16:05:06 227 0

原创 一个超简单的接口 Mock 工具升级版介绍,各位前端同学记得收藏哦!
原力计划

一个超简单的接口 Mock 工具升级版介绍,各位前端同学记得收藏哦! 这是一个我自己发起的项目,Github 地址是 https://github.com/fengcms/simple-mock ,其完整支持 RESTFul 接口的 Mock 服务。当然,支持非 RESTFul 风格接口也不在话...

2020-05-21 17:06:44 361 0

原创 vue3.0 Composition API 上手初体验 普通组件的开发与使用
原力计划

vue3.0 Composition API 上手初体验 普通组件的开发与使用 通过前面的章节的讲解,我相信大家对于 vue 3.0 的新特性的基本使用,已经没有问题了。但是新的问题来了,组件是怎么玩的呢? 这一讲,我们就来讨论一下,组件的开发与使用。 写一个 button 组件 首先,我们来创建...

2020-05-19 10:18:57 835 7

原创 vue3.0 Composition API 上手初体验 vue组件的具名插槽 slot 的变化
原力计划

vue3.0 Composition API 上手初体验 vue组件的具名插槽 slot 的变化 在我讲 vue 3.0 的普通组件的内容里,我提到了具名插槽发生了变化,我当时不清楚新的如何使用。今天查看了一些资料,终于搞明白了。 搞一个带具名插槽的子组件 直接撸代码: <template&...

2020-05-19 15:32:17 417 0

原创 vue3.0 Composition API 上手初体验 用路由循环,做个导航菜单

vue3.0 Composition API 上手初体验 用路由循环,做个导航菜单 通过前文的讲述,我已经基本讲清楚了 vue 3.0 的新特性,以及开发使用方法。只是演示 Demo 搞了好几个页面,只能输入地址进行跳转让我不爽,于是,我给我的 Demo 代码搞了个菜单,这里,我把这部分内容讲述一...

2020-05-19 12:04:14 354 0

原创 mac 下使用 iTerm 终端工具无法使用 alt+b 和 alt+f 快捷键的解决办法

mac 下使用 iTerm 终端工具无法使用 alt+b 和 alt+f 快捷键的解决方法对于常在终端下工作的人来说,输入命令是家常便饭。但是当我们的命令输入错误的时候,需要调整就比较麻烦了。一般来说,不经过学习都知道,使用左右方向键可以在输入的字母上进行跳转。但是问题是,这样操作效率太低。因此,...

2020-05-19 09:06:57 171 0

原创 vue3.0 Composition API 上手初体验 函数组件的开发与使用
原力计划

vue3.0 Composition API 上手初体验 函数组件的开发与使用 在上一节中,我们讨论了普通组件的开发与使用,其实相比较 vue 2.0 来说,差别并不大。 vue 3.0 的 Composition API 带来的最大的特性,就是函数组件。通过函数组件,我们可以体会到 类似 rea...

2020-05-19 10:20:03 427 0

原创 vue3.0 Composition API 上手初体验 神奇的 setup 函数 (四) 计算属性 computed

vue3.0 Composition API 上手初体验 神奇的 setup 函数 (四) 计算属性 computed 上一讲中,我们讲解了 vue 3.0 的生命周期,我相信大家已经了然了。在 vue 中,计算属性 computed 是非常常用的。那么,在 vue 3.0 中,计算属性是如何使用...

2020-05-19 10:17:18 416 0

原创 vue3.0 Composition API 上手初体验 神奇的 setup 函数 (三) 生命周期函数
原力计划

vue3.0 Composition API 上手初体验 神奇的 setup 函数 (三) 生命周期函数 通过前面两讲,我相信大家对于 vue 3.0 双向绑定数据,已经有了一些了解了。但是,对于生命周期函数,还是一脸懵逼的。 这一讲,我们来讲解生命周期函数。 vue 2.0 生命周期对比 3.0...

2020-05-19 10:15:49 1341 0

原创 vue3.0 Composition API 上手初体验 神奇的 setup 函数 (二) 响应对象数据的绑定

vue3.0 Composition API 上手初体验 神奇的 setup 函数 (二) 响应对象数据的绑定 上文中,我们已经了解普通响应数据的绑定了。但是,那只是普通数据,我们在实际开发中,用到的对象数据是最多的。这一讲,我们就来讲讲响应对象数据的绑定。 开干。 编辑 src/views/Ab...

2020-05-19 10:14:15 481 0

原创 vue3.0 Composition API 上手初体验 神奇的 setup 函数 (一) 响应数据的绑定

vue3.0 Composition API 上手初体验 神奇的 setup 函数 (一) 响应数据的绑定 从网上大家对于 vue 3.0 的最大的变化,就是 Vue Composition API 的看法来说,两极分化比较严重。一种是认为这种写法实在太优秀了,很好,很喜欢。另外一种则认为变得没有...

2020-05-19 10:12:49 812 0

原创 vue3.0 Composition API 上手初体验 使用 vue-router 构建多页面应用
原力计划

vue3.0 Composition API 上手初体验 使用 vue-router 构建多页面应用 前两讲,我们已经顺利的使用 vue3.0 将项目跑起来了。但是实在是过于简陋,目前我们几乎不可能开发只有一个页面的应用。因此,vue-router 是必不可少的。 这一讲,我们就来讲讲最新的 vu...

2020-05-19 10:10:33 557 0

原创 vue3.0 Composition API 上手初体验 构建 vue 基础代码

vue3.0 Composition API 上手初体验 构建 vue 基础代码 上一讲中,我们通过配置 webpack 构建了一个基础的开发环境。但是并没有涉及到 vue3.0 的内容,这一讲中,我们来构建一些基础代码。 首先,在终端中进入到我们的项目目录,我的 demo 目录为 ~/Sites...

2020-05-19 10:08:41 324 0

原创 vue3.0 Composition API 上手初体验 构建基本项目开发环境
原力计划

vue3.0 Composition API 上手初体验 构建基本项目开发环境 目前,vue3.0 已经进入了 beta 版本了。众多的特性已经定下来了,相信有不少朋友都已经开始阅读相关的资料或源码了。 虽然我现在工作比较劳累,但是对于这样的前端行业的盛事,我也不能袖手旁观哪!所以,我决定写一个系...

2020-05-19 10:06:42 728 3

原创 修改 Linux 默认 Shell 用 chsh -s /bin/zsh 命令不生效,提示 chsh: Shell not changed. 或 chsh: command not found 怎么办

我想现在应该有很多人都已经使用zsh作为默认的Shell了,尤其是搭配 oh-my-zsh 之后,真是好用得飞起。 一般,我们在切换系统默认的Shell的时候,都会使用 chsh -s /bin/zsh 命令来进行修改。今天我遇到一个问题,在某台老服务器上,使用这个命令无法修改,具体原因未知。始终...

2019-08-13 16:52:11 5350 1

原创 curl 模拟 GET\POST 请求,以及 curl post 上传文件

curl 模拟 GET\POST 请求,以及 curl post 上传文件 一般情况下,我们调试数据接口,都会使用一个 postman 的工具,但是这个工具还是有点大了。事实上,我们在调试一些小功能的时候,完全没有必要使用它。在命令行中,我们使用 curl 这个工具,完全可以满足我们轻量的调试要...

2018-06-15 11:41:45 300543 15

原创 linux 或 mac 命令行更优雅的使用 curl 命令,以及命令行常用的快捷键说明
原力计划

linux 或 mac 命令行更优雅的使用 curl 命令,以及命令行常用的快捷键说明 最近看了一下我的博客的访问统计,作为一个前端博主,没有想到我阅读量最高的一篇博文居然是介绍如何在命令行使用 curl 命令的文章《curl 模拟 GET\POST 请求,以及 curl post 上传文件》。 ...

2020-04-27 17:08:10 637 0

原创 解决 CentOS 在 mariadb 数据库服务因某些原因自动关闭后,服务重启的配置方法

解决 CentOS 在 mariadb 数据库服务因某些原因自动关闭后,服务重启的配置方法 一台运行数年的 centos 服务器,发生了一次 解决 mariadb 服务自动关闭的情况。我当时不以为意,直接运行 systemctl start mariadb.service 命令,重启了服务。 但是...

2020-04-27 11:35:08 272 0

原创 一个超简单的 RestFUL API 接口 Mock 工具,建议各位前端同学来使用哦!
原力计划

一个超简单的 RestFUL API 接口 Mock 工具,建议各位前端同学来使用哦! 在我们前端的开发工作中,如果与后端做好了前后端并行开发的安排,那么我们肯定是少不了使用 Mock 工具的。作为前端同学对于网上流行的各种 Mock 工具应该都有一些了解,但是这些工具要么太过于强大,使用它还得学...

2020-04-07 11:56:14 737 2

原创 动态生成 uniapp 配置文件 pages.json 的解决方案
原力计划

动态生成 uniapp 配置文件 pages.json 的解决方案 最近接手了一个基于 uniapp 的开发项目,我个人对于它能够使用同一套代码就能够开发 h5\app\小程序 的强大功能表示非常钦佩。但是其配置文件 pages.json 也让我十分郁闷,原因无他,只因其是写死 JSON 文件,在...

2020-03-28 18:16:49 1903 1

原创 JS数组递归——构建 element 级联选择器树形数据

JS数组递归——构建 element 级联选择器树形数据 通常,我们前端在开发管理后台的时候,会选择 vue+element 这样的技术栈去实现。但我们后端给的数据格式通常并不符合 element 的参数数据要求。比如,级联选择器 cascader 的参数数据格式如下: [{ "lab...

2020-02-20 17:57:05 1716 0

原创 超实用多选框 checkbox 功能——全选、不选、反选等功能的数据驱动 JS 实现

超实用多选框 checkbox 功能——全选、不选、反选等功能的数据驱动 JS 实现 对多选框实现 全选、不选、反选 是一个常见的功能,尤其是在外面使用了 vue 或者 react 等前端框架之后,仅仅是需要数据处理,我相信各位朋友都已经烂熟于心了。但是我近日遇到一个需求,琢磨了一下实现了。我感觉...

2020-02-18 16:34:03 1446 0

原创 搜索引擎优化(SEO) 基础常识

搜索引擎优化(SEO) 基础常识 前言 在移动互联网迅猛发展的今天,各种APP、小程序满天飞,针对网页的搜索引擎优化(SEO)对于现今的企业来说已经不是头等重要的事情了。但是如果公司的SEO做得好的话,确实可以节约很大一部分宣传开支,因此,并不能说明它是完全没有作用的工作。只是在我看来,重要性确实...

2020-02-17 22:24:03 1341 0

原创 javascript 商城结算页面选择今日或明日送货时间数组的实现

javascript 商城结算页面选择今日或明日送货时间数组的实现 缘起 今日在开发一个生鲜商城的项目,其中结算页面有一个需求。大概意思如下,后端会返回该店铺每日的营业时间,格式是 { startTime: '09.00', endTime: '21.00'...

2020-01-07 15:15:06 497 0

原创 常用 git 命令以及处理技巧

常用 git 命令以及处理技巧 基础常用命令 # 克隆 git clone git@github.com:fengcms/fengcms.git # 拉 git pull # 添加某一个文件 git add "src/xxx.js" # 添加所有文件,严禁使用 `git ...

2019-07-15 13:34:31 1017 1

原创 JS判断数据类型以及数据过滤空值方法

JS判断数据类型以及数据过滤空值方法 在我们的项目开发中,经常需要对一个传输中的数据进行滤空处理,过滤 null、undefined、''、[]、{}等,还要对字符串进行去除两端的空格操作。为此,我写了一个递归处理方法,代码如下: const toType = obj =>...

2019-10-25 16:54:26 1114 1

原创 python 检查字符串中是否包含非中文字符的方法

今天写一段代码,需要校验字符串中是否包含非中文字符,于是百度了一下,结果让我十分震惊,那就是几乎第一页都是错误的演示代码。全是复制的某一个人的错误代码,这样的搜索结果,实在是让百度很难堪,也让我们中文的编程环境很难堪。 下面是错误代码: def is_Chinese(word): for ...

2019-09-09 15:58:49 1025 0

原创 一段自动编译前端项目的Shell代码,如果没有上集成工具的话,略有小用。

临时构建一个前端项目的服务器,由于前端项目有十几个,每次git拉代码以及运行编译命令,搞得烦不胜烦。关键是,全是命令行操作,让其他人不太愿意操作。因此,写了这样一个脚本,便于操作,也可以用于后续的系统集成。 前端项目都是 vue-cli 脚手架开发,统一由 git 进行代码管理,编译后的文件在源代...

2019-08-23 17:45:17 380 0

原创 deepin 安装 vscode 编辑器之后,默认文件管理器变成 vscode 的解决方法(deepin 重置文件管理器)

deepin 安装 vscode 编辑器之后,默认文件管理器变成 vscode 的解决方法(deepin 重置文件管理器) 如果你不明白我在说什么,肯定你是没有遇到这个问题,如果你遇到了这个问题,自然知道是怎么回事儿。 解决方法,执行以下命令: xdg-mime default dde-fil...

2019-05-05 13:35:08 848 0

原创 HTML5+CSS3 做一个灵动的动画 TAB 切换效果

HTML5+CSS3 做一个灵动的动画 TAB 切换效果设计师给了一个 tab 切换的效果图。虽然是一个很小的功能,但是前端工程师在实现的时候还是有很多细节需要注意。我写了一个 demo 给大家参考。最终实现效果如下: 为了 gif 动画能够展示细节,我将动画时间延长到了 3 秒 代码分享地...

2017-09-15 11:58:40 6667 3

原创 最近工作调动,回到上海了,所以没时间更新博客,希望大家体谅~

兰州实在是呆不住了,所以回到上海来工作了,刚参与这边工作,事情比较多,所以没时间更新博客。不过最近有学习到很多新东西,我会在有时间的时候进行整理,然后分享给大家的。 ...

2019-04-08 09:42:42 473 9

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

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

2017-08-23 15:16:35 17085 9

原创 React 脚手架 create-react-app 新版使用说明 重点是配置代理

React 脚手架 create-react-app 新版使用说明 重点是配置代理 近期更新了一下 create-react-app 工具,然后发现,和原来的老版本使用出现了略微的差异。比如原先想要处理 sass 还需要去手动配置 webpack 但是新版里面已经集成了。此外,代理的配置也完全不一...

2018-12-07 16:14:07 5584 0

原创 javascript 数组以及对象的深拷贝(复制数组或复制对象)的方法

javascript 数组以及对象的深拷贝(复制数组或复制对象)的方法前言在js中,数组和对象的复制如果使用=号来进行复制,那只是浅拷贝。如下图演示: 如上,arr的修改,会影响arr2的值,这显然在绝大多数情况下,并不是我们所需要的结果。 因此,数组以及对象的深拷贝就是javascrip...

2017-02-08 19:12:05 100102 21

原创 Python 打造基于百度翻译的命令行翻译工具

Python 打造基于百度翻译的命令行翻译工具 由于英文水平一般,所以还是非常依赖翻译工具的。fanyi.baidu.com 都成了我浏览器必开的网页之一了。昨天项目上线,等待过程中,无聊写了一个基于百度翻译 api 的命令行翻译工具。但是效果不是很令我满意,因为它给了一个翻译结果,而没有像...

2018-07-14 16:45:26 1849 0

原创 Python 打造基于有道翻译的命令行翻译工具(命令行爱好者必备)

Python 打造基于有道翻译的命令行翻译工具(命令行爱好者必备) 之前基于百度写了一篇博文 Python 打造基于百度翻译的命令行翻译工具,本来这工具用得挺好的。但是没想到,近期处于不知道啥原因,不能用了。破解人家的接口难免会有这样的情况发生,也不能怪人家百度对吧。 加上最近工作比较忙,所以也没...

2018-09-20 15:08:25 4766 7

原创 TNT 初步试用体验报告

TNT 初步试用体验报告 已经购置了绿联 type-c 的拓展坞,配合我的蓝牙键盘鼠标,今天终于顺利的尝试了 TNT 系统。就目前的完成度来说,远远超出了我的想象,但仍未达到可以长期使用的底部。 说实话,开发 TNT 这样的全新交互的操作系统,我是不大相信锤子科技如此的体量可以在这么短的时间内...

2018-09-11 20:58:15 1131 0

原创 shell 脚本统计文件夹下所有文件的字符数

最近写了一些文章存放在一个文件夹下,今天想看看自己到底写了多少内容。于是想写一个脚本来进行统计。最终代码如下: #!/bin/bash files=$(ls) all=0 for i in $files; do if [ $i != 'wc.sh' ]; then ...

2018-08-22 15:49:04 1525 0

原创 作为一个前端工程师,我来说说红芯浏览器

作为一个前端工程师,我来说说红芯浏览器 我很愤慨!否则我也不会来写这些文字。 使用开源核心,完全没有问题,甚至是正确的选择。 所有的国产浏览器,包括360浏览器、QQ浏览器,全部都是采用的开源核心。这完全没有问题,并且这是非常正确的做法。 但是,你用了人家的核心,就应该大大方方的承认,...

2018-08-16 19:15:24 19699 13

提示
确定要删除当前文章?
取消 删除