5 FungLeo

尚未进行身份认证

我要认证

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

等级
TA的排名 853

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

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

2020-05-28 16:05:06

【转载】vue 3.x 如何有惊无险地快速入门 —— 一文扫遍 vue2 与 3 的差异点

【转载】vue 3.x 如何有惊无险地快速入门 —— 一文扫遍 vue2 与 3 的差异点前言本文所分享的是关于 vue 3.x 在用法上的改变,而不是在代码实现上的不同。虽然 vue2 到 vue3 的实现大改,但在用法上变化基本不大,比较明显的一个变化就是添加了 setup(){} 函数了,几乎所有的配置变成了以函数的方式进行定义。即使是这样,但小改动还是很多的。本文主要分享的是 vue 2.x 与 vue 3.x 之间一些常见用法的差异。虽然记录的不多,但也不算少。本文资料来源:github.c

2020-05-24 16:49:39

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

一个超简单的接口 Mock 工具升级版介绍,各位前端同学记得收藏哦!这是一个我自己发起的项目,Github 地址是 https://github.com/fengcms/simple-mock ,其完整支持 RESTFul 接口的 Mock 服务。当然,支持非 RESTFul 风格接口也不在话下,关键是使用十分简便。我在接口演示文件里面,演示了 RESTFul 标准写法、分页列表、上传文件、登录接口等等多种。通过简单配置,还可以支持校验登录状态。此外,还支持将其它的接口代理过来使用。我本着最不需要额

2020-05-21 17:06:44

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

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

2020-05-19 15:32:17

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

vue3.0 Composition API 上手初体验 用路由循环,做个导航菜单通过前文的讲述,我已经基本讲清楚了 vue 3.0 的新特性,以及开发使用方法。只是演示 Demo 搞了好几个页面,只能输入地址进行跳转让我不爽,于是,我给我的 Demo 代码搞了个菜单,这里,我把这部分内容讲述一下。重构 src/router/index.js 文件在原来编写的代码中,我给单条路由只写了 path 和 component 两个参数,这里,我们加上 meta 参数,并为其设置 title 属性。相关代码如

2020-05-19 12:04:14

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

vue3.0 Composition API 上手初体验 函数组件的开发与使用在上一节中,我们讨论了普通组件的开发与使用,其实相比较 vue 2.0 来说,差别并不大。vue 3.0 的 Composition API 带来的最大的特性,就是函数组件。通过函数组件,我们可以体会到 类似 react 编程的愉悦。这个章节,我们就来讨论一下。在 vue 2.0 中,当多个页面或组件使用到相同逻辑的时候,我们会使用 mixin 来编写逻辑。其实我个人在使用 mixin 时,感觉还是很方便的,但是当项目组的其

2020-05-19 10:20:03

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

vue3.0 Composition API 上手初体验 普通组件的开发与使用通过前面的章节的讲解,我相信大家对于 vue 3.0 的新特性的基本使用,已经没有问题了。但是新的问题来了,组件是怎么玩的呢?这一讲,我们就来讨论一下,组件的开发与使用。写一个 button 组件首先,我们来创建一个按钮组件的文件# 进入项目文件夹cd ~/Sites/myWork/demo/vue3-demo# 创建组件文件夹mkdir -p src/components# 创建按钮组件touch src/c

2020-05-19 10:18:57

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

vue3.0 Composition API 上手初体验 神奇的 setup 函数 (四) 计算属性 computed上一讲中,我们讲解了 vue 3.0 的生命周期,我相信大家已经了然了。在 vue 中,计算属性 computed 是非常常用的。那么,在 vue 3.0 中,计算属性是如何使用的呢?这一讲我们来着重讨论,。上代码!首先,我们新建 src/views/Computed.vue 文件,并在路由中设定路由为 computed。不会操作的看上一讲的演示。然后编写如下代码:<temp

2020-05-19 10:17:18

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

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

2020-05-19 10:15:49

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

vue3.0 Composition API 上手初体验 神奇的 setup 函数 (二) 响应对象数据的绑定上文中,我们已经了解普通响应数据的绑定了。但是,那只是普通数据,我们在实际开发中,用到的对象数据是最多的。这一讲,我们就来讲讲响应对象数据的绑定。开干。编辑 src/views/About.vue 文件编写代码如下:<template> <router-link to="/">点这里去首页</router-link> <hr> &

2020-05-19 10:14:15

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

