驴驴。-CSDN博客

原创 vue 路由知识点

1.渲染函数render(针对的是组件模板)组件模板:let myA={template:``//渲染函数参数createElement是一个函数创建节点的函数render(createElement){ createElement() }}### js代码 // 创建组件 let myA={ data(){ return { } },

2021-10-15 15:14:39 302

### every 如果有不满足的直接返回false,不再继续往后判断。如果全部满足，返回true Array.prototype.myEvery=(fun,obj)=>{ for(i=0;i<arr.length;i++){ if(!(obj?fun.bind(obj)(this[i]):fun(this[i]))){ return false } //如果有第二个参数，需要修改this指向 //if(.

2021-10-12 18:28:20 188

原创 vue 事件机制

事件机制概述在dom阶段，我们已经讲述了事件机制的特点：事件三要素事件绑定事件流事件对象事件代理事件类型这些概念在vue中依旧存在，但是vue中的事件机制要更加的简单便捷一 1.事件绑定可以用 v-on 指令监听DOM 事件，并在触发时运行一些 JavaScript 代码。v-on 还可以接收一个需要调用的方法名称。 <button v-on:click="handler">good</button&.

2021-10-12 18:22:22 936

原创 vue 可复用技术知识点

1.插槽普通插槽，具名插槽，作用域插槽插槽允许我们在调用子组件的时候为子组件传递模板。<slot> 元素作为承载分发内容的出口。一个不带 name 的 <slot> 出口会带有隐含的名字“default”。父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。### 1.默认插槽没有名字的插槽就是默认插槽 <slot>123</slot> <slot name="defaul

2021-10-12 17:09:17 237

原创 Vue 组件

1.组件机制组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生 HTML 元素。组件注册的时候需要为该组件指定各种参数。因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。

2021-10-11 17:15:45 72

原创 Vue概述

1.简介：Vue是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅容易上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。用来做单页面应用--index.html,页面跳转用的vue插件路由来实现跳转。【vue】Vue.js【gitee封面人物：尤雨溪谈Vue.js】尤雨溪 - Gitee 封面人物【采访 Vue 作者尤雨溪】比.

2021-10-08 17:13:04 427

原创 ES6 Generator 、async函数、Promise 知识点

1.Generator是ES6提供的一种异步编程解决方案，语法不同于普通函数；简单的把Generator 理解为一个状态机，封装了多个内部状态。执行Generator 函数会返回一个迭代器对象，可以通过调用迭代器next依次遍历Generator函数内部的每一个状态。Generator函数有两个特征：1.function关键字与函数名之间有个星号；2.函数内部使用yield表达式function* helloWorldGenerator(){ yield '1'; yield '2';

2021-10-08 16:53:22 100

原创面试题笔记

1.BFC(Block formatting context)直译为块级格式化上下文，把BFC理解成一块独立的渲染区域，BFC看成是元素的一种属性，当元素拥有了BFC属性后，这个元素就可以看做成隔离了的独立容器。容器内的元素不会影响容器外的元素.常见的定位方案1.普通流*元素按照其在HTML中的先后位置至上而下进行布局*行内元素水平排列，直至当行被占满然后换行，块级元素则会被渲染为完整的一整行*所有元素默认都是普通流定位2.浮动元素首先按照普通流的位置出现，然后根据浮动的方向.

2021-09-29 10:44:51 77

原创 ES6 类、Symbol知识点

1.类在javascript语言中，生成实例对象使用构造函数；ES6提供了类Class这个概念，作为对象的模板。定义一个类通过class关键字，ES6的类可以看成是构造函数的另一种写法。ES5 如何继承实例使用属性和方法 1.从实例对象本身查找属性或者方法 2.如果实例没有，从构造函数的原型对象中找 3.如果还没有，从父构造函数的原型对象中找function Person(){}Person.prototype={};var p1=new Person();p1.sayNa...

2021-09-29 10:31:28 136

原创防抖、节流数组去重例子

防抖<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>防抖&lt

2021-09-28 19:50:37 120

原创 ES6迭代器、set、map知识点

1.迭代器迭代器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）Iterator 的作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口；二是使得数据结构的成员能够按某种次序排列；三是ES6创造了一种新的遍历命令for...of循环，Iterator接口主要供for...of消费。Iterator 的遍历过程是这样的。创建一个指针对象，指向当

2021-09-28 19:44:45 200

原创 ES6基础语法

ES6基础语法1.变量声明a.let 用于声明一个变量 1 变量不会提升,即在变量声明之前无法使用该变量 2.不可以重复声明 3.具有块级作用域，只在当前作用域有效b.const 用于声明一个常量 1.变量声明不会被提升，即在变量声明之前无法使用该变量 2.不允许重复声明。 3.具有局部作用域，即const声明的变量只能在对应代码块中使用 4.const声明的变量在声明的时候就需要赋值，并且只能赋值一次，不能修改2.解构ES6...

2021-09-27 11:07:34 118

原创 ES6模块化知识点

ES61.介绍ECMAScript(简称ES)的几个重要版本ES5 : 2009年发布ES6 2015年发布 ES2015 在ES5基础上拓展了很多新特性ES7 2016年发布 ES2016 (变化不大)1.指数 3**3=272.数组的原型方法includes()用来判断一个数组是否包含一个指定的值，var arr=[1,2,3,4,] console.log(arr.includes(2))ECMAScript 6.0（以下简称 ES6）是 JavaScript语言的

2021-09-26 11:20:54 174

原创 JavaScript Ajax知识点

AJAX1.什么是AJAX？AJAX即“Asynchronous Javascript And XML”（异步的JavaScript和XML）是指一种创建交互式网页应用的网页开发技术，用于浏览器与服务器之间进行数据交互。AJAX在浏览器与Web服务器之间使用异步数据传输（HTTP请求），这样就可以使网页从服务器请求少量的信息，而不是整个页面。AJAX描述了一种主要使用脚本操作HTTP的Web应用架构，AJAX应用的主要特点是使用脚本操纵HTTP和Web服务器进行数据交互，不会导致页面重载

2021-09-14 16:22:06 116

原创 JavaScript BOM 知识点

BOM浏览器对象模型（Browser Object Model）：BOM是使用JavaScript开发web应用程序的核心。BOM提供了与网业功能无关的浏览器功能对象。1.window对象BOM 的核心是 window 对象，表示浏览器的实例。window 对象在浏览器中有两重身份，一个是ECMAScript 中的 Global 对象，另一个就是浏览器窗口的 JavaScript 接口。这意味着网页中定义的所有对象、变量和函数都以 window 作为其 Global 对象，都可以访问其

2021-09-09 17:03:54 193

原创 JavaScript DOM事件机制知识点

DOM事件机制HTML DOM 允许 JavaScript 对 HTML 事件作出反应。JavaScript 能够在事件发生时执行，比如当用户点击某个 HTML 元素时。## 事件是由三部分组成事件三要素：1.事件源：事件被触发的对象（按钮对象）2.事件类型：如何触发？触发什么事件？例如鼠标点击，键盘按下等…3.事件处理程序：通过一个函数赋值的方式## 执行事件的步骤1.获取事件源2.注册事件（绑定事件）3.采用函数赋值形式添加事件处理程序1.事件流a.事件冒泡（IE事件流）

2021-09-09 11:28:24 248

原创 JavaScript Dom知识点

DOMDOM是JS操作网页的编程接口，全称为文档对象模型作用：将网页转为一个JS对象。文档：文档表示的就是整个的HTML网页文档对象：对象表示将网页中的每一个部分都转换为了一个对象。模型：使用模型来表示对象之间的关系，这样方便我们获取对象文档对象模型（DOM）是网页的编程接口。它给文档（结构树）提供了一个结构化的表述并且定义了一种方式——程序可以对结构树进行访问，以改变文档的结构，样式和内容。1.节点层级a.任何 HTML 或 XML 文档都可以用 DOM 表示为一个由节点构成的

2021-09-06 09:58:01 122

原创 JavaScript 继承知识点

继承1.原型链a.案例// 创建Animalfunction Animal() { this.name = 'animal';}Animal.prototype.getAnimalName = function () { console.log(this.name + 'getAnimalName');}// 创建Dogfunction Dog() { this.name = 'dog';}// Dog继承自Animal 将Animal的实例赋值给Dog的原型对象，...

2021-09-02 20:06:00 220

原创 JavaScript 深入理解对象知识点

深入理解对象1.JavaScript工厂模式## 工厂模式就是创建对象的一种方式## 作用：创建对象；降低代码冗余度。##创建对象的方式：a.用字面量的方式创建对象var person={ name:'zhangsan', age:20, gender:'male', sayName:function(){ console.log(this.name); }}缺点：这个对象是一次性的，如果有四十给同学，这个代码就要写四十次。b.new Obj...

2021-09-02 19:53:27 112

原创 JavaScript 面向对象的程序设计知识点

面向对象的程序设计1.内置对象及内置函数## 基本包装类型基本包装类型，和其他引用类型一样，拥有内置的方法可以对数据进行额外操作。每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型对象，从而可以调用一些方法操作这些数据。读取模式：后台就会自动创建一个基本包装类型的对象。1.自动创建 String 类型的一个实例（和基本类型的值不同，这个实例就是一个基本包装类型的对象）2.调用实例（对象）上指定的方法3.销毁这个实例//用 String 构造函数创建一个实例，这个实例

2021-09-01 20:18:50 64

原创 Javascript知识点

一、操作符及类型转换与流程控制语句1.操作符*除'+'外，其他运算符可以自动将字符串数字隐形转成数字*'+'可以将数字字符串或布尔类型等隐式转换成number类型*正、负号可以将字符串数字隐式转换成数字（负负得正）var a = '123';var b = true;console.log(+a, +b); // 123 1* ++放在前面，并进行赋值：先累加，后赋值 ++放在后面，并进行赋值：先赋值，后累加*基本类型的转换1.字符串加数字,数字就会转成字符串va...

2021-09-01 15:21:43 168

原创 HTMl、CSS知识点

01-初始HTML CSS1.web的第一门编程语言：JavaScripthtml是一种标记语言（超文本标记语言）2.html、css、js的关系:网页三要素：html:网页框架构建结构css：样式调整表现js：响应操作（事件动态）行为3.html5结构：生成文档结构的快捷键! html5 html:5html5标准网页声明(文档声明)<!DOCTYPE html>html根标签，一个页面中有且只有一个根标签属...

2021-08-31 20:24:43 612

Hfffs的博客