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\\_\/\.\-()·]/, '')

      }

pp 总结二的更多相关文章

  1. cglib动态代理

    代理即为访问对象添加一层控制层,使其间接化,控制层可以为对象访问添加操作属性. cglib:Code Generation library, 基于ASM(java字节码操作码)的高性能代码生成包 被许 ...

  2. JAVA基础学习day17--集合工具类-Collections

    一.Collection简述 1.1.Collection与Collections的区别 Collections是集合的静态工具类 Collection:是集合的顶级接口 二.Sort 2.1.sor ...

  3. ACM数论之旅6---数论倒数，又称逆元（我整个人都倒了(￣﹏￣)）

    数论倒数,又称逆元(因为我说习惯逆元了,下面我都说逆元) 数论中的倒数是有特别的意义滴 你以为a的倒数在数论中还是1/a吗 (・∀・)哼哼~天真 先来引入求余概念 (a +  b) % p = (a% ...

  4. C++与C的区别一

    1. C++风格数组初始化: #include <iostream> #include <array> using namespace std; void main() { / ...

  5. java web学习总结(二十八) -------------------JSP中的JavaBean

    一.什么是JavaBean JavaBean是一个遵循特定写法的Java类,它通常具有如下特点: 这个Java类必须具有一个无参的构造函数 属性必须私有化. 私有化的属性必须通过public类型的方法 ...

  6. java web学习总结(二十七) -------------------JSP标签介绍

    一.JSP标签介绍 JSP标签也称之为Jsp Action(JSP动作)元素,它用于在Jsp页面中提供业务逻辑功能,避免在JSP页面中直接编写java代码,造成jsp页面难以维护. 二.JSP常用标签 ...

  7. java web学习总结(二十六) -------------------JSP属性范围

    所谓的属性范围就是一个属性设置之后,可以经过多少个其他页面后仍然可以访问的保存范围. 一.JSP属性范围 JSP中提供了四种属性范围,四种属性范围分别指以下四种: 当前页:一个属性只能在一个页面中取得 ...

  8. Python之路Day19-Django(二)

    本节内容概要: 一.路由系统URL 二.视图 三.模板 四.ORM操作 问题1:Django请求生命周期 -> URL对应关系(匹配) -> 视图函数 -> 返回用户字符串 -> ...

  9. java web学习总结(二十一) -------------------模拟Servlet3.0使用注解的方式配置Servlet

    一.Servlet的传统配置方式 在JavaWeb开发中, 每次编写一个Servlet都需要在web.xml文件中进行配置,如下所示: 1 <servlet> 2 <servlet- ...

随机推荐

  1. 在 uniGUI 中实现自动弹窗后延迟几秒关闭 — Toast 功能

    在 uniGUI 中实现自动弹窗后延迟几秒关闭 — Toast 功能. uniGUI 的客户端使用 EXTJS 6 ,本就有 Toast 功能. 但UniGui 官方没有相应的控件,我们如何使用 EX ...

  2. events.py 知识点记录

    1.__all__ __all__是一个字符串list,其他模块中使用from xxx import *的时候只能导入__all__列表里的内容 2.sys.version_info 获取版本号 im ...

  3. 【转】drop、truncate和delete的区别

    (1)DELETE语句执行删除的过程是每次从表中删除一行,并且同时将该行的删除操作作为事务记录在日志中保存以便进行回滚操作. TRUNCATE TABLE 则一次性地从表中删除所有的数据并不把单独的删 ...

  4. 数字证书及CA的扫盲介绍

    ★ 先说一个通俗的例子 考虑到证书体系的相关知识比较枯燥.晦涩.俺先拿一个通俗的例子来说事儿. ◇ 普通的介绍信 想必大伙儿都听说过介绍信的例子吧?假设 A 公司的张三先生要到 B 公司去拜访,但是 ...

  5. zabbix-3.0.4添加对windows 2008r2的监控

    zabbix-3.0.4添加对windows 2008r2的监控 一.windows客户端的配置关闭windows防火墙或者开通10050和10051端口(1).关闭防火墙(不推荐直接关闭,测试可以这 ...

  6. ebs 12.1.1打中文补丁

    环境变量设置 oracle 用户,应用env环境变量 . /u01/app/db/tech_st/11.1.0/PROD_erpapp1.env alias s='sqlplus / as sysdb ...

  7. mysqlfrm初步使用

    这个工具也就是读取frm文件生成建表语句默认的模式是再生个实例,使用--basedir选项或指定--server选项来连接到已经安装的实例.这种过程不会改变原始的.frm文件.该模式也需要指定--po ...

  8. iptables防护CC和DDos和PPTP穿透脚本

    一.iptables优化脚本案例 #!/bin/bash #脚本下载地址:#wget www.mrliangqi.com/pack/shell/iptables.sh #脚本使用:#bash ipta ...

  9. table中border-collapse的问题

    在table中,如果设置了border-collapse: collapse;,边框会合并,这时你修改top或bottom的颜色,会有问题 解决办法是:border-collapse: separat ...

  10. 打包APP

    记得之前网上也有app打包平台,但是都会有所限制,或者增加广告等等,这里呢,介绍一款工具,可以自己将网站打包成app. wex5 (WeX5开源免费跨端开发工具-html5 app开发就用WeX5)官 ...