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. MIPI协议学习总结(一)【转】

    转自:https://www.cnblogs.com/EaIE099/p/5200341.html 一.MIPI 简介: MIPI(移动行业处理器接口)是Mobile Industry Process ...

  2. ppp 完全理解（二）【转】

    转自:https://blog.csdn.net/tianruxishui/article/details/44057717 ppp 完全理解(二) pppd 协议及代码分析 作者:李圳均 日期:20 ...

  3. HttpResonse 要记得关闭

    写了一个小程序,要识别网站上的图片,用到HttpRequest发请求,HttpResponse接受返回数据.刚开始循环可以跑两个,但是总是提示超时.后来查资料发现,在Http协议中,规定了同个Http ...

  4. 查询设备的IP地址/掩码/MAC/网关

    import commands, sys import platform from _utils.patrol2 import run_cmd, data_format, report_format ...

  5. MinGW GCC 6.3.0 2017年3月份出炉啦

    MSYS_MinGW-w64_GCC_630_x86-x64_Full 发布日期: 2017-03-07 08:48 68264 KB 下载地址: http://xhmikosr.1f0.de/too ...

  6. 通过python操作smtplib模块发送邮件

    # gconf.py SMTP_SERVER_HOST='smtp.exmail.qq.com' SMTP_SERVER_PORT=25 SMTP_USER='jack@qq.com' # 邮箱客户端 ...

  7. thinkphp中的内置操作数据库与mysql中的函数汇总

    8.4.4 Model类getModelName() 获取当前Model的名称getTableName() 获取当前Model的数据表名称switchModel(type,vars=array()) ...

  8. MicroPython的开发板

    比如: pyboard micro:bit ESP8266/ESP32 stm32等等 什么是pyboard? pyboard是官方的MicroPython微控制器板,完全支持软件功能.硬件有: ST ...

  9. 配置 Confluence 6 安全的最佳实践

    让一个系统能够变得更加坚固的最好办法是将系统独立出来.请参考你公司的安全管理策略和相关人员来找到你公司应该采用何种安全策略.这里有很多事情需要我们考虑,例如考虑如何安装我们的操作系统,应用服务器,数据 ...

  10. Confluence 6 包括从其他 Confluence 服务器上来的通知

    Confluence workbox 可以显示从 Confluence 服务器上发送过来的消息. 让我们假设你有 2 个 Confluence 服务器, ConfluenceChatty 和 Conf ...