菜单

DEMO之模拟登录个人中心页面之间数据传值实例_vue,字符串与JSON

2020年4月9日 - 首页
DEMO之模拟登录个人中心页面之间数据传值实例_vue,字符串与JSON

DEMO之模拟登录个人中心页面之间数据传值实例_vue,字符串与JSON。lalala~ 先上代码吧:

对于 HTTP 协议而言,HTML、CSS、JS、JSON 的本质都是什么?

login.html

使用数组拼接出如下字符串 ,其中styles数组里的个数不定

澳门太阳集团 1

代码1.jpg

澳门太阳集团 2

1答案.jpg

 模拟登录成功并跳转页面   .red{ color:red; } .ddd{ color:#333; font-size: 13px; }   登录 用户名:
 密码:
    let vm = new Vue{ return { userinfo:{ username:'', password:'', } } }, methods:{ check(){ if(this.userinfo.username != '' && this.userinfo.password != ''){ alert; //使用location 记录用户信息 if{ alert('您的浏览器不支持localStorage') }else{ localStorage.setItem('userInfo',JSON.stringify; } window.location.href='order.html' }else{ alert } } } }) 

写出两种以上声明多行字符串的方法

例如:

澳门太阳集团 3

代码2.jpg

这段字符串很长,如何多行优雅的显示

澳门太阳集团 4

2答案.jpg

order.html

补全如下代码,让输出结果为字符串: hello饥人谷

澳门太阳集团 5

代码3.jpg

澳门太阳集团 6

3答案.jpg

 模拟登录成功并跳转页面   .red{ color:red; } .ddd{ color:#333; font-size: 13px; }   个人中心  你好:{{username}}
 您的密码是: {{password}}    let vm = new Vue{ return { username:'', password:'' } }, mounted(){ if{ alert; }else{ var data1 = localStorage.getItem; var data2 = JSON.parse; this.username = data2.username; this.password = data2.password; } } }) 

以下代码输出什么?为什么

澳门太阳集团 7

代码4.jpg

澳门太阳集团 8

4答案.jpg

分析其中运用的知识点:

写一个函数,判断一个字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是

澳门太阳集团 9

5答案.jpg

  1. vue v-model 指令,把表单的值和data数据绑定,双向数据绑定。

  2. html5 window.localStorage
    本地存储,用来存储用户信息(在实际项目中必须加密的,demo中没有去做)。

  3. JSON.parse() 将JSON字符串转化成json格式

  4. JSON.stringify() 将JSON转化成json字符串

写一个函数,统计字符串里出现出现频率最多的字符

澳门太阳集团 10

6答案.jpg

以上这篇VUE
DEMO之模拟登录个人中心页面之间数据传值实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

写一个camelize函数,把my-short-string形式的字符串转化成myShortString形式的字符串,如

澳门太阳集团 11

代码5.jpg

澳门太阳集团 12

5答案.jpg

澳门太阳集团 13

答案7.jpg

写一个 ucFirst函数,返回第一个字母为大写的字符 (***)

澳门太阳集团 14

答案8.jpg

写一个函数truncate(str, maxlength), 如果str的长度大于maxlength,会把str截断到maxlength长,并加上…,如

澳门太阳集团 15

代码6.jpg

澳门太阳集团 16

答案9.jpg

什么是 JSON格式数据?JSON格式数据如何表示对象?window.JSON 是什么?

如何把JSON 格式的字符串转换为 JS 对象?如何把 JS对象转换为 JSON 格式的字符串?

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图