2020年02月_前端岚枫

11月 10月 09月 08月 07月 05月 04月 03月 02月 01月

原创作为前端，你需要懂得javascript实现继承的方法

在ES6之前，javascript不跟其他语言一样，有直接继承的方法，它需要借助于构造函数+原型对象模拟实现继承。现在我们可以利用ES6的extends方法实现继承，如果想了解更多有关ES6实现的继承请查看《ES6学习笔记（二）：教你玩转类的继承和类的对象》，在这里不再做更多的介绍。文章目录1. call()2. 借用构造函数继承父类型属性3. 借用原型对象继承父类型方法总结ES6之前并没...

2020-02-29 17:19:58 2086 9

原创作为前端，你需要了解的js构造函数和原型

1.1 概述在典型的OOP的语言中，都存在类的概念，类就是对象的模板，对象就是类的实例，但在ES6之前，JS中并没有引入类的概念。对象不是基于类创建的，而是用一种构造函数的特殊函数来定义对象和它们的特征。创建对象可以通过以下三种方式：对象字面量var obj1 = {}new Objectvar obj2 = new Object()自定义构造函数function...

2020-02-28 22:38:29 913 6

原创 ES6学习笔记（三）：教你用js面向对象思维来实现 tab栏增删改查功能

前两篇文章主要介绍了类和对象、类的继承，如果想了解更多理论请查阅《ES6学习笔记（一）：轻松搞懂面向对象编程、类和对象》、《ES6学习笔记（二）：教你玩转类的继承和类的对象》，今天主要来分享关于如何用js面向对象的思维来实现tab栏的一些相关的功能。要实现的功能分析点击tab栏可以切换效果点击+号，可以添加tab项和内容项点击X号，可以删除当前的tab项和内容项点击tab文字或者内...

2020-02-27 23:21:03 2531 3

原创 ES6学习笔记（二）：教你玩转类的继承和类的对象

文章目录继承super关键字ES6中的类和对象的4个注意点：总结继承程序中的继承：子类可以继承父类的一些属性和方法class Father { //父类 constructor () { } money () { console.log(100) }}class Son extends Father { //子类继承父类}let son = new Son...

2020-02-26 20:02:34 2199 6

原创 ES6学习笔记（一）：轻松搞懂面向对象编程、类和对象

面向过程编程P OP(Process oriented programming)面向过程就是分析出解决问题的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。面向对象编程OOP(Object Oriented Programming)...

2020-02-25 22:20:50 952 2

原创浅谈js模块化：commons、AMD、CMD、ES6几种模块化的用法及各自的特点

文章目录一个页面需要引入多个js文件引发的问题：模块化的好处：几种常用的模块化规范1、 commonJs2、 AMD3、 ES64、CMD总结js模块化是现在比较流行的一种用法，它能避免很多以前js的弊端,是前端工程化的所要涉及到的话题，今天我们来谈谈几种模块化的方法。一个页面需要引入多个js文件引发的问题：请求过多依赖模糊难以维护这些问题可以通过现代模块化编码和项目构建来解决...

2020-02-24 23:47:39 1270 4

原创前端基础-git(三)：git和GitHub的一些基础操作

文章目录settings 用户设置创建仓库把本地仓库信息提交到远程仓库真实项目开发流程：NPM(node package manger)总结github是一个网站，是一个开源的源代码管理平台，用户注册后，可以在自己账户下创建仓库，用来管理项目的源代码（源代码是基于git传到仓库中）我们所熟知的插件、类库、框架等都在这个平台上有托管，我们可以下载观看和研究源码等settings 用户设置...

2020-02-22 20:58:27 2107 6

原创前端基础-git(二)：轻松搞定git创建仓库，操作仓库内容

qiuqiudeMacBook-Pro:git qiuqiu$ git initInitialized empty Git repository in /Users/qiuqiu/Documents/node/git/.git/qiuqiudeMacBook-Pro:git qiuqiu$ ls -ah. … .gitqiuqiudeMacBook-Pro:git qiuqiu$ defa...

2020-02-22 09:34:18 3509 4

原创端口被占用问题Error: listen EADDRINUSE 127.0.0.1:8888

今天工作的时候，启动环境突然启动不了，报这样的错误Error: listen EADDRINUSE 127.0.0.1:8888具体如下图：发现时候8888的端口被占用，启动不了那么如何Mac OS 查看端口和杀死进程呢？查看步骤如下sudo lsof -i:port(端口号)sudo lsof -i:8888查到效果如下图：接着就是清除：sudo kill port...

2020-02-17 10:49:16 9971 4

原创前端基础git(一)-git入门代码版本控制介绍

上两篇文章我主要分享了github的一些操作及用法，从今天开始我讲分享一些有关git的一些知识。如果想了解github的操作可以看前端都应懂的入门基础-github基础https://blog.csdn.net/lfcss/article/details/104276265版本控制集中化的版本控制系统集中化的版本控制系统有CVS、SVN、Perforce等，都有一个单一的集中管理服务...

2020-02-16 00:26:04 1044 4

原创前端基础牢记的一些操作-Github仓库管理

我上一篇文章主要分享了github介绍及项目仓库创建，这篇文章主要说说仓库的管理仓库管理新建文件编辑文件删除文件上传文件搜索仓库文件下载/检出项目Github Issues作用：发现代码 BUG,但是目前没有成型代码，需要讨论时使用，或者使用开源项目发现问题，提问题...

2020-02-15 22:45:31 754 1

原创前端都应懂的入门基础-github基础

Github 目的借助用于代码托管Github 基本概念仓库（respitory）仓库用来存放项目代码，每个项目对应一个仓库，多个开源项目则有多个仓库收藏（star）收藏项目，方便下次查看复制克隆项目（fork）clone的项目是独立存在的发送请求（pull request）Pull Request 本质上是一种软件的合作方式，是将涉及不同功能的代码，纳入主干的一种流程。这个过...

2020-02-11 10:31:44 987 3

原创如何玩转sortablejs-vuedraggable实现表单嵌套拖拽功能

最近几天在研究有关vue实现拖拽的功能，不过跟一般的拖拽排序有点不同，这个需求可能出现多行多列嵌套的表单元素，数据也是递归形式的出现。我也是在vuedraggable的基础上扩展实现的，如何想了解更多的拖拽排序功能可以参考https://sortablejs.github.io/Vue.Draggable/#/simple需要实现的功能表单元素可能出现嵌套，数据出现树形结构实现拖拽功能...

2020-02-10 23:27:13 7496 4