ppmoney 总结二
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 总结二的更多相关文章
- 【小程序分享篇 二 】web在线踢人小程序,维持用户只能在一个台电脑持登录状态
最近离职了, 突然记起来还一个小功能没做, 想想也挺简单,留下代码和思路给同事做个参考. 换工作心里挺忐忑, 对未来也充满了憧憬与担忧.(虽然已是老人, 换了N次工作了,但每次心里都和忐忑). 写写代 ...
- 前端开发中SEO的十二条总结
一. 合理使用title, description, keywords二. 合理使用h1 - h6, h1标签的权重很高, 注意使用频率三. 列表代码使用ul, 重要文字使用strong标签四. 图片 ...
- 【疯狂造轮子-iOS】JSON转Model系列之二
[疯狂造轮子-iOS]JSON转Model系列之二 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 上一篇<[疯狂造轮子-iOS]JSON转Model系列之一> ...
- 【原】Android热更新开源项目Tinker源码解析系列之二:资源文件热更新
上一篇文章介绍了Dex文件的热更新流程,本文将会分析Tinker中对资源文件的热更新流程. 同Dex,资源文件的热更新同样包括三个部分:资源补丁生成,资源补丁合成及资源补丁加载. 本系列将从以下三个方 ...
- 谈谈一些有趣的CSS题目(十二)-- 你该知道的字体 font-family
开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...
- MIP改造常见问题二十问
在MIP推出后,我们收到了很多站长的疑问和顾虑.我们将所有疑问和顾虑归纳为以下二十个问题,希望对大家理解 MIP 有帮助. 1.MIP 化后对其他搜索引擎抓取收录以及 SEO 的影响如何? 答:在原页 ...
- 如何一步一步用DDD设计一个电商网站(二)—— 项目架构
阅读目录 前言 六边形架构 终于开始建项目了 DDD中的3个臭皮匠 CQRS(Command Query Responsibility Segregation) 结语 一.前言 上一篇我们讲了DDD的 ...
- ASP.NET Core 之 Identity 入门(二)
前言 在 上篇文章 中讲了关于 Identity 需要了解的单词以及相对应的几个知识点,并且知道了Identity处在整个登入流程中的位置,本篇主要是在 .NET 整个认证系统中比较重要的一个环节,就 ...
- MVVM模式和在WPF中的实现(二)数据绑定
MVVM模式解析和在WPF中的实现(二) 数据绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...
随机推荐
- eclipse maven项目错误
eclipse maven项目错误:Failure to transfer org.codehaus.plexus:plexus-interpolation:jar:1.15 from http:// ...
- JS中的动态表格
写法一:(有点啰嗦) //--------------XML DOM--------------------------------------function addTR(){ //1.取三个框的值 ...
- Git使用小记
刚刚简答的完成了pureblog,想着先上传导Github上去,等着以后有时间了在完善其功能,所以使用Git上传导Github代码仓库上去,这里简答的记录以下使用小计. 我们首先下载Git,我们使用用 ...
- 【10-25】intelliji ide 学习笔记
快捷键 /** alter+enter 导包,异常处理等提示 psvm 快速main函数 sout 快速sysout语句 fi 快速for循环 ctrl+d 重复一行 Ctrl+X 删除行 Ctrl+ ...
- linux下的ssh工具之,本地上传到linux服务器and Linux服务器文件另存为本地。非sftp工具。
首先,当你只有一个ssh工具可以连接linux,但你有想把文件在 linux 和windows(本地)直接的切换.其实可以的: 本文参考 1.将本地的文件,放到ssh远程的linux服务器上: 首先要 ...
- eclipse导入myeclipse的web项目没法识别问题解决
(转载)原作者地址:http://www.cnblogs.com/Topless/archive/2011/11/23/2260085.html 1.进入项目目录,找到.project文件,打开. 2 ...
- 利用FileSystemWatcher实现磁盘文件监控
马上放假了,好开森啊O(∩_∩)O哈哈~ ——————————————————————————————————————————————————————— 昨天逛园子,发现了一个FileSystemWa ...
- 1.2、Workspace中让Package分层显示
有时候我们新建两个具有两个相同目录的Package(例如:com.st.collection和com.st.map这两个Package)时,在Workspace中是以平铺的方式显示的,如: 当Pack ...
- 阿里提前批校招内推offer经历
经过一个半月的阿里内推面试,今天终于收到了阿里的offer邮件 .阿里的内推面试一共有四轮,本人是7月19号投的内推邮件,8月28号收到了offer的邮件.首先本人谈谈内推的看法.内推是公司招聘人才的 ...
- .Net GridView 序号列
给GridView增加一列:序号列 <asp:TemplateField HeaderText="序号"> <ItemTemplate> <%# (( ...