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. 耗电—Android

    Android应用耗电分析与优化 http://sanwen8.cn/p/297Ut7b.html http://www.cnblogs.com/kobe8/p/3819305.html 有效控制An ...

  2. Java的输入方式总结

    写java代码的时候,经常会遇到的情况就是输入输错了怎么办?大部分想的是用一个if判断,但是用if判断的话我们就无法让用户再次输入,因为if语句程序执行后就会直接退出程序.因此要想实现循环就要用whi ...

  3. 进程内部异步事件调用组件Async-Event

    项目坐标:https://github.com/cncduLee/async-event async-event 进程内部异步事件调用组件 解决什么问题: 加速服务处理效率.提供进程级别的事件发布和异 ...

  4. Django配合使用Jquery post方法

    Django使用jQuery的post方法需要解决两个问题: 1.Django中为了防止跨站请求,在post提交时都会带上csrf_token,利用Jquery进行post请求也需要:否则就会出现40 ...

  5. js 中histroy.back()与history.go()的区别

    样例: js6.jsp <%@ page language="java" import="java.util.*" pageEncoding=" ...

  6. APP支付报错ALI40247处理方案!

    简直日狗!这里要吐槽支付宝: 1.支付宝文档太复杂,分类虽然详细,但是我找不到app支付 对应服务端的demo 2.提供下载的sdk都是全整合的 用下来都是一条龙服务,还有一些客户端(app)的请求也 ...

  7. JSTL 操作符

    el表达式的取值默认顺序:     pageScope  requestScope  sessionScope  applicationScope     结构,采用.导航,也称为存取器   ${us ...

  8. Java 基础高级2 网络编程

    1.协议的概念:通信双方事先约定好的通信规则 2七层网络通信协议:应用成,表示层,会话层,传输层,网络层,数据链路层 3.TCP/IP协议:点对点通信,三层握手,安全有保证 4.UDP协议;广播协议, ...

  9. ABAP 特性值取数 非BAPI方式

    特性值在ausp,objnr  一般是客户号或是客户号拼接的,客户号加特征字段特征类别就可以取了

  10. 序列化，反序列化和transient关键字

    一.序列化和反序列化的概念 序列化:指把java对象转换为字节序列的过程. 反序列化:指把字节序列恢复为java对象的过程. 对象的序列化主要有两种用途: 1) 把对象的字节序列保存到硬盘上,通常存放 ...