<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Nex_x的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Nex_x</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Nex_x]]></copyright><item><title><![CDATA[微前端探索，将前端微服务化]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/88934363</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/88934363</guid><author>Nex_x</author><pubDate>Sun, 31 Mar 2019 20:05:27 +0800</pubDate><description><![CDATA[微前端探索

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



什么是微前端
微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 ...]]></description><category></category></item><item><title><![CDATA[前端自动化构建入门6-使用webpack改造我们的react应用]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/73800050</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/73800050</guid><author>Nex_x</author><pubDate>Tue, 27 Jun 2017 15:26:09 +0800</pubDate><description><![CDATA[认识webpackwebpack是一个简单方便的模块打包工具，你可以利用webpack对你代码进行分块打包、代码转译。webpack是目前最流行的模块打包工具之一。 
更详细的介绍可以参照这里。注意：以下实例均为目前webpack的最新版本webpack 3.0。不同的版本，配置也会有些许不同，可以关注webpack官方网站的详细说明。安装webpack//安装到项目目录 并保存配置到package]]></description><category></category></item><item><title><![CDATA[前端自动化构建入门5-理解package.json文件]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/73770806</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/73770806</guid><author>Nex_x</author><pubDate>Tue, 27 Jun 2017 09:56:27 +0800</pubDate><description><![CDATA[概述每个项目的根目录下面，都需要有一个package.json文件，定义了这个项目所需要的各种依赖模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。 
下面对最常用的几个属性进行描述。如需了解更多，可以查看阮一峰老师的个人博客。scripts字段该属性字段指定了npm命令对应的完整的命令执行]]></description><category></category></item><item><title><![CDATA[前端自动化构建入门4-使用create-react-app建立一个React应用]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/73742267</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/73742267</guid><author>Nex_x</author><pubDate>Mon, 26 Jun 2017 17:34:40 +0800</pubDate><description><![CDATA[使用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]]></description><category></category></item><item><title><![CDATA[前端自动化构建入门3-在visual studio code中使用git]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/73741195</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/73741195</guid><author>Nex_x</author><pubDate>Mon, 26 Jun 2017 16:20:43 +0800</pubDate><description><![CDATA[在GitHub上建立自己的git库1.登录到github 
2.点击头像，点击Your profile 
3.点击Repositories选项卡 
4.点击New创建库，你可以选择创建public库，也可以选择创建private私有库（需要付费），此处仅作为在vsc中使用git的示例，选择public即可。5.创建完成后，即可在Your profile->Overview中看到你所创建的库，进入库中]]></description><category></category></item><item><title><![CDATA[前端自动化构建入门2-环境准备系列（node、git、vscode）]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/73740450</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/73740450</guid><author>Nex_x</author><pubDate>Mon, 26 Jun 2017 15:22:58 +0800</pubDate><description><![CDATA[目前前端开发都是基于node环境，此处介绍相关的环境准备，node、npm、git这些都是必不可少的，至于代码编辑器则有多种选择，此系列博客中以visual studio code为例。安装Node.js由于现在的前端开发都是基于node环境，故安装node是必不可少的。 
从NodeJs官网下载安装包直接进行安装，建议下载最新的偶数版本，奇数版本号的 Node.js 被认为是不稳定的开发版。安装完]]></description><category></category></item><item><title><![CDATA[前端自动化构建入门1-什么是前端自动化？]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/73733674</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/73733674</guid><author>Nex_x</author><pubDate>Mon, 26 Jun 2017 11:24:45 +0800</pubDate><description><![CDATA[如果你是前端开发人员，如果你现在还不知道前端自动化或者你还不会前端自动化，那么只能说明你身处一个传统行业的软件公司，常年写着jquery、用着各种各样的jquery插件、为浏览器兼容性而苦恼，或者说你不是一个合格的前端开发人员。什么是前端自动化构建？可以做什么？目前的前端开发早已不是简单的静态页面开发，日新月异的技术让人目不暇接，前端代码的编写方式也开始发生巨大的变化，越来越模块化、工程化。例如sa]]></description><category></category></item><item><title><![CDATA[js基础进阶2-3 面向对象（继承）]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/73733066</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/73733066</guid><author>Nex_x</author><pubDate>Mon, 26 Jun 2017 10:37:54 +0800</pubDate><description><![CDATA[继承是面向对象编程中必不可少的部分，前面说过js中没有明确定义类，自然也没有明确定义继承的方式，js中的继承是通过模仿实现的，js中的继承我理解为对象属性和方法的拷贝。 
本篇博客参考自w3cschool。继承的几种方式对象冒充之前说到了js中的继承可以理解为对象属性/方法的拷贝，当然我们无需使用对象的深拷贝方法，使用Function中的call/apply的方法可以很方便的实现。这2种方法基本相同]]></description><category></category></item><item><title><![CDATA[js基础进阶2-2 面向对象（类与对象的创建与使用）]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/73648298</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/73648298</guid><author>Nex_x</author><pubDate>Fri, 23 Jun 2017 15:25:05 +0800</pubDate><description><![CDATA[前言：上一篇文章js基础进阶2-1 面向对象（类与对象介绍）对类与对象的一些基本概念进行了描述，接下来进入类的创建与使用。 
由于js中并没有明确定义类，实现类的方式有很多种，本篇文章仅选取几个典型的做法进行说明。如果想要了解更多实现方式，请移步w3cschool，本篇文章亦是由此参考而作。原始的方式var oCar = new Object;
oCar.color = "blue";
oCar.d]]></description><category></category></item><item><title><![CDATA[js基础进阶2-1 面向对象（类与对象介绍）]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/73614691</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/73614691</guid><author>Nex_x</author><pubDate>Fri, 23 Jun 2017 11:16:13 +0800</pubDate><description><![CDATA[面向对象语言的要求：一种面向对象语言需要向开发者提供四种基本能力：
封装 - 把相关的信息（无论数据或方法）存储在对象中的能力
聚集 - 把一个对象存储在另一个对象内的能力
继承 - 由另一个类（或多个类）得来类的属性和方法的能力
多态 - 编写能以多种方法运行的函数或方法的能力 
ECMAScript 支持这些要求，因此可被是看做面向对象的。同时，面向对象的程序设计需要遵循以下5大基本原则：
单一]]></description><category></category></item><item><title><![CDATA[最好用的js前端框架、组件、文档在线预览插件]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/73608564</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/73608564</guid><author>Nex_x</author><pubDate>Thu, 22 Jun 2017 16:57:54 +0800</pubDate><description><![CDATA[这里收集的都是个人认为比较好的js框架、组件js前端ui框架此处列举出个人认为最好的几个框架（排序即排名），现在好点的框架商用都需要付费，以下几个也不例外，但是由于组件丰富，都可以作为企业应用的完整解决方案。
Kendo UI 
商用收费，组件丰富，界面简洁美观，有jquery和angular两个js的版本
Webix 
商用收费，组件丰富，界面特别美观
JQwidgets 
商用收费，丰富的组件，]]></description><category></category></item><item><title><![CDATA[JS基础进阶1 数据类型]]></title><link>https://blog.youkuaiyun.com/Nex_x/article/details/73604026</link><guid>https://blog.youkuaiyun.com/Nex_x/article/details/73604026</guid><author>Nex_x</author><pubDate>Thu, 22 Jun 2017 14:34:17 +0800</pubDate><description><![CDATA[JS基础进阶1 数据类型值类型ECMAScript 5 有 5 种原始类型（primitive type），即 Undefined、Null、Boolean、Number 和 String。 
 ECMAScript 6中新增加了一种类型 Symbol。通常你也可以叫它们为原始类型，或者基础数据类型。详情见w3cschool中的介绍引用类型ECMAScript 中的引用类型有Object 、Arra]]></description><category></category></item></channel></rss>