pp 总结二
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 总结二的更多相关文章
- cglib动态代理
代理即为访问对象添加一层控制层,使其间接化,控制层可以为对象访问添加操作属性. cglib:Code Generation library, 基于ASM(java字节码操作码)的高性能代码生成包 被许 ...
- JAVA基础学习day17--集合工具类-Collections
一.Collection简述 1.1.Collection与Collections的区别 Collections是集合的静态工具类 Collection:是集合的顶级接口 二.Sort 2.1.sor ...
- ACM数论之旅6---数论倒数,又称逆元(我整个人都倒了( ̄﹏ ̄))
数论倒数,又称逆元(因为我说习惯逆元了,下面我都说逆元) 数论中的倒数是有特别的意义滴 你以为a的倒数在数论中还是1/a吗 (・∀・)哼哼~天真 先来引入求余概念 (a + b) % p = (a% ...
- C++与C的区别一
1. C++风格数组初始化: #include <iostream> #include <array> using namespace std; void main() { / ...
- java web学习总结(二十八) -------------------JSP中的JavaBean
一.什么是JavaBean JavaBean是一个遵循特定写法的Java类,它通常具有如下特点: 这个Java类必须具有一个无参的构造函数 属性必须私有化. 私有化的属性必须通过public类型的方法 ...
- java web学习总结(二十七) -------------------JSP标签介绍
一.JSP标签介绍 JSP标签也称之为Jsp Action(JSP动作)元素,它用于在Jsp页面中提供业务逻辑功能,避免在JSP页面中直接编写java代码,造成jsp页面难以维护. 二.JSP常用标签 ...
- java web学习总结(二十六) -------------------JSP属性范围
所谓的属性范围就是一个属性设置之后,可以经过多少个其他页面后仍然可以访问的保存范围. 一.JSP属性范围 JSP中提供了四种属性范围,四种属性范围分别指以下四种: 当前页:一个属性只能在一个页面中取得 ...
- Python之路Day19-Django(二)
本节内容概要: 一.路由系统URL 二.视图 三.模板 四.ORM操作 问题1:Django请求生命周期 -> URL对应关系(匹配) -> 视图函数 -> 返回用户字符串 -> ...
- java web学习总结(二十一) -------------------模拟Servlet3.0使用注解的方式配置Servlet
一.Servlet的传统配置方式 在JavaWeb开发中, 每次编写一个Servlet都需要在web.xml文件中进行配置,如下所示: 1 <servlet> 2 <servlet- ...
随机推荐
- Memcache的安装和使用【转】
转自:https://www.cnblogs.com/caoxiaojian/p/5715573.html Memcache是高性能,分布式的内存对象缓存系统,用于在动态应用中减少数据库负载,提升访问 ...
- js学习笔记--dom部分(一)
js 学习整理之Dom部分 前面我总结了我最近学习js基础部分,当时提到过js分了三大部分,第一部分ECMA基础也就是第一次写的基础部分, 第二部分也就是DOM部分,也就是这里要写的内容的,然后第三部 ...
- oracle监控
python代码 #!/usr/bin/env python # -*- coding: UTF-8 -*- import subprocess import sys import re def ru ...
- Web.config设置system.webServer
一般情况在iis部署web网站都非常顺利,但是遇到复杂环境,或者被配置过又正在使用的时候,就束手无策了, 因为对IIS和Web.config不熟悉,不知其中要害,导致浪费一天甚至更久的时间去处理一个可 ...
- Server-side activities have been updated. You need to restart SharePoint Designer to use the updated version of activities
一,环境: SharePoint Online Win10 + SharePoint Designer 2013 错误描述: 使用SPD3013打开SPO站点,然后编辑已有工作流(2013),报错: ...
- git与eclipse集成之添加.gitignore文件
1.1. 添加.gitignore文件 .gitignore 配置文件用于配置不需要加入版本管理的文件 1.以斜杠/开头表示目录: 2.以星号*通配多个字符: 3.以问号?通配单个字符 4.以方括号[ ...
- Ubuntu18 输入法fcitx安装
默认iBus非常难用 1.安装fcitx终端输入fcitx提示程序尚未安装.使用命令安装sudo apt-get install fcitx-bin相关的依赖库和框架都会自动安装上.2.安装输入法su ...
- MySQL--pymysql模块
import pymysqlaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa连接conn=pymysql.connect(host='127.0.0. ...
- java的小数比较反例
double num = 0.3; System.out.println(num); System.out.println(num - 0.2); System.out.println(num - 0 ...
- python学习第9-10天,函数。
函数初识 为什么要使用函数? 函数最重要的目的是方便我们重复使用相同的一段程序. 将一些操作隶属于一个函数,以后你想实现相同的操作的时候,只用调用函数名就可以,而不需要重复敲所有的语句. 函数的定义与 ...