02 2018 档案

摘要:自定义一个全局Loading组件,并使用:总结目录:|-components |-loading |-index.js 导出组件,并且install |-loading.vue 定义Loading组件 1.components/loading/index.js 2.components/loadin 阅读全文
posted @ 2018-02-28 18:25 AlanTao 编辑
摘要:一.安装sass依赖包 二.修改 style标签添加lang属性 三.npm编译 四.如果失败 则打开build文件夹下面的webpack.base.config.js添加 阅读全文
posted @ 2018-02-28 15:20 AlanTao 编辑
摘要:一.UI组件 目的: 提高开发效率, 别人提供好一切, 拿过来直接用饿了么团队开源一个基于vue组件库 Element-UI ==> pc端 文档: http://element-cn.eleme.io/#/zh-CN/component/installation 二.安装模板 1.安装elemen 阅读全文
posted @ 2018-02-28 15:11 AlanTao 编辑
摘要:一.NPM安装的jQuery 使用vue-cli构建的vue项目,需要修改的是build/webpack.base.conf.js 1.添加引入webpack,后面的plugins那里需要 2.增加一个plugins 参考: https://segmentfault.com/a/1190000007 阅读全文
posted @ 2018-02-27 17:52 AlanTao 编辑
摘要:一.vue路由https://router.vuejs.org/zh-cn/1.bower下载vue-routervue的里的链接 1.引入vue与vue-router HTML vue.js 二.vue路由嵌套 三.有参数的路由, $route.params 四.路由实例方法 阅读全文
posted @ 2018-02-27 11:30 AlanTao 编辑
摘要:一.vue-loader与vue-router配合 二.生成vue-webpack模板 三.生成路由实例 src/App.vue src/main.js src/router.config.js (路由控制) components/Home.vue components/News.vue 阅读全文
posted @ 2018-02-27 11:25 AlanTao 编辑
摘要:1.使用VS Code 出现如下问题,如图 Vue 2.2.0+的版本里,当在组件中使用v-for时,key是必须的。 2.更改vetur配置 vscode->文件->首选项->用户设置 找到 "vetur.validation.template" 改为false 阅读全文
posted @ 2018-02-26 15:21 AlanTao 编辑
摘要:一.使用<transition name="fade"></transition>标签 name="fade", 是创建个fade的类名写在css中 CSS: 在进入/离开的过渡中,会有 6 个 class 切换。 v-enter:定义进入过渡的开始状态。在元素被插入时生效,在下一个帧移除。 v-e 阅读全文
posted @ 2018-02-26 11:45 AlanTao 编辑
摘要:一.父组件传递数据给子组件 1.父组件App.vue 2.子组件Menu.vue想要拿到父组件数据: 使用props["parentDate"] components/Menu.vue 二.子组件更改父组件的数据 vue2.0子组件不能更改父组件的数据, 如果想的话,父组件传个对象给子组件父组件每次 阅读全文
posted @ 2018-02-24 14:24 AlanTao 编辑
摘要:1.beforeCreate // 组件实例刚刚被创建2.created // 实例已经创建完成3.beforeMount // 模板编译之前4.mounted // 模板编译完成5.beforeUpdate // 组件更新之前6.updated // 组件更新之后7.beforeDestroy / 阅读全文
posted @ 2018-02-24 14:19 AlanTao 编辑
摘要:一.全局组件 二.局部定义 阅读全文
posted @ 2018-02-24 14:16 AlanTao 编辑
摘要:集成项目模板 vue-cli构建SPA应用 1.安装vue-cli 2.安装模板 3.安装依赖 4.启动 阅读全文
posted @ 2018-02-24 14:14 AlanTao 编辑
摘要:4种方法 阅读全文
posted @ 2018-02-24 11:53 AlanTao 编辑
摘要:一.模块加载器 .vue文件 ==> 需要用webpack编译成浏览器可读文件 vue组件代码, 三块代码 二.不使用vue-cli来创建, 手动创建 1..初如化package.json 生成vue-loader-demo目录 删除目录 2.vue-loader-demo创建以下文件 3.webp 阅读全文
posted @ 2018-02-22 17:19 AlanTao 编辑
摘要:我们先来看看今天的目标: mmjpg.com的美腿频道下的图片 一、实现步骤 使用superagent库来获取页面分析页面结构,使用cheerio 获取有效信息保存图片到本地开撸不断优化 这儿我们用到了superagent cheerio fs-extra这三个库 1.superagent 是nod 阅读全文
posted @ 2018-02-13 14:33 AlanTao 编辑
摘要:一.fs-extra 文件管理 1.创建一个目录 创建目录 2.删除一个空目录 3.读取一个目录 4、复制文件 5.移动文件、目录, 会删除以前的, 等于改名 6.删除文件、目录 7.创建文件、目录 8.写入文件, 写入txt.文件时, "\r\n"是断行 // 下载某图片到指定目录 阅读全文
posted @ 2018-02-13 14:19 AlanTao 编辑
摘要:一.path模块 https://nodejs.org/docs/latest/api/path.html#path_path_join_paths 1.join方法 ==> 该方法将多个参数值字符串结合成一个路径字符串,使用方式如下: path.join([path1], [path2], [.. 阅读全文
posted @ 2018-02-13 14:15 AlanTao 编辑
摘要:三.cheerio ==> node中的jquery https://www.npmjs.com/package/cheerio 1.cheerio.load ==> 加载HTML文档 阅读全文
posted @ 2018-02-13 14:07 AlanTao 编辑
摘要:一. async 与await (https://segmentfault.com/a/1190000007535316) 1.async 是“异步”的简写,而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的,而 awai 阅读全文
posted @ 2018-02-13 13:51 AlanTao 编辑
摘要:一.HTTP模块SuperAgent (http://visionmedia.github.io/superagent/) 1.superagent它是一个强大并且可读性很好的轻量级ajaxAPI,是一个关于HTTP方面的一个库,而且它可以将链式写法玩的出神入化。 2.superagent可以帮你解 阅读全文
posted @ 2018-02-13 13:49 AlanTao 编辑

点击右上角即可分享
微信分享提示