<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[plexiglass的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/plexiglass</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; plexiglass]]></copyright><item><title><![CDATA[【学习】vue(1)]]></title><link>https://blog.youkuaiyun.com/plexiglass/article/details/122658469</link><guid>https://blog.youkuaiyun.com/plexiglass/article/details/122658469</guid><author>plexiglass</author><pubDate>Sun, 23 Jan 2022 22:26:26 +0800</pubDate><description><![CDATA[2022.1.21

【1】(掌握)Vue初体验

1.Hello Vuejs
我们来做我们的第一个Vue程序，体验一下Vue的响应式
代码做了什么事情？
我们来阅读JavaScript代码，会发现创建了一个Vue对象。
创建Vue对象的时候，传入了一些options：{}
{}中包含了el属性：该属性决定了这个Vue对象挂载到哪一个元素上，很明显，我们这里是挂载到了id为app的元素上
{}中包含了data属性：该属性中通常会存储一些数据
这些数据可以是我们直接定义出来的，比如像上面这样。
也可能是来自网]]></description><category></category></item><item><title><![CDATA[【学习】es6实战+vue了解＋vue安装]]></title><link>https://blog.youkuaiyun.com/plexiglass/article/details/122657735</link><guid>https://blog.youkuaiyun.com/plexiglass/article/details/122657735</guid><author>plexiglass</author><pubDate>Sun, 23 Jan 2022 21:58:37 +0800</pubDate><description><![CDATA[2022.1.21

#es6实战

【1】用户名验证

功能需求：

如果用户名输入合法, 则后面提示信息为 : 用户名合法,并且颜色为绿色
如果用户名输入不合法, 则后面提示信息为: 用户名不符合规范, 并且颜色为绿色
分析：

用户名只能为英文字母,数字,下划线或者短横线组成, 并且用户名长度为 6~16位.

首先准备好这种正则表达式模式 /$[a-zA-Z0-9-_]{6,16}^/

当表单失去焦点就开始验证.

如果符合正则规范, 则让后面的span标签添加 right 类.

如果不符合正则]]></description><category></category></item><item><title><![CDATA[【学习】es6(4)]]></title><link>https://blog.youkuaiyun.com/plexiglass/article/details/122657435</link><guid>https://blog.youkuaiyun.com/plexiglass/article/details/122657435</guid><author>plexiglass</author><pubDate>Sun, 23 Jan 2022 21:35:24 +0800</pubDate><description><![CDATA[2022.1.19-2022.1.20（19号出门一整天，学得少）

【1】严格模式

1.为脚本开启

为整个脚本文件开启严格模式，需要在所有语句之前放一个特定语句"use strict"或'use strict'


&lt;script&gt;
    'user strict';
	console.log("这是严格模式。");
&lt;/script&gt;

2.为函数开启

若要给某个函数开启严格模式，需要把"use strict"或'use strict'声明放在函数体所有语句之前

将".]]></description><category></category></item><item><title><![CDATA[【学习】es6（3）]]></title><link>https://blog.youkuaiyun.com/plexiglass/article/details/122656818</link><guid>https://blog.youkuaiyun.com/plexiglass/article/details/122656818</guid><author>plexiglass</author><pubDate>Sun, 23 Jan 2022 21:12:37 +0800</pubDate><description><![CDATA[2022.1.18

【1】this关键字

传统函数当中，谁调用了函数，函数内部的this关键字就指向谁。

箭头函数中，没有自己的this，也就不具有这个特性；

箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this。


const obj = { name: '张三'} 
 function fn () { 
     console.log(this);//this 指向 是obj对象
     return () =&gt; { 
         conso]]></description><category></category></item><item><title><![CDATA[【学习】es6（2）]]></title><link>https://blog.youkuaiyun.com/plexiglass/article/details/122656620</link><guid>https://blog.youkuaiyun.com/plexiglass/article/details/122656620</guid><author>plexiglass</author><pubDate>Sun, 23 Jan 2022 20:31:19 +0800</pubDate><description><![CDATA[2022.1.17

【1】解构赋值

解构： 表示分解数据结构；赋值： 给变量赋值。

1.数组解构


let [a, b, c] = [1, 2, 3];
 console.log(a)//1
 console.log(b)//2
 console.log(c)//3
//如果解构不成功，变量的值为undefined

注：数组解构中，“=”右边是数组，里面有3个值，分别为1、2、3，左边的中括号[ ]不是表示数组，而是表示结构。中括号内是用let关键字声明的变量。“=” 左、右两边是一一对应的关系。]]></description><category></category></item><item><title><![CDATA[【复习】js重点内容选择性回顾+【学习】es6]]></title><link>https://blog.youkuaiyun.com/plexiglass/article/details/122655906</link><guid>https://blog.youkuaiyun.com/plexiglass/article/details/122655906</guid><author>plexiglass</author><pubDate>Sun, 23 Jan 2022 20:17:36 +0800</pubDate><description><![CDATA[2022.1.17

#复习

【1】p215 排他思想

1.获取所有元素

var btns = documents.getElementsByTagName('button');

2.开始循环


for(var i = 0;i&lt;btns.length;i++)
    {
    btn[i].onclick = function(){
    for(var i =0;i&lt;btns.length;i++){
        btn[i].style.backgroundColor =]]></description><category></category></item><item><title><![CDATA[【复习】js中的dom部分]]></title><link>https://blog.youkuaiyun.com/plexiglass/article/details/122654708</link><guid>https://blog.youkuaiyun.com/plexiglass/article/details/122654708</guid><author>plexiglass</author><pubDate>Sun, 23 Jan 2022 19:24:43 +0800</pubDate><description><![CDATA[2022.1.16 [P195-P202]

【1】P195 简单认识dom：通过此接口改变页面的结构内容

【2】P196 getElementById获取元素

1.通过id获取


&lt;div id = "time"&gt;2019-9-9&lt;/div&gt;
&lt;script&gt;
    var timer = document.getElementById('time');
    console.log(timer);
    console.log(typeOf timer);]]></description><category></category></item></channel></rss>