username_yanghaimei-CSDN博客

原创初识vue中的计算属性、监听器、组件

15.计算属性 1.定义：要⽤的属性不存在，要通过已有属性计算得来 2.原理：底层借助了Object.defineProperty⽅法提供的getter和setter 3.get函数什么时候执⾏？ 1）初次读取时会执⾏⼀次 2）当依赖的数据发⽣改变的时候会被再次调⽤ 4.优势：与methods实现相⽐，内部有缓存机制（复⽤），效率更⾼，调试⽅便 5.注意： 1).计算属性最终会出现在vm上，直接读取使⽤即可...

2021-10-12 16:21:11 103

原创 Vue的生命周期

⽣命周期 1).别名：⽣命周期回掉函数、⽣命周期函数、钩⼦函数 2).⽣命周期是什么：Vue在关键时刻帮我们调⽤的⼀些特殊名称的函数 3).⽣命周期函数的名字不能更改，但函数的具体内容是程序员根据需求编写的 4).⽣命周期函数中的this指向是vm 或组件实例对象 vue⽣命周期主要分为四个阶段，⼋个过程： 1)四个阶段: Create 创建 Mount 挂载 Update 更新...

2021-10-11 19:32:06 125

原创 js中的深入理解对象（部分）

（1）创建对象 1）工厂函数(工厂模式) var o={ name:'tom', age:12, sayName:function(){ console.log(this.name) } } 关键字函数名（形参）{ 函数体返回值...

2021-09-06 20:30:19 148

原创 2021-09-06

1.包装器数据类型为了便于操作基本类型值，ECMAScript提供了3个特殊的引用类Boolean, Number, String。每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型对象，从而可以调用一些方法操作这些数据。基本数据类型 var str='hello' str.replace() Boolean,Number,不建议直接使用这两种包装器类型 String 类型: lengt...

2021-09-06 20:28:56 103

原创 js中的正则表达式（部分）

正则表达式（常用正则校验、替换）引用数据类型，对象作用： 1）表单的校验 2）替换，替换某些敏感词汇 3）提取，提取某段想要的字符串（1）创建 1）字面量 var rg=/hello/ 2）构造函数（RegExp） var rg2=new RegExp(/world/) （2）修饰符 g...

2021-09-06 20:26:23 103

原创 js中函数和数组的使用

1.函数（特殊的对象）引用数据类型（1)函数的作用 1）特定功能代码的封装； 2）用来创建对象(构造函数 => Object、Array) （2）函数的定义 1）函数声明(函数的声明会提升)：关键字函数名(形式参数){ 函数体...

2021-09-06 20:23:49 306

原创 js中的继承（部分）

继承 1）原型链继承每个构造函数都有一个原型对象，原型对象中都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。当原型对象等于另外一个类型的实例即继承。 //定义父构造函数类型 function Animal(){ this.name = "animal" } Animal.prototype = { ...

2021-09-06 20:20:33 143

原创 DOM事件（部分）

DOM事件用户使用js和浏览器交互。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。 (1)事件三要素：事件源事件处理函数事件对象 var btn=document.getElementById('btn') //btn事件源 btn.onclick=function(e){ //事件处理函数 ...

2021-09-06 20:18:17 52

原创 DOM简介

DOM：document object model,DOM是W3C（万维网联盟）的标准，是中立与平台和语言的接口，它允许程序和脚本动态的访问和更新文档的内容，结构和样式。对网页进行增删改查的操作。DOM标准：核心DOM：可操作一切结构化文档的API，包括HTML和XML，万能，繁琐 HTML DOM :专门操作HTML文档的简化版DOM，仅对常用的复杂的API进行了简化，不是万能，简单DOM查找: 按id属性，精确查找一个元素对象 var elem=document.getE...

2021-09-06 20:16:09 134

原创 css中的部分样式总结

1.列表样式 list-style list-style-type list-style-image list-style-position list-style-type 设置列表项标志类型取值: none 没有类型 disc 一个实心的小黑圆圈 circle 一个空心的小圆圈 ...

2021-08-31 19:11:48 134

原创 css过渡及变形

1.css过渡语法： div { transition: <property> <duration> <timing-function> <delay>;}transition 是 transition-property， transition-duration，transition- timing-function ，transition-delay的速写形式，分别表示过渡属性，持续时间，时间曲线，过渡延迟过渡与动画的区...

2021-08-31 15:14:01 81

原创 css动画

定义动画：使用定义动画，关键帧可以使用关键字from ~ to，也可以使用0% ~ 100% 配置动画： animation-name 动画的名字 @keyframes定义动画的名字 animation-duration 动画持续的时间（必填）单位：s 、 ms，默认为0s animation-iteration-...

2021-08-31 15:08:32 60

原创 Java script中的数组

2.数组引用数据类型数组作用：用来保存多个值,可以保存任意数据类型的值数组也是对象，数组是“ [ ] ”为界限，值与值之间用“ ，”隔开；length数字长度，数组长度是动态的数组的length属性：可读可写，可以通过设置length的值从数组的末尾移除项或向数组中添加新项数组定义：（1）创建 1）数组字面量 var arr=[1,2,3,4] 0:1，1:2，2:3，3:4...

2021-08-26 20:23:38 305

原创 JavaScript中函数的初级应用

1.函数引用数据类型（1)函数的作用 1）特定功能代码的封装； 2）用来创建对象（2）函数的定义 1）函数声明(函数的声明会提升);;：关键字函数名(形式参数){ 函数体返回值...

2021-08-25 20:25:35 193

原创 javascript中对象的应用

ECMA-262对象的定义：无序属性的集合，其属性可以包含基本值，对象，或者函数。可以将对象想象成散列表:键值对，其中值可以是数据或者函数。ECMAScript中的对象其实就是一组数据(属性)和功能(方法)的集合。 1.定义对象 1）使用构造函数创建，new Object() var person = new Object(); person.name = "briup"; person.age = 22; 2）使用对象字面量表示法...

2021-08-24 20:18:38 226

原创初识操作符及类型转换流程控制语句

1.js变量在内存中的表现形式栈区（基本数据类型直接将值保存在栈区中；引用数据类型将值保存在堆区中，将引用地址保存在栈区中，这个引用地址指向堆区中的内存空间）堆区值传递：基本数据类型之间 var a = 1 var b = a a = 4 b不会变引用传递：引用数据类型之间 var o ={name:'tom',age:12} var ...

2021-08-23 20:00:04 86

原创 2021-08-23

JavaScript（交互）1.介绍是一种编程语言（基础知识 + 类库 + 第三方的东西），而且是一种弱类型语言。组成：ECMAScript（基础语法） + DOM（文档对象模型Document Object Model） + BOM（浏览器对象模型Browser Object Model） ECMAScript：变量、数据类型、流程语句、注释...... DOM:浏览器提供js操作html的api（应用程序编程接口） BOM：浏览器提供js操作浏览器的api

2021-08-23 10:38:27 52

原创 2021-08-19

*display:none和visibility:hidden的区别*display:none 隐藏对应的元素但不挤占该元素原来的空间。visibility:hidden 隐藏对应的元素并且挤占该元素原来的空间。

2021-08-19 11:01:33 34

原创 2021-08-18

如何实现响应式布局？①如果是通过css原生代码，可以通过@media来进行媒体查询。当网页显示在不同的网页中加载执行不同的css代码。②如果是通过框架，例如bs，可以使用bs提供的响应式框架完成页面布局。...

2021-08-18 17:36:29 156

m0_58278305的博客