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- ...
随机推荐
- valgrind简介以及在ARM上交叉编译运行【转】
转自:https://blog.csdn.net/dengcanjun6/article/details/54958359 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blo ...
- MySQL没有备份怎么恢复被drop的表(利用undrop-for-innodb)
介绍: 也许大家都难以理解,这么重要的数据为啥不备份(或者备份不可用)?而且还任性的drop table了.显然有备份是最好的,但是它们并不总是可用的.这种情况令人恐惧,但并非毫无希望.在许多 ...
- python hmac解密
import hmac def get_singa_true(timestamp): sha1 = hmac.new("d1b964811afb40118a12068ff74a12f4&qu ...
- mysql 5.6升级到5.7.22
下载对应的包 wget https://cdn.mysql.com//Downloads/MySQL-5.7/mysql-5.7.22-linux-glibc2.12-x86_64.tar 备份数据 ...
- 分布式服务管理框架 ZooKeeper
核心功能 统一命名服务(Name Service) 通过有层次的目录结构产生唯一的名称,同时可以将名称关联到特定资源 配置管理(Configuration Management) ...
- elasticsearch索引自动清理
一 es 基本操作 查看所有的索引文件: curl -XGET http://localhost:9200/_cat/indices?v GET /_cat/indices?v DELETE /fi ...
- 31)django-序列化
目录 1)序列化 2)为什么不用json序列化 3)django序列化QuerySet,ErrorDict数据 一:序列化 序列化是将对象状态转换为可保持或传输的格式的过程 反序列化是指将存储在存储媒 ...
- 一个完整Java Web项目背后的密码
前言 最近自己做了几个Java Web项目,有公司的商业项目,也有个人做着玩的小项目,写篇文章记录总结一下收获,列举出在做项目的整个过程中,所需要用到的技能和知识点,带给还没有真正接触过完整Java ...
- Java9 新特性 详解
作者:木九天 < Java9 新特性 详解 > Java9 新特性 详解 摘要: 1.目录结构 2.repl工具 jShell命令 3.模块化 4.多版本兼容jar包 5.接口方 ...
- leetcode(js)算法之696计数二进制串
给定一个字符串 s,计算具有相同数量0和1的非空(连续)子字符串的数量,并且这些子字符串中的所有0和所有1都是组合在一起的. 重复出现的子串要计算它们出现的次数. 示例: 输入: "0011 ...