Nex_x-CSDN博客

原创微前端探索，将前端微服务化

微前端探索背景前段时间开发了一个业务管理系统项目，项目中包含一系列功能，包括人员管理、机构部门、权限、功能维护等基本功能。于是乎，打算将这些基本的功能独立出来供其他业务系统使用。那么这个基础的项目应该具备以下特点：独立的代码库、便于更新迭代、完善的文档等。于是便有了微前端的想法，尽管可能实现方式诸多。什么是微前端微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 ...

2019-03-31 20:05:27 2379 1

原创前端自动化构建入门6-使用webpack改造我们的react应用

认识webpackwebpack是一个简单方便的模块打包工具，你可以利用webpack对你代码进行分块打包、代码转译。webpack是目前最流行的模块打包工具之一。更详细的介绍可以参照这里。注意：以下实例均为目前webpack的最新版本webpack 3.0。不同的版本，配置也会有些许不同，可以关注webpack官方网站的详细说明。安装webpack//安装到项目目录并保存配置到package

2017-06-27 15:26:09 1080

原创前端自动化构建入门5-理解package.json文件

概述每个项目的根目录下面，都需要有一个package.json文件，定义了这个项目所需要的各种依赖模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。下面对最常用的几个属性进行描述。如需了解更多，可以查看阮一峰老师的个人博客。scripts字段该属性字段指定了npm命令对应的完整的命令执行

2017-06-27 09:56:27 1083

原创前端自动化构建入门4-使用create-react-app建立一个React应用

使用create-react-appcreate-react-app 是业界最优秀的 React 应用开发工具之一，使用create-react-app可以快速构建一个react应用。1.安装create-react-app， npm install -g create-react-app2.切换到你的项目文件夹，cd create-react-app 3.创建一个react应用，create-re

2017-06-26 17:34:40 1893

原创前端自动化构建入门3-在visual studio code中使用git

在GitHub上建立自己的git库1.登录到github 2.点击头像，点击Your profile 3.点击Repositories选项卡 4.点击New创建库，你可以选择创建public库，也可以选择创建private私有库（需要付费），此处仅作为在vsc中使用git的示例，选择public即可。5.创建完成后，即可在Your profile->Overview中看到你所创建的库，进入库中

2017-06-26 16:20:43 1062

原创前端自动化构建入门2-环境准备系列（node、git、vscode）

目前前端开发都是基于node环境，此处介绍相关的环境准备，node、npm、git这些都是必不可少的，至于代码编辑器则有多种选择，此系列博客中以visual studio code为例。安装Node.js由于现在的前端开发都是基于node环境，故安装node是必不可少的。从NodeJs官网下载安装包直接进行安装，建议下载最新的偶数版本，奇数版本号的 Node.js 被认为是不稳定的开发版。安装完

2017-06-26 15:22:58 1237

原创前端自动化构建入门1-什么是前端自动化？

如果你是前端开发人员，如果你现在还不知道前端自动化或者你还不会前端自动化，那么只能说明你身处一个传统行业的软件公司，常年写着jquery、用着各种各样的jquery插件、为浏览器兼容性而苦恼，或者说你不是一个合格的前端开发人员。什么是前端自动化构建？可以做什么？目前的前端开发早已不是简单的静态页面开发，日新月异的技术让人目不暇接，前端代码的编写方式也开始发生巨大的变化，越来越模块化、工程化。例如sa

2017-06-26 11:24:45 3158

原创 js基础进阶2-3 面向对象（继承）

继承是面向对象编程中必不可少的部分，前面说过js中没有明确定义类，自然也没有明确定义继承的方式，js中的继承是通过模仿实现的，js中的继承我理解为对象属性和方法的拷贝。本篇博客参考自w3cschool。继承的几种方式对象冒充之前说到了js中的继承可以理解为对象属性/方法的拷贝，当然我们无需使用对象的深拷贝方法，使用Function中的call/apply的方法可以很方便的实现。这2种方法基本相同

2017-06-26 10:37:54 367

原创 js基础进阶2-2 面向对象（类与对象的创建与使用）

前言：上一篇文章js基础进阶2-1 面向对象（类与对象介绍）对类与对象的一些基本概念进行了描述，接下来进入类的创建与使用。由于js中并没有明确定义类，实现类的方式有很多种，本篇文章仅选取几个典型的做法进行说明。如果想要了解更多实现方式，请移步w3cschool，本篇文章亦是由此参考而作。原始的方式var oCar = new Object;oCar.color = "blue";oCar.d

2017-06-23 15:25:05 369

原创 js基础进阶2-1 面向对象（类与对象介绍）

面向对象语言的要求：一种面向对象语言需要向开发者提供四种基本能力：封装 - 把相关的信息（无论数据或方法）存储在对象中的能力聚集 - 把一个对象存储在另一个对象内的能力继承 - 由另一个类（或多个类）得来类的属性和方法的能力多态 - 编写能以多种方法运行的函数或方法的能力 ECMAScript 支持这些要求，因此可被是看做面向对象的。同时，面向对象的程序设计需要遵循以下5大基本原则：单一

2017-06-23 11:16:13 423

原创最好用的js前端框架、组件、文档在线预览插件

这里收集的都是个人认为比较好的js框架、组件js前端ui框架此处列举出个人认为最好的几个框架（排序即排名），现在好点的框架商用都需要付费，以下几个也不例外，但是由于组件丰富，都可以作为企业应用的完整解决方案。Kendo UI 商用收费，组件丰富，界面简洁美观，有jquery和angular两个js的版本Webix 商用收费，组件丰富，界面特别美观JQwidgets 商用收费，丰富的组件，

2017-06-22 16:57:54 35882 1

原创 JS基础进阶1 数据类型

JS基础进阶1 数据类型值类型ECMAScript 5 有 5 种原始类型（primitive type），即 Undefined、Null、Boolean、Number 和 String。 ECMAScript 6中新增加了一种类型 Symbol。通常你也可以叫它们为原始类型，或者基础数据类型。详情见w3cschool中的介绍引用类型ECMAScript 中的引用类型有Object 、Arra

2017-06-22 14:34:17 397

Nex_x的博客