- 博客(32)
- 收藏
- 关注
RSS订阅原创 rm -rf —— 删库跑路教程详解
前言删库跑路是程序员圈子里面的流行语，rm -rf则是删库跑路的代名词。本文将为你解释这个命令的含义及其使用方法。含义首先需要明确rm -rf是Unix/Linux的命令、只有在Unix/Linux的系统中才能正常使用。本文以Linux操作系统为例，对其进行讲解。具体含义如下：rm命令是remove的简写，可以直接使用rm命令删除文件；-r：是rm命令的可选项，表示递归处理，将指定目录下的所有文件与子目录一并处理；-f：是rm命令的可选项，表示强制删除文件或目录。rm -rf命令组合
2020-05-10 11:35:24
39382
3
原创 详解：如何在Github上搭建自己的博客主页
前言好的博客主页不仅能够分享自己的技术知识，更能够展示博主的技术实力。本文将结合作者的实践，为读者讲解如何在GitHub上利用Hexo，快速搭建一个可以在互联网上自由访问的博客主页。作者的博客主页：https://jiangjiaheng.github.io/ 。技术栈1.GitHub：允许用户在自己的代码仓库创建一个博客主页。2. Git：代码仓库管理技术，连接GitHub与本地代码...
2019-12-29 20:04:51
526
原创 详解：如何在NPM上发布自己的第一个脚手架工具
前言脚手架工具能快速生成一个完整的项目结构，帮助开发人员专注于项目开发，十分高效。表面高大上的脚手架工具，背后的实现原理其实并不复杂。例如 vue-cli 其本质上就是根据不同的操作指令在远程仓库（例如：GitHub）把不同的模版拉取到本地。本文将结合作者的脚手架（lan-cli）实例，为读者快速讲述如何创建一个脚手架并发布到NPM上。受限于文章篇幅，本文不会对项目代码进行讲解，具体的代码...
2019-12-13 16:21:44
1690
1
原创 详解：为GitHub、Gitlab账号同时添加、管理多个SSH-Key
GitHub、GitLab是目前最流行的代码托管平台，前者常常用于个人代码托管，而后者常用于企业代码托管。因此在实际工作中，我们通常会在同一台电脑设备上，使用这两个平台进行代码托管。SSH-Key是这两个平台的密钥认证方式，为自己的电脑添加密钥认证，可以更加简单、高效、安全地完成代码托管的工作。本文将详细讲解如何在同一台电脑上为两个平台添加不同的SSH-Key，并且管理这些密钥。实例讲解1...
2019-12-01 13:39:53
3336
2
原创 详解：如何在NPM上发布自己的第一个Vue组件库
如何在NPM上发布自己的第一个vue组件库，是每一名vue前端开发人员必经的进阶之路，本文将结合作者的实践项目，为各位读者详细讲解所有的操作步骤，相信你在阅读本文后，就能立马动手。由于本文的主要目的是讲解如何创建组件库并发布到NPM，因此对于组件的创建会一笔带过。有需要的朋友，也可以直接访问本文实例的GitHub地址：https://github.com/jiangjiaheng/Learn-...
2019-11-24 12:32:53
2093
原创 重写JavaScript数组7个最常用的原生遍历方法
前言数组是JavaScript中最重要的数据格式之一，而对于数组对象实例方法的掌握程度，往往成为面试官考察面试者的重要依据之一，因此，熟练掌握数组的使用方法，是每一位优秀的前端开发人员的必备条件之一。本文，将通过重写数组中7个最常用的原生遍历方法，帮助读者更好地了解数组方法的使用技巧和实现逻辑，加深读者对于数组方法的印象。实例展示首先，本文为本文所有的示例先定义一个公用的数组对象，方便后面...
2019-10-13 15:53:32
416
原创 思考——console.log(`${1+2}`)===console.log`${1+2}`?
前言模板字符串是ES6新增的重要语法功能之一，它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。示例如下。// 普通字符串`In JavaScript '\n' is a line-feed.`// 多行字符串`In JavaScript this is not legal.`console.log(`string text line 1string...
2019-10-13 15:51:35
1398
原创 放下Axios，手写纯原生Ajax通信接口
前言axios作为vue框架中最常用的ajax工具包之一，可以与后台API接口进行通信，传送或接收数据，在前后端分离开发中，发挥了通信桥梁的重要作用。虽然像axios这样的第三方工具包很好用，但是这类工具包并不能很好地帮助前段开发人员，尤其是新人理解JavaScript原生的ajax通信机制。因此，本文将通过JS原生的ajax通信实例，为读者详细介绍原生ajax通信机制和使用方法。关于A...
2019-09-22 20:36:42
230
原创 比Switch...Case更加优雅的多条件判断写法
前言前几天，本人负责编写网站上线的环境判断功能，其中涉及到大量多条件判断的code。对于多条件判断写法，大部分程序员都是采用if...else if...else或者switch...case的写法，但是有一种多条件判断写法，比传统写法更加有趣且优雅——对象属性判断法。实例展示废话不多说了，下面直接用三个实例，给大家分别展示三种不同的多条件判断写法。1. if...else if...el...
2019-09-01 10:46:51
6428
原创 CSS3盒子模型（FLex弹性布局）实例代码全公开
前言CSS3中的盒子模型（Flex弹性布局），是目前最流行的布局方式，相比于传统的Position，FLoat，Table 布局，盒子模型可以用更少的代码，实现更好的效果（比如：各种居中、对齐等）。本文将把盒子模型中的各种布局方式，全面展示出来，并且直接提供相关代码，供读者使用。GitHub项目地址：https://github.com/jiangjiaheng/CSS项目展示1. 盒...
2019-08-25 10:19:24
3574
原创 vue-cli@3添加sass（vue项目模板封装系列）
前言上一期分享了如何在vue-cli3的框架中，封装mixins，module 。本期将分享如何在vue项目中添加sass。GitHub项目地址：https://github.com/jiangjiaheng/web-template关于sass本文默认你对sass有一定的了解，并且阅读过相关的官方文档，因此本文就不在赘述关于sass的基础知识。sass官方文档：https://ww...
2019-08-13 20:41:55
4583
原创 vue-cli@3封装mixins，module（vue项目模板封装系列）
前言上一期分享了如何在vue-cli3的框架中，封装Mock.js。本期将分享如何在vue项目中封装mixins，module 并使用。GitHub项目地址：https://github.com/jiangjiaheng/web-template关于mixins，module本文默认你对mixins，module有一定的了解，并且阅读过相关的官方文档，因此本文就不在赘述关于mixins，...
2019-08-07 20:34:19
1182
原创 vue-cli@3封装MockJs（vue项目模板封装系列）
前言上一期分享了如何在vue-cli3的框架中，封装Vuex。本期将分享如何在vue项目中添加Mock.js，并封装使用。GitHub项目地址：https://github.com/jiangjiaheng/web-template关于MockJs1. 官方文档本文默认你对Mock.js有一定的了解，并且阅读过Mock.js的官方文档，因此本文就不在赘述关于Mock.js的基础知识。...
2019-07-30 20:23:25
3575
原创 vue-cli@3封装多模块Vuex（vue项目模板封装系列）
前言上一期分享了如何在vue-cli3的框架中，封装Axios。本期将分享如何在vue项目中添加Vuex，并封装使用。本文内容偏重于vuex的使用介绍，因此，并不会对项目案例中vuex的细节进行讲解，强烈建议读者配合GitHub上面的项目实例进行对比阅读，这样会帮助你更好地理解案例中vuex封装使用的全过程（ps：主要是我觉得我的案例代码写的还可以，一看就懂，文章内容属于案例代码的阅读目录）...
2019-07-14 16:43:46
2271
原创 vue项目模板封装系列之——vue-cli@3封装Axios
前言上一期分享了如何在vue-cli3的框架中，封装router并且通过element-ui框架自动生成网站导航栏。本期将分享如何在vue项目中添加Axios，并封装使用。GitHub地址：web-template1. 添加Axios在vue-cli3的框架中添加Axios，到项目文件夹内打开cmd命令行工具，输入下面的指令，就可以添加了。npm add axios添加成功后就可以...
2019-06-30 21:00:43
2861
原创 构造函数的继承——使用原型对象（prototype）
前言构造函数是JavaScript中生成实例对象的模板，如何实现构造函数的继承，是JavaScript程序员需要掌握的一项十分重要的技能。本文将介绍如何使用原型对象，实现构造函数的继承。理论讲解让一个构造函数继承另一个构造函数，可以分成两步实现。第一步是在子类的构造函数中，调用父类的构造函数。function Son(value) { Father.call(this); ...
2019-06-23 15:15:11
288
原创 vue项目工程模板封装系列——vue-cli@3+router+elementUI
前言本人最近打算利用vue来开发一个关于CSS知识积累的网页，但是开发时，突然发现自己还没有一个可以用的vue-cli@3的项目工程。因此，就决定自己先开发一个vue项目工程（web-template），作为以后vue网页开发的项目工程模板。目前这个项目模板，我选用了vue-cli@3作为工程基础，elementUI作为组件基础，先行封装了router，之后还会封装Vuex、Axios等常用开...
2019-06-16 18:29:35
520
转载 你就说，你明不明白JavaScript的关键字 this？
前言最近，看了一篇关于JavaScript的关键字 this 的教学文章，收益甚多，因此，在这篇文章的基础上，稍微整理了一下，分享给大家。希望可以有助于学习JavaScript的童鞋，好好的理解 this 这个在JavaScript中最重要的关键字。涵义1. 定义this就是属性或方法“当前”所在的对象。this.property上面代码中，this就代表property属性当前所在...
2019-06-16 18:23:18
162
原创 双胞胎兄弟——let命令与const命令
前言在JavaScript的ES6语法中，新增了let与const命令，用来声明变量。虽然这两个命令在声明变量方面有很多相似之处，但也有根本上的区别，似乎像一对双胞胎兄弟，拥有相似的外观，不同的性格。本文将详细讲解let与const命令的各自特点，以及它们之间的相似之处。相似的“外表”1. 作用域let命令与const命令声明的变量，只在声明所在的块级作用域内有效。{ var a=...
2019-06-16 18:20:15
173
原创 JavaScript逻辑运算符的使用技巧
前言!, &&, || 三个运算符是JavaScript中重要的逻辑运算符，本文将介绍这三个运算符在JavaScript实际编程中的有趣使用技巧。取反运算符（!）如果对一个值连续做两次取反运算，等于将其转为对应的布尔值，与Boolean函数的作用相同。!!x// 等同于Boolean(x)两次取反就是将一个值转为布尔值的简便写法。var str='test';va...
2019-06-07 15:31:47
135
原创 包装对象浅谈——对比数组、对象（JavaScript新手必看）
前言首先我们来看一段代码示例var str='hello';var num=1;var bl=true;var arr=[1,2,3];var obj={x:1};str.toString();// "hello"num.toString();// "1"bl.toString();// "true"arr.toString();// "1,2,3"obj.toSt...
2019-06-02 11:28:32
101
原创 Vue引入echarts使用教程
前言本文将介绍如何在vue project中引入echarts，在引入echarts之前首先需要添加echarts的依赖包。vue2.0框架添加方法。npm install echartsvue3.0框架添加方法。npm add echarts全局引入在全局引入，需要在main.js文件中，引入echarts。全部引入import echarts from 'ec...
2019-05-26 10:22:58
5552
4
原创 Git, GitHub初学者使用指南
前言本文是给Git、GitHub初学者提供的入门教程，将简单讲述Git、GitHub的使用方法和常用技巧。通过阅读本文，将可以帮助你在GitHub上创建项目，并且通过Git创建本地仓库，与GitHub的在线仓库进行连接。Git安装Git安装包网址进入网站下载自己电脑对应的版本、直接安装即可。GitHub注册GitHub网址输入自己的用户名、邮箱、密码进行注册。完成注册后，就可...
2019-05-19 13:03:56
227
原创 JavaScript字符串判断某个字符是否存在的方法合集
前言很多时候，提到在JavaScript中如何判断一个字符串中是否包含某个字符，人们很多时候都会想到indexOf方法，其实有一个更加符合语境的方法，可以更好的替代indexOf，这个方法就是includes。indexOf Vs includesvar str=''hello world';console.log(str.indexOf('hello')!==-1)// true...
2019-05-13 21:16:47
6259
原创 JavaScript数组遍历方法小结
前言数组是JavaScript中重要的数据类型之一，而涉及到数组运用最关键的知识就是遍历数组。因此，本文将总结JavaScript中数据遍历的各种方法，以及遍历数组时会遇到的各种特殊情况。数组类型的特殊性数组本质是Object类型，同时又有很多类似数组的对象类型，例如：字符串、arguments对象、NodeList等，因此掌握好数组的遍历方法，也间接掌握了普通对象、类似数组对象的遍历方法。...
2019-05-05 20:44:01
215
原创 Vuex的基本使用
1.介绍vuexVuex是Vue.js应用程序中，用于组件通信、状态管理的重要工具和方式，本文将介绍在Vue.js应用程序中如何添加并使用Vuex。2.添加vuex首先用vue cli3.0生成vue project，然后使用指令 vue add vuex添加vuex，main文件中会自动添加vuex。3.使用vuex在store.js中写入自己需要的vuex信息，然后就可以在其他组...
2019-03-29 10:49:12
143
原创 Axios 的基本使用
介绍Axiosaxios是vue项目中，最常用的Ajax的接口之一，本文将介绍如何在vue项目中使用axios，并附上源码。Axios的基本使用首先用vue cli3.0生成vue project，然后使用指令 vue add axios添加axios。然后在main文件中，引入axios，在有需要的文件中使用即可。axios官网： https://www.npmjs.com/pac...
2019-03-24 17:26:47
174
原创 GitHub、GitLab添加ssh key
前言GitHub与GitLab都是现在非常流行的代码托管平台，GitHub常常用于个人代码托管，GitLab常常用于企业团队的代码托管，因此往往我们会需要在一台电脑设备上，使用不同的平台账号（个人账号，公司账号）生成不同的ssh key，用于自己使用，本文将介绍如何在同一台电脑上，通过不同的账号建立不同的ssh key，并添加到不同的平台使用。1.下载Git网站地址：https://git-...
2019-03-17 10:29:58
354
原创 Vue CLI 3.x开发环境搭建
1.介绍Vue CLI目前已经发展到了3.0，本文将介绍如何通过Vue Cli 3.0搭建Vue项目的开发环境。如果你还未接触过Vue Cli，请先配置好Node.js的开发环境，本文默认你已经使用过了Vue Cli 2.0。2.安装打开CMD（命令行工具），输入npm install -g @vue/cli，安装vue cli 3.0，通过vue --version检查vue cli的版...
2019-03-06 09:43:14
383
原创 Vue CLi 2.x 开发环境搭建
Vue.js作为目前国内最火的前端开发框架之一，本文将介绍如何通过Vue-cli搭建Vue.js的前端开发框架。目前Vue-cli已经发展3.x，不过考虑很多开发依旧是在2.x框架上进行的，所以本文还是先介绍Vue-cli 2.x框架的搭建，之后会出3.x框架的搭建教程。1.安装Node JS首先需要在本机安装NodeJS，这是Vue开发的基础环境，Nodejs的官网：https://nod...
2019-02-28 10:02:18
742
原创 Windows下的开发辅助神器——Chocolate Package Manager
对于开发人员而言，搭建开发环境是所有开发环节中的第一步，然而在Windows环境下，各种安装工具，软件版本五花八门，而且容易下载到病毒软件，因此对于初学者来说，下载到正确的开发软件，搭建好开发环境还是有一定难度和技巧性的。Chocolate Package Manager恰好是在Windows环境下处理搭建开发环境最好、也是最简单的解决方式之一。关于包管理器包管理器又称软件包管理系统，它是...
2019-02-20 13:50:20
6562
原创 我，前端工程狮
2019年是我参加工作的第三年，从2017年毕业至今，我在就职的外企公司参与了多个网站开发项目，主要负责前端开发，也参与过网站UI设计、后台开发、数据库创建维护、网站发布管理……尽管拥有了近两年的工作经验，但是我依然很难总结什么是前端开发，以及一个优秀的前端开发工程师应该具备什么样的素质和技能。希望通过编写博客的方式，一方面总结自己两年以来的前端开发经验，同时规划和展望自己未来的职业发展方向和...
2019-02-15 16:08:07
1209
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人