摘要: 前端自动化之webstrom 在刚接触前端的时候,使用的就一直是webstrom,版本是webstrom 8. 前端自动画使用的时候,因为webstrom 8版本是没有集成gulp的。所以每次使用都默默跑到Hbuild中使用。 实际最近在webstrom 12中找到了简单的方法,就连cmd都省了。 阅读全文
posted @ 2017-09-19 20:39 莫小龙 阅读(328) 评论(0) 推荐(0)
摘要: 前端生成pdf文件之pdfmake.js pdfmake.js是一个简单的生成pdf文件的插件。 pdfmake.js https://files.cnblogs.com/files/s313139232/pdfmake.min.js 代码也很简单: html文件: 代码中会引用两个技术,pdfma 阅读全文
posted @ 2017-09-18 20:56 莫小龙 阅读(13713) 评论(0) 推荐(0)
摘要: 前端自动化之ts编译 gulp引用包:gulp-tsc gulpfiles.js代码: 然后在serve中监控ts代码的改变并编译 阅读全文
posted @ 2017-09-18 15:55 莫小龙 阅读(3049) 评论(0) 推荐(0)
摘要: javascript中的立即执行函数(function(){…})() 深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是用(function(){…})()包住业务代码,使用jquery时比较常见。 ( function(){…} )()和( functio 阅读全文
posted @ 2017-09-17 20:53 莫小龙 阅读(377) 评论(0) 推荐(0)
摘要: 前端自动化之gulp 前题:1.安装好nodejs环境,或者nvm 2.安装npm包管理工具 简介: 可以自动的将开发阶段的代码进行压缩、合并、编译、加密等处理,生成项目提交的代码。 使用: gulpfile.js文件编写的api较少,只有5个,可查看api自行编写。 http://www.gulp 阅读全文
posted @ 2017-09-17 10:55 莫小龙 阅读(184) 评论(0) 推荐(0)
摘要: 前端自动化之项目搭建 1.先安装全局的gulp $ npm install --global gulp 2.npm初始化,在项目内创建package.json文件 npm init 3.项目文件路径下,将gulp安装到本地项目内。 $ npm install --save gulp //--save 阅读全文
posted @ 2017-09-15 11:02 莫小龙 阅读(192) 评论(0) 推荐(0)
摘要: angular结合echarts创建图表 原理: 利用angularjs中的指令(directive)将echarts封装。 步骤: 1.封装函数: app.directive('line', function() { return { restrict: 'E', template: '<div 阅读全文
posted @ 2017-09-14 11:19 莫小龙 阅读(4442) 评论(0) 推荐(0)
摘要: 前端自动化之npm npm——node依赖包管理工具 安装: 1.在nvm目录下复制npm和npm-cath文件夹 2.配置环境变量。 使用: 1.在项目文件夹,shift+右键打开命令窗口 2.npm init 创建package.json文件 3.npm install bootstrap 下载 阅读全文
posted @ 2017-09-12 20:29 莫小龙 阅读(297) 评论(0) 推荐(0)
摘要: nvm ——node环境版本控制工具。 1.解压安装包 2.打开setting文件,修改文件内容 root:当前nvm所在的路径 path:将root路径的nvm改为nodejs arch:64位系统 3.配置环境变量 将第二步的两个路径配置为环境变量。 4.在nvm目录中,shift+右键,此处打 阅读全文
posted @ 2017-09-12 19:11 莫小龙 阅读(362) 评论(0) 推荐(0)
摘要: 前端自动化总流程 1.安装nvm(安装node环境) node环境可以直接用.msi文件安装,但通常不这样做。 因为node环境版本较多,所以安装版本管理工具: nvm 2.安装npm node依赖包管理工具。 3.安装gulp 4.创建项目 4.1 npm初始化 4.2 gulp项目本地安装 4. 阅读全文
posted @ 2017-09-12 19:10 莫小龙 阅读(360) 评论(0) 推荐(0)