恨灵犀-CSDN博客

原创 Vue生命周期简述

一、什么是生命周期Vue生命周期是指vue实例对象从创建之初到销毁的过程。生命周期图示：二、生命周期中的钩子函数1.beforeCreatebeforeCreate() { // 还未进行数据代理 // 此时无法通过vm访问data中的数据，methods中的方法 },2.createdcreated() { // 已完成初始化 // ...

2022-02-12 16:12:23 1860

原创 v-bind与v-model实现数据绑定

一、v-bind使用v-bind进行数据绑定只能实现单向流动，即只能通过改变data中的数据来改变页面数据，而不能实现从页面流向data<div id="root"> <input type="text" v-bind:value="msg"> </div> <script> new Vue({ el:'#root', data(){ ...

2022-02-04 16:40:41 840

原创 Vue模板语法之插值

文本：其用法为{{...}}（双大括号），可以通过改变vue中的数据来动态改变标签的内容div id="root"> <span>{{msg}}</span> </div> <script> new Vue({ el:'#root', data(){ return{ ...

2022-02-04 16:24:33 557

console.log(a);var a = 1;上面的代码的运行结果为undefined，这是因为var存在变量提升，相当于var a；console.log(a);a = 1;然而当a用let来声明时console.log(a);let a = 1;这时将会报错，这被称为暂时性死区。暂时性死区的具体解释为：在代码块内，使用let和const命令声明变量之前，该变量都是不可用的，语法上被称为暂时性死区。那么暂时性死区产生的原因是什么呢？ES6对暂.

2022-01-28 14:57:25 3925

原创 this的用法

一、this指向问题1.全局作用域或者普通函数中this指向全局对象window<script> console.log(this); function fn() { console.log(this); } fn(); </script>2.方法调用中谁调用this指向谁 <script> var o = { ...

2022-01-22 12:00:05 435

原创获取兄弟节点

方法一：node.nextSibling node.previousSiblingnode.nextSibling获取的是下一个兄弟节点，包含所有节点，找不到下一个节点就返回null。node.previousSibling 获取的是上一个兄弟节点，包含所有节点，找不到下一个节点就返回null。方法二：node.nextElementSibling node.previousElementSibling（ie9以上才支持）node.nextElementSibling获取的是下一个兄弟元素节

2022-01-22 11:24:23 2133

原创注册事件和删除事件

一、注册事件注册事件有两种方式：传统方式和事件监听方式。传统方式：利用on开头的事件如onclick<button onclick="alert('hi')">注册事件传统方法</button> <button>注册事件传统方法</button> <script> var bn = document.querySelectorAll("button"); bn[1].oncli...

2022-01-22 11:06:43 825

原创 css——消除浮动

一、为什么消除浮动在很多情况下，我们不知道父盒子中需要几个子盒子不方便给父盒子高度，因此我们通过子盒子来撑开父盒子的高度。但是当子盒子浮动时，父盒子的高度将变成0，这将影响下面的标准流盒子。因此我们需要消除浮动。<style> .father{ width: 500px; background-color: seagreen; } .one{ float: left;

2022-01-07 13:18:01 228

原创盒子模型——外边距margin

一、什么是外边距margin盒子模型由四部分组成，即内容（content），内边距（padding），边框（border），外边距（margin）。其中margin属性是用与设置外边距，即盒子与盒子之间的距离。使用margin可以对各边距分别使用 /*下外边距*/ .A{ margin-bottom: 20px; } /*上外边距*/ .A{ margin-top:...

2022-01-07 11:57:40 3431

henlingxi的博客