1. return false   ES6函数的扩展：箭头函数  数组 arr.map()   arr.filter()

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<script>

  var o = {

      num (a) {

          if(a>4){

              a=1;

              return false;   // return false 表示 不执行了。

          }

          a=10;

          return a;

      }

  }

  console.log(o.num(21));   //  false

  var arr = [1,2,3];

  console.log(arr.map(x => x * x));  // 相当于for循环

  console.log(arr.filter(x => x > 1)); // 过滤条件  把x>1的过滤出来 【2，3】

  //函数的扩展，箭头函数

  var f = x=>x*12;

  console.log(f(2));

  var f2 = ()=>10;

  console.log(f2());

  var f3 = (a,b)=>a+b;

  console.log(f3(4, 5));

</script>

</body>

</html>

2.  Test.vue   TestOne.vue 路由传值等

Test.vue

<template>

  {{mes}}

  <button @click="test">btn</button>

  <group>

    <x-input

      title='名字'

      placeholder='请输入你的名字'

      :value.sync="name">

    </x-input>

    <x-input

      title='爱好'

      placeholder='请输入你的爱好'

      :value.sync="hobby">

    </x-input>

    <x-button type="primary" @click="goToTestOne">立即申请</x-button>

  </group>

  <div>

    <img :src="arrowSrc" alt="">

    <p :class="{'red-font':isRed}">红色字体</p>

  </div>

</template>

<style>

  .red-font{color:red;}

</style>

<script>

  export default{

    components: {

      Group: require('vux-components/group'),

      XInput: require('vux-components/x-input'),

      XButton: require('vux-components/x-button')

    },

    data () {

      return {

        name: '',

        hobby: '',

        mes: '123234',

        arrowSrc: require('../assets/images/helper/help-arrow-down.png'),

        isRed: true

      }

    },

    methods: {

      test () {

//        this.$data.mes = '456'

        this.$set('mes', '中国')    //   两种写法

      },

      goToTestOne () {

//        this.$router.go('/testOne')

        this.$router.go({path: '/testOne', query: {name: this.$data.name, hobby: this.$data.hobby}})

      }

    }

  }

</script>

Test.vue

TestOne.vue

<template>

  {{mes}}

  <p>{{name}}</p>

  <p>{{hobby}}</p>

</template>

<script>

  export default{

    data () {

      return {

        name: '',

        hobby: '',

        mes: '123234'

      }

    },

    created () {          //  用  create ()

      this.$data.name = this.$route.query.name        // 注意这里是 $route  没有'r'

      this.$data.hobby = this.$route.query.hobby

    }

  }

</script>

TestOne.vue

3. 判断 变量 a 是否未定义 undefined

<script>

  if (typeof(a) !== 'undefined') {

    console.log(a);

  } else {

    console.log(111);

  }

  </script>
// good

if (typeof person === 'undefined') {

  ...

}

4.限制 Input 只能输入  a-zA-Z0-9 - /\ 汉字等

@keyup="validInput()"

    validInput () {

        this.$data.address = this.$data.address.replace(/[^A-Za-z0-9\u4e00-\u9fa5\\_\/\.\-()·]/, '')

      }

