10 2017 档案
摘要:1.ionic 修改应用名称 2.启动页打开后会在图片消失会出现一小段黑屏的时间 解决方法: 首先,启动页的图片消失时间默认是在config.xml配置的 也就是3s后自动消失,但是往往这个时候,app的资源还没有加载完整,所以,会在消失后显示一小段时间黑屏; 因此,我们不要让他在config.xm
阅读全文
摘要:简介 Gulp是一个基于流的自动化构建器。 安装 创建文件 gulpfile.js 运行 功能说明 jshint插件基本用法: 比较全的用法: Ionic 项目中使用gulp 之所以单独介绍下Ionic中使用gulp,是因为Ionic本身带了gulp,其脚本在生成的项目ionic目录下。 原始内容如
阅读全文
摘要:一、SPA中路由的简单实现 main.js App.vue page01.vue page02.vue 实现步骤: 二、路由的跳转 router-link router-link 标签用于页面的跳转 点击这个router-link标签router-view就会渲染路径为/page01的页面。注意:r
阅读全文
摘要:1.今天在使用 mt-checklist 时,发现 绑定 change 方法后,第一次点击返回的值为 空数组 原因: 版本2 中 抛弃了 change 方法,需要通过 watch 进行监听。 解决方案: watch 监听数据变化 2.this 指针偏转 通过 解决。 例如: 3.动态生成 两个mt-
阅读全文
摘要:1.小于8K的图片将直接以base64的形式内联在代码中,可以减少一次http请求。 2.大于8k的呢?则直接file-loader打包, 这里并没有写明file-loader.但是确实是需要安装,否则会有问题.而name也是file-loader的属性. 重复一次 必须安装file-loader:
阅读全文
摘要:死亡白屏(White Screen of Death) 我想“死亡白屏”应该是不需要解释的,开发过ionic app的童鞋应该都有遇到过,这里解释以防读者没有听说过:“可能在浏览器中调试时一切正常,当你在真机或模拟器上测试时不正常,当app启动时只有空白的页面”。 在我的开发中,死亡白屏经常是因为缺
阅读全文
摘要:vue官网解释: 一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。Vue 实例将会在实例化时调用 $watch(),遍历 watch 对象的每一个属性。 也就是说watch可以监听对象的变化,规则是键值对方式。 this.$nextTick :vue生命周期方
阅读全文
摘要:封装 axios 工具,编辑 src/api/index.js 文件 首先,我们要使用 axios 工具,就必须先安装 axios 工具。执行下面的命令进行安装 这样,我们就安装好了 axios 工具了。 新建了一个 src/api/index.js 好,我们写好这个文件之后,保存。 调整 main
阅读全文
摘要:1.vue2.0 封装 侧滑菜单组件 Sidebar.vue 2.父组件 调用 home.vue 3.效果图
阅读全文
摘要:此篇文章,接 koajs 项目实战(一)后写 (六)表单提交和参数接收 表单: koa1: users.js koa2: users.js 注:router.all() 既接收 get 方式传参,也接收 post 方式传参。 (七)mongoose 连接 mongodb 1.项目下安装 mongod
阅读全文
摘要:vue组件代码 exif.js代码 . .
阅读全文
摘要:vue代码 qrcode.js代码 .
阅读全文
摘要:vue1.*版本中 在标签中加上el='dom',然后在代码中this.$els.dom这样就拿到了页面元素 例如:<div class='box' el='myBox'>你好</div> 让你好的颜色显示为红色:this.$els.myBox.style.color = 'red' vue2.*版
阅读全文
摘要:传递参数的方法:1.Params 由于动态路由也是传递params的,所以在 this.$router.push() 方法中 path不能和params一起使用,否则params将无效。需要用name来指定页面。 及通过路由配置的name属性访问 在路由配置文件中定义参数: 通过name获取页面,传
阅读全文
摘要:1.自定义 modal Modal.vue 解释: (1)通过 watch 监听 子组件的数据变化 (2)通过 $emit 子组件 向 父组件 传值 2.父组件 调用 father.vue 解释: (1)通过 :show="showModal" 父组件 向 子组件 传值 (2)通过 v-on:lis
阅读全文
摘要:1.[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or comp
阅读全文
摘要:(一)koa 1.Koa(koajs)-- 基于 Node.js 平台的下一代 web 开发框架 koa1 koa2 2.koajs 框架解决的问题 解决了 Express 中具有的回调陷阱问题,大大优化了开发体验。 koa1: Generator + yield es6 示例: index.js
阅读全文
摘要:数据库建表 1.打开 MySQL 终端 2.查看所有数据库 3.创建数据库 4.进入数据库 5.创建数据表 6.查看数据表 .
阅读全文
摘要:axios 用法: 1.安装 2.导入 3.使用 4. vue2.0 子组件和父组件之间的传值 Vue是一个轻量级的渐进式框架,对于它的一些特性和优点在此就不做赘述,本篇文章主要来探讨一下Vue子父组件通信的问题 环境搭建步骤: 打开git ,运行 npm install --global vue-
阅读全文
摘要:搭建koa2服务端 安装两个版本的koa 一、版本安装 1.安装 koa1 注:必须安装到全局 2.安装 koa2 二、创建项目 1.安装 koa 生成器 (koa1 和 koa2 都用此生成器) 2. koa1 生成一个 test 项目,切到 test 目录并下载依赖 3.创建 koa2 项目 k
阅读全文
摘要:登录注册模态框 注: [Vue warn]: Do not use built-in or reserved HTML elements as component id: diaLog 原因:diaLog 组件名 与 HTML元素名称 重复,将 组件名 改为 diaLoger 即可。 1.封装 可复
阅读全文
摘要:elementUI界面布局 1.创建 HeadBar 组件 HeadBar.vue 2.引用 3.效果图
阅读全文
摘要:前端采用vuex+element-ui;后端采用koa2+restfulAPI+sequlize; (一)项目介绍 宠物社区 1.社区 2.好友 3.说说 4.宠粮 5.健康 (二)项目框架 1.Vue.js 2.Vuex 框架 3.Element UI 4.Axios 交互 5.Koa2 + es
阅读全文
摘要:mapMutations 工具函数会将 store 中的 commit 方法映射到组件的 methods 中。和 mapActions 的功能几乎一样,我们来直接看它的实现: 函数的实现几乎也和 mapActions 一样,唯一差别就是映射的是 store 的 commit 方法。为了更直观地理解,
阅读全文
摘要:mapActions 工具函数会将 store 中的 dispatch 方法映射到组件的 methods 中。和 mapState、mapGetters 也类似,只不过它映射的地方不是计算属性,而是组件的 methods 对象上。我们来直接看它的实现: 可以看到,函数的实现套路和 mapState、
阅读全文
摘要:mapGetters 工具函数会将 store 中的 getter 映射到局部计算属性中。它的功能和 mapState 非常类似,我们来直接看它的实现: mapGetters 的实现也和 mapState 很类似,不同的是它的 val 不能是函数,只能是一个字符串,而且会检查 val in this
阅读全文
摘要:辅助函数 Vuex 除了提供我们 Store 对象外,还对外提供了一系列的辅助函数,方便我们在代码中使用 Vuex,提供了操作 store 的各种属性的一系列语法糖,下面我们来一起看一下: mapState mapState 工具函数会将 store 中的 state 映射到局部计算属性中。为了更好
阅读全文
摘要:在Eclipse中安装pydev插件 启动Eclipse, 点击Help->Install New Software... 在弹出的对话框中,点Add 按钮。 Name中填:Pydev, Location中填http://pydev.org/updates 然后一步一步装下去。 如果装的过程中,报错
阅读全文
摘要:1.查看电脑 的 系统类型: 点击 "计算机" -- 选择 "系统属性" -- 查看 "系统类型" 注:我的是 64位操作系统 2.登录官网下载相应的版本 https://www.python.org/ 点击 "Downloads" -- 选择 "Windows" 3.安装 步骤一: 步骤二: 步骤
阅读全文
摘要:1.v-model指令 Vue控制id="box"这个DIV元素,同时在 HTML模板上使用双花括号{{xxxx}}语法,来访问data中定义的数据。通过v-model 指令,我们把msg 数据绑定到了input文本框,我们修改文本框的值,发现msg 数据改变了。 2.注意:定义的数据是数组或者js
阅读全文
摘要:需求:数据msg值为12345,我们现在需要反向显示成54321。 1.在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。例如: 效果图: Vue提供computed的方式。例如: 效果图: 同样的可以达到效果! 注: 但是这边的reMsg
阅读全文