vue3.0 Composition API 上手初体验 神奇的 setup 函数 (一) 响应数据的绑定从网上大家对于 vue 3.0 的最大的变化,就是 Vue Composition API 的看法来说,两极分化比较严重。一种是认为这种写法实在太优秀了,很好,很喜欢。另外一种则认为变得没有以前那么清晰了,增加了学习成本。那么我是怎么认为的呢?当然是第一种想法啊!你可知道,曾经我一度感觉到 vue 的语法实在是太过于变态,进而放弃使用 react 开发一年有余。后来因为来上海,入职的公司都是 vue

2020-05-19 10:12:49

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

vue3.0 Composition API 上手初体验 使用 vue-router 构建多页面应用前两讲,我们已经顺利的使用 vue3.0 将项目跑起来了。但是实在是过于简陋,目前我们几乎不可能开发只有一个页面的应用。因此,vue-router 是必不可少的。这一讲,我们就来讲讲最新的 vue-router 配合 vue3.0 是如何玩的。首先,我们进入我们的项目目录,安装依赖。我的 demo 目录为 ~/Sites/myWork/demo/vue3-demo。本人为 MacOS 环境, Wind

2020-05-19 10:10:33

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

vue3.0 Composition API 上手初体验 构建 vue 基础代码上一讲中,我们通过配置 webpack 构建了一个基础的开发环境。但是并没有涉及到 vue3.0 的内容,这一讲中,我们来构建一些基础代码。首先,在终端中进入到我们的项目目录,我的 demo 目录为 ~/Sites/myWork/demo/vue3-demo。本人为 MacOS 环境, Windows 环境请自行将一些命令转换成你习惯的操作。比如在文件夹中操作,或在 vscode 等编辑器中操作。创建基础文件# 进

2020-05-19 10:08:41

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

vue3.0 Composition API 上手初体验 构建基本项目开发环境目前,vue3.0 已经进入了 beta 版本了。众多的特性已经定下来了,相信有不少朋友都已经开始阅读相关的资料或源码了。虽然我现在工作比较劳累,但是对于这样的前端行业的盛事,我也不能袖手旁观哪!所以,我决定写一个系列的文章,来带大家上手一下全新的 vue3.0。首先,从目前公开信息来看,vue3.0 是完全兼容 2.0 版本的所有写法的。因此,即便不了解 3.0 的内容,用原有的知识储备,也是完全可以使用 3.0 版本的。

2020-05-19 10:06:42

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

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

2020-05-19 09:06:57

ES6 解构赋值的详细说明,建议给为前端收藏!

ES6 解构赋值的详细说明,建议给为前端收藏!相较于常规的赋值方式,解构赋值最主要的是’解构’两个字,在赋值的过程中要清晰的知道等号右边的结构.先简单地看一下原来的赋值方式.var a=[1,2]  分析一下这句代码的几个点:(1)变量申明和赋值/* 你可以理解这两个操作是分开的,虽然是一句代码. 声明变量都会出现变量名的提升(也就是是声明变量的这句代码会被提升到生效作用域的...

2020-05-05 21:58:24

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

linux 或 mac 命令行更优雅的使用 curl 命令,以及命令行常用的快捷键说明最近看了一下我的博客的访问统计,作为一个前端博主,没有想到我阅读量最高的一篇博文居然是介绍如何在命令行使用 curl 命令的文章《curl 模拟 GET\POST 请求,以及 curl post 上传文件》。这实在是太让我惊讶了,看来大家对于命令行的使用还是有很多需求的。因此,我这里这篇文章,如果能让各位看官...

2020-04-27 17:08:10

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

解决 CentOS 在 mariadb 数据库服务因某些原因自动关闭后,服务重启的配置方法一台运行数年的 centos 服务器,发生了一次 解决 mariadb 服务自动关闭的情况。我当时不以为意,直接运行 systemctl start mariadb.service 命令,重启了服务。但是又过去了几个月,这玩意儿又自动关闭了。不清楚是啥原因,但老这样不是个事儿呀,虽然几个月才发生一次,但是...

2020-04-27 11:35:08

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

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

2020-04-07 11:56:14

动态生成 uniapp 配置文件 pages.json 的解决方案

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

2020-03-28 18:16:49

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。
  • 原力探索 · S
    原力探索 · S
    在《原力计划【第二季】》打卡挑战活动中,发布 12 篇原创文章参与活动的博主,即可获得此勋章。(本次活动结束后统一统计发放)
  • 分享精英
    分享精英
    成功上传11个资源即可获取