Web前端综合
文章平均质量分 65
Nex_x
一个挣扎的程序员
展开
-
前端自动化构建入门5-理解package.json文件
概述每个项目的根目录下面,都需要有一个package.json文件,定义了这个项目所需要的各种依赖模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。 下面对最常用的几个属性进行描述。如需了解更多,可以查看阮一峰老师的个人博客。scripts字段该属性字段指定了npm命令对应的完整的命令执行原创 2017-06-27 09:56:27 · 1099 阅读 · 0 评论 -
前端自动化构建入门1-什么是前端自动化?
如果你是前端开发人员,如果你现在还不知道前端自动化或者你还不会前端自动化,那么只能说明你身处一个传统行业的软件公司,常年写着jquery、用着各种各样的jquery插件、为浏览器兼容性而苦恼,或者说你不是一个合格的前端开发人员。什么是前端自动化构建?可以做什么?目前的前端开发早已不是简单的静态页面开发,日新月异的技术让人目不暇接,前端代码的编写方式也开始发生巨大的变化,越来越模块化、工程化。例如sa原创 2017-06-26 11:24:45 · 3204 阅读 · 0 评论 -
前端自动化构建入门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 · 1085 阅读 · 0 评论 -
前端自动化构建入门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 · 1910 阅读 · 0 评论 -
前端自动化构建入门6-使用webpack改造我们的react应用
认识webpackwebpack是一个简单方便的模块打包工具,你可以利用webpack对你代码进行分块打包、代码转译。webpack是目前最流行的模块打包工具之一。 更详细的介绍可以参照这里。注意:以下实例均为目前webpack的最新版本webpack 3.0。不同的版本,配置也会有些许不同,可以关注webpack官方网站的详细说明。安装webpack//安装到项目目录 并保存配置到package原创 2017-06-27 15:26:09 · 1110 阅读 · 0 评论 -
前端自动化构建入门2-环境准备系列(node、git、vscode)
目前前端开发都是基于node环境,此处介绍相关的环境准备,node、npm、git这些都是必不可少的,至于代码编辑器则有多种选择,此系列博客中以visual studio code为例。安装Node.js由于现在的前端开发都是基于node环境,故安装node是必不可少的。 从NodeJs官网下载安装包直接进行安装,建议下载最新的偶数版本,奇数版本号的 Node.js 被认为是不稳定的开发版。安装完原创 2017-06-26 15:22:58 · 1278 阅读 · 0 评论 -
微前端探索,将前端微服务化
微前端探索背景前段时间开发了一个业务管理系统项目,项目中包含一系列功能,包括人员管理、机构部门、权限、功能维护等基本功能。于是乎,打算将这些基本的功能独立出来供其他业务系统使用。那么这个基础的项目应该具备以下特点:独立的代码库、便于更新迭代、完善的文档等。于是便有了微前端的想法,尽管可能实现方式诸多。什么是微前端微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 ...原创 2019-03-31 20:05:27 · 2433 阅读 · 1 评论