franks_t_d-CSDN博客

原创 vue-cli 3.0脚手架配置及扩展（六）：npm run serve 和 npm run build 拦截修改

修改文件为：path node_modules/@vue/cli-service/bin/vue-cli-service.js，该文件的修改基于vue-cli的版本为3.0.0-rc.2版本，这是node_modules内部文件，所以在升级vue-cli3.0时会被覆盖掉，所以建议存档，并且修改package.json中的本地开发依赖配置对象devDependencies，修改以‘@vue/’开头...

2018-06-20 20:03:10 24436 2

原创 vue-cli 3.0脚手架配置及扩展（五）：AppConf类

本类为config.app.js提供基础服务，主要业务为对外应用信息、页面信息、页面URL信息、baseUrl信息以及应用和页面是否存在校验服务代码如下，不懂可留言讨论：/** * @fileOverview app配置数据处理类 * @author Franks.T.D * @date 2018/06/17 */const [ appConfig, resolveConf,...

2018-06-20 00:06:07 3080 1

原创 vue-cli 3.0脚手架配置及扩展（四）：VueConf类

本类为vue.config.js提供基础服务，主要业务为根据当前命令获得有效的页面信息，将页面信息整合为多页数据结构，供vue.config.js文件使用；也同时提供baseUrl属性，因涉及到多应用会有多个baseURL，baseUrl属性在npm run serve时恒为dev，在npm run build时，因为构建必须制定一个应用名，所以baseURL为对应的config.app.js中的...

2018-06-19 23:55:40 4675

原创 vue-cli 3.0脚手架配置及扩展（三）：config.app.js应用目录配置

工程目录如图，config.app.js文件在src源码目录下config.app.js文件是我为了方便测试模拟的项目结构，代码如下：/** * @fileOverview app配置 * @author Franks.T.D * @date 2018/06/17 */module.exports = { APP_NAME: ['www', 'memberCenter'], // ...

2018-06-19 23:42:52 7899 1

原创 vue-cli 3.0脚手架配置及扩展（二）：vue.config.js多页配置

vue-cli 3.0官方支持多页，重点在于vue.config.js文件的配置，其中baseUrl和pages数据为VueConf基础类产生，VueConf类接受process.argv作为默认参数process.argv为bash窗口中我们输入的npm run * 命令，VueConf类对命令进行了再次包装，类文件后面fangch/** * @fileOverview app配置 * @a...

2018-06-19 23:26:49 38607 4

原创 vue-cli 3.0脚手架配置及扩展（一）：扩展说明

使用vue-cli2.0版本的vue脚手架一年多了，对脚手架扩展了一些功能，出于工作因素，无法直接分享。近期会利用下班时间对vue-cli 3.0版本的脚手架进行改造，扩展功能点较之前全部会进行重写，且进行再次优化。扩展功能点代码分步骤放出，因为本系列文章不定期更新，但每次放出系完整子功能点。先分享3个功能点吧扩展点改造vue项目为多页（多模块）、多应用，通用权限及底层前端服务改造npm run ...

2018-06-19 23:11:33 9386

原创 vue-cli 3.0 自定义vue.config.js文件，多页构建

使用自己基于vue-cli 2.X改造的前端多页脚手架有近1年多时间了，一直没机会升级3.0版本开始零零碎碎开始写一些功能，顺便分享一下const path = require('path')const glob = require('glob')/** 获取多页的入口脚本和模板 */const getPages = (() => { const [ globPathHtm...

2018-06-15 04:09:08 11359 4

原创 gulp前端自动化构建工具（四）：gulp文件路径处理模块

本gulp工具的一个方法包，主要接收gulp.src()中文件对象，对文件自身所在的物理路径及其内部资源引用的路径进行处理。

2016-10-11 14:30:02 7828

原创 gulp前端自动化构建工具（三）：gulp工具配置文件

本篇将对本工具的配置文件进行展示，配置代码中具有详细的注释，其中config-tool和config-apps需要配置gulpfile代码理解，下一篇文章将展示gulpfile的逻辑代码。

2016-10-09 16:18:52 2132

原创 gulp前端自动化构建工具（二）：gulp插件/gulp模块介绍

最全的gulp插件，都在本人的gulp工具中所用，gulp模块的安装方法请点击模块的介绍链接，推荐使用淘宝镜像的npm进行

2016-10-09 09:10:44 4074 1

原创 gulp前端自动化构建工具（一）：工具介绍和使用

本工具基础gulp自动化工具构建，可适用于整个前端开发时间线，使用时较简单，在配置完后输入自定义命令即可使用本工具。

2016-10-08 16:19:55 3096

原创支持seaJs和requireJs的前端模块开发方案（四）：AMD模式和CMD模式下的config.js

前一篇文章已经对加载器全局配置alias.js做了说明，请务必先阅读。本文将继续完善amd模式和amd模式下的config配置，同时贴出全部代码，代码不做详细的讲解，有不懂的可以留言提问。

2016-09-26 14:49:09 1329

原创支持seaJs和requireJs的前端模块开发方案（三）：加载器全局配置alias.js

前一篇文章已经对业务页面的配置及init.js入口已经做了功能说明，请务必先阅读。本文将对加载器（seaJs、requireJs）的全局配置alias.js文件进行讲解，同时贴出全部代码，代码不会详细的讲解，有不懂的可以留言提问。

2016-09-26 14:00:45 1415

原创支持seaJs和requireJs的前端模块开发方案（二）：业务页面和入口脚本init.js

前一篇文章已经对方案的基本作用、目录要求已经做了说明，请务必先阅读。本文将对业务页面以及业务页面需要引入的唯一脚本init.js进行讲解，同时贴出全部代码，代码不做详细的讲解，有不懂的可以留言提问。

2016-09-26 11:19:23 585

原创支持seaJs和requireJs的前端模块开发方案（一）：方案介绍

本系列文章将介绍本人开发并在使用一套前端模块化开发方案，支持seaJs和requireJs两种模块模式。方案适合多前端人员同时开发协作，也适合个人单独使用。

2016-09-26 09:59:35 568

原创 Github建立自己的项目-简要教程

新手步骤（非使用本人的gulp工具，省略第14、15步骤，实际上为项目操作步骤了）安装nodejs（V4.x版本以上），输入node –v 和 npm –v 查看是否安装成功安装git，输入git –version 查看是否安装成功注册github账号本地绑定github权限，执行 $ git config –global user.name“你的昵称”，输入$ git conf

2016-09-25 17:34:04 459

原创阿里2016前端开发工程师笔试 - 布局之左侧自动宽度右侧固定宽度

左侧相应区子层1 左侧相应区子层2 右侧固定区 .demo{ width:100%; height:500px; } .container{ float: left; width:100%; height:100%;

2016-09-25 11:03:06 406

原创阿里2016前端开发工程师笔试 - 关于斐波那契（fibonacci）数列的JS写法解答

9、[问答题]题目描述请实现一个fibonacci函数，要求其参数和返回值如下所示：/***@desc: fibonacci*@param: count {Number}*@return: result {Number} 第count个fibonacci值，计数从0开始fibonacci数列为：[1, 1, 2, 3, 5, 8, 13, 21, 34 …]则g

2016-09-25 09:17:38 2699

Franks.T.D