ppmoney 总结二的更多相关文章

  1. 【小程序分享篇 二 】web在线踢人小程序，维持用户只能在一个台电脑持登录状态

    最近离职了, 突然记起来还一个小功能没做, 想想也挺简单,留下代码和思路给同事做个参考. 换工作心里挺忐忑, 对未来也充满了憧憬与担忧.(虽然已是老人, 换了N次工作了,但每次心里都和忐忑). 写写代 ...

  2. 前端开发中SEO的十二条总结

    一. 合理使用title, description, keywords二. 合理使用h1 - h6, h1标签的权重很高, 注意使用频率三. 列表代码使用ul, 重要文字使用strong标签四. 图片 ...

  3. 【疯狂造轮子-iOS】JSON转Model系列之二

    [疯狂造轮子-iOS]JSON转Model系列之二 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 上一篇<[疯狂造轮子-iOS]JSON转Model系列之一> ...

  4. 【原】Android热更新开源项目Tinker源码解析系列之二:资源文件热更新

    上一篇文章介绍了Dex文件的热更新流程,本文将会分析Tinker中对资源文件的热更新流程. 同Dex,资源文件的热更新同样包括三个部分:资源补丁生成,资源补丁合成及资源补丁加载. 本系列将从以下三个方 ...

  5. 谈谈一些有趣的CSS题目（十二）-- 你该知道的字体 font-family

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...

  6. MIP改造常见问题二十问

    在MIP推出后,我们收到了很多站长的疑问和顾虑.我们将所有疑问和顾虑归纳为以下二十个问题,希望对大家理解 MIP 有帮助. 1.MIP 化后对其他搜索引擎抓取收录以及 SEO 的影响如何? 答:在原页 ...

  7. 如何一步一步用DDD设计一个电商网站（二）—— 项目架构

    阅读目录 前言 六边形架构 终于开始建项目了 DDD中的3个臭皮匠 CQRS(Command Query Responsibility Segregation) 结语 一.前言 上一篇我们讲了DDD的 ...

  8. ASP.NET Core 之 Identity 入门（二）

    前言 在 上篇文章 中讲了关于 Identity 需要了解的单词以及相对应的几个知识点,并且知道了Identity处在整个登入流程中的位置,本篇主要是在 .NET 整个认证系统中比较重要的一个环节,就 ...

  9. MVVM模式和在WPF中的实现（二）数据绑定

    MVVM模式解析和在WPF中的实现(二) 数据绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...

随机推荐

  1. 机器学习——AdaBoost元算法

    当做重要决定时,我们可能会考虑吸取多个专家而不只是一个人的意见.机器学习处理问题也是这样,这就是元算法(meta-algorithm)背后的思路. 元算法是对其他算法进行组合的一种方式,其中最流行的一 ...

  2. [01] cocos2d-x开发环境搭建

    cocos2d-x 是跨平台的游戏开发引擎,支持的平台有 ios , android , windows phone , web , tizen,windows等. 先来搭建开发环境,一般我们开发游戏 ...

  3. 耗时两月，NHibernate系列出炉

    写在前面 这篇总结本来是昨天要写的,可昨天大学班长来视察工作,多喝了点,回来就倒头就睡了,也就把这篇总结的文章拖到了今天. nhibernate系列从开始着手写,到现在前后耗费大概两个月的时间,通过总 ...

  4. Node.js API 初解读（二）

    四. Cluster 1.简介 在介绍 Cluster 之前.我们需要知道 node的 一些基本特性,比如说 都知道的 nodejs最大的特点就是单进程.无阻塞运行,并且是异步事件驱动的. 那么随之而 ...

  5. visio二次开发——图纸解析之形状

    今天有空,下班前补齐解析visio图形形状的方法,包含图形背景色.字体颜色.备注信息.形状数据取值. /// <summary> /// 设置形状的选择属性 /// </summar ...

  6. CAS环境搭建

    实验背景: 系统环境: Windows XP  |  SUN JDK1.6U4 | Tomcat6.0.14 | CAS Server 3.1.1 + CAS Client 2.1.1 主机完整名称: ...

  7. MATLAB-RSP 随笔

    1.Getting Started with Signal Analyzer App 161216 (1) 在命令行中输入:signalAnalyzer. (2)在工作空间中选择要分析的信号

  8. TinkPad E40 CentOS 6.5 无线网卡驱动 RTL8191SEvB 安装

    最近把一台老本TinkPad E40 安装了CentOS 6.5 其他都没什么问题,唯独没有无线网卡驱动. 通过命令: lspci | grep Network 查看无线网卡型号: 然后去瑞昱官网找驱 ...

  9. iis虚拟目录实现分布式文件服务器

    前提:假定有2台服务器:服务器a和服务器b,则服务器a和b须在同一局域网内 服务器设定:a为web服务器,b为文件服务器.这里服务器环境是:Windows Server 2008 R2 大致步骤如下: ...

  10. WebApp开发之--"rem"单位

    随着web app的兴起,rem这是个低调的css单位,近一两年开始崭露头角,有许多朋友对于它的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了.但是我认为rem是用来做web app它绝对是 ...