plexiglass-CSDN博客

原创【学习】vue(1)

2022.1.21【1】(掌握)Vue初体验1.Hello Vuejs我们来做我们的第一个Vue程序，体验一下Vue的响应式代码做了什么事情？我们来阅读JavaScript代码，会发现创建了一个Vue对象。创建Vue对象的时候，传入了一些options：{}{}中包含了el属性：该属性决定了这个Vue对象挂载到哪一个元素上，很明显，我们这里是挂载到了id为app的元素上{}中包含了data属性：该属性中通常会存储一些数据这些数据可以是我们直接定义出来的，比如像上面这样。也可能是来自网

2022-01-23 22:26:26 65

原创【学习】es6实战+vue了解＋vue安装

2022.1.21#es6实战【1】用户名验证功能需求：如果用户名输入合法, 则后面提示信息为 : 用户名合法,并且颜色为绿色如果用户名输入不合法, 则后面提示信息为: 用户名不符合规范, 并且颜色为绿色分析：用户名只能为英文字母,数字,下划线或者短横线组成, 并且用户名长度为 6~16位.首先准备好这种正则表达式模式 /$[a-zA-Z0-9-_]{6,16}^/当表单失去焦点就开始验证.如果符合正则规范, 则让后面的span标签添加 right 类.如果不符合正则

2022-01-23 21:58:37 571

原创【学习】es6(4)

2022.1.19-2022.1.20（19号出门一整天，学得少）【1】严格模式1.为脚本开启为整个脚本文件开启严格模式，需要在所有语句之前放一个特定语句"use strict"或'use strict'<script> 'user strict'; console.log("这是严格模式。");</script>2.为函数开启若要给某个函数开启严格模式，需要把"use strict"或'use strict'声明放在函数体所有语句之前将".

2022-01-23 21:35:24 309

原创【学习】es6（3）

2022.1.18【1】this关键字传统函数当中，谁调用了函数，函数内部的this关键字就指向谁。箭头函数中，没有自己的this，也就不具有这个特性；箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this。const obj = { name: '张三'} function fn () { console.log(this);//this 指向是obj对象 return () => { conso

2022-01-23 21:12:37 397

原创【学习】es6（2）

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关键字声明的变量。“=” 左、右两边是一一对应的关系。

2022-01-23 20:31:19 324

原创【复习】js重点内容选择性回顾+【学习】es6

2022.1.17#复习【1】p215 排他思想1.获取所有元素var btns = documents.getElementsByTagName('button');2.开始循环for(var i = 0;i<btns.length;i++) { btn[i].onclick = function(){ for(var i =0;i<btns.length;i++){ btn[i].style.backgroundColor =

2022-01-23 20:17:36 238

原创【复习】js中的dom部分

2022.1.16 [P195-P202]【1】P195 简单认识dom：通过此接口改变页面的结构内容【2】P196 getElementById获取元素1.通过id获取<div id = "time">2019-9-9</div><script> var timer = document.getElementById('time'); console.log(timer); console.log(typeOf timer);

2022-01-23 19:24:43 174

plexiglass的博客