不停止的程序-CSDN博客

17. 解释一下JS的展开操作符？展开运算符在需要多个参数/变量/元素的位置展开表达式，它用三个点（…）。如：var mid = [3, 4];var newarray = [1, 2, ...mid, 5, 6]; console.log(newarray); // [1, 2, 3, 4, 5, 6]18. JS中的宿主对象与原生对象有何不同？宿主对象象:这些是运行环境提供的对象。这意味着它们在不同的环境下是不同的。例如，浏览器包含像windows这样的对象，但是Node.js环境提供

2022-03-12 10:16:34 189

原创 js面试题（上）

1.js中let和const有什么用？在现代js中，let＆const是创建变量的不同方式。在早期的js中，咱们使用 var关键字来创建变量。 let＆const关键字是在ES6版本中引入的，其目的是在 js中创建两种不同类型的变量，一种是不可变的，另一种是可变的。const:它用于创建一个不可变变量。不可变变量是指其值在程序的整个生命周期中永不改变的变量。let: let用于创建一个可变变量，可变变量是像var这样的普通变量，可以任意次数地更改。2. JS 中的主要有哪几类错误JS有三类的

2022-03-06 18:03:20 584 3

原创 jQuery 的实现原理？

1. 为了防止全局变量污染，把 jQuery 的代码写在一个自调用函数中2. 咱们平常使用的$实际上 jQuery 对外暴露的一个工厂函数3. 而构造函数在 jQuery 的内部叫 init，并且这个构造函数还被添加到了 jQuery 的原型中。当我们调用工厂函数的时候返回的其实是一个构造函数的实例4. jQuery 为了让第三方能够对其功能进行扩展，所以把工厂函数的原型与构造函数的原型保持了一致。这样子对外暴露工厂函数，即可对原型进行扩展...

2022-02-27 15:48:25 926

原创 class 和普通构造函数有何区别？

Js 构造函数： function MathHandle(x, y) { this.x = x this.y = y } MathHandle.prototype.add = function () { return this.x + this.y } var m = new MathHandle(1, 2) console.log(m

2022-02-27 15:38:21 741

原创 split（）和 join（）的区别？

split():是把一串字符（根据某个分隔符）分成若干个元素存放在一个数组里即切割成数组的形式；join():是把数组中的字符串连成一个长串，可以大体上认为是 split()的逆操作

2022-02-27 15:13:28 166

原创 new 操作符具体干了什么呢？

1. 创建一个空对象: 并且 this 变量引入该对象,同时还继承了函数的原型2. 设置原型链空对象指向构造函数的原型对象3. 执行函数体修改构造函数 this 指针指向空对象,并执行函数体4. 判断返回值返回对象就用该对象,没有的话就创建一个对象...

2022-02-27 15:12:22 135

原创 js 防抖和节流

在进行窗口的 resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕此时我们可以采用 debounce（防抖）和 throttle（节流）的方式来减少调用频率，同时又不影响实际效果函数防抖：函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时如下，持续触发 scroll 事件时，并不执行 handle 函数，当 100

2022-02-27 15:10:26 128

原创 event 对象的常见应用

event 对象的常见应用1. event.preventDefault(); // 阻止默认行为，阻止 a 链接默认的跳转行为2. event.stopPropagation(); // 阻止冒泡3. event.stopImmediatePropagation(); // 按钮绑定了 2 个响应函数，依次注册 a,b 两个事件，点击按钮，a 事件中加 event.stopImmediatePropagation()就能阻止 b 事件4. event.currentTarget // 早期的

2022-02-27 15:04:35 268

原创 CANVAS画布

Canvas的使用<canvas id="canvas" height="300" width="300"> 您的浏览器不支持canvas标签</canvas>canvas标签在页面中只显示一个设定背景色的画布,canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成,canvas只是提供了一个javascript图形图像的绘制接口API检测浏览器是否支持canvas标签<canvas id="Canvas"></

2022-02-23 16:13:26 672 2

原创 html5 SVG

1 什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失SVG 是万维网联盟的标准SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体SVG 与 Canvas两者间的区别:SVG 是一种使用 XML 描述 2D 图形的语言。Canvas 通过 JavaScript 来绘制 2D 图形。SVG 基于 XML

2022-02-23 15:40:40 216

原创 CSS3 弹性盒布局方式

一、CSS3 弹性盒子弹性盒子是 CSS3 的一种新布局模式。CSS3 弹性盒（Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间二、浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在数字后面的 -webkit- 或 -moz- 为指定浏览器的前缀。三、CSS3 弹性盒子内容弹性盒子由弹性容器(

2022-02-21 10:40:48 857

原创最全vue面试题+详解答案（下）

面试题

2022-01-13 15:20:55 848 2

原创最全vue面试题+详解答案 (上）

面试题

2022-01-13 14:58:26 477

原创 GitHub项目上传流程

GitHub项目上传流程

2022-01-03 22:45:55 418

原创 vue-cli3项目创建

vue-cli3项目创建以及vue-cli2的卸载

2022-01-03 22:36:33 282

原创使用vue-cli2创建模板项目

项目创建

2022-01-03 22:25:57 619

原创 VUE插槽

插槽

2022-01-03 22:08:50 398

原创 Vue 组件开发

组件是可复用的 Vue 实例, 如果网页中的某一个部分需要在多个场景中使用，那么我们可以将其抽出为一个组件进行复用。组件大大提高了代码的复用率********延伸阅读：https://blog.csdn.net/YYxiaobao0726/article/details/865774811.组件命名：短横线：驼峰式：注：如果是驼峰式，在引用时必须将其展开:my-component2.基本用法：全局注册 [父、根组件] <div id="app"> &lt

2021-12-31 20:06:18 799

原创圣诞老人-jq-html

动态圣诞老人头像先上原图代码分为三部分：1.基本结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CodePen - Merry Christmas</title> </head><body> <div class="sky"></div> &lt

2021-12-22 16:19:45 998

原创圣诞树-前端代码html--动态

先看效果图：分为两部分结构：<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title>圣诞树</title></head><body><div class="box-canvas"> <div class="trunk"></div> <div class

2021-12-22 15:46:03 15132

原创 Vue 的生命周期（最全周期）

最全生命周期（一定看到最后）Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载 Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是 Vue 的生命周期。通俗说就是 Vue 实例从创建到销毁的过程，就是生命周期。1.实例、组件通过 new Vue() 创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate 钩子函数，这个时候，数据还没有挂载呢，只是一个空壳，无法访问到数据和真实的 dom，一般不做操作2. 挂载数据，绑定事件等等，然后执行 create

2021-12-22 14:29:25 8275 4

原创 computed 属性与 watch 的区别

computed 属性与 watch 的区别当需要数据在异步变化或者开销较大时，执行更新，使用 watch 会更好一些；而 computed 不能进行异步操作；computed 可以用缓存中拿数据，而 watch 是每次都要运行函数计算，不管变量的值是否发生变化，而 computed 在值没有发生变化时，可以直接读取上次的值总结：1.:computed是属性，watch 是监听控制台2.Computed 具有缓存功能,相关的属性会一直驻留内存，可以多次进入页面调用而不需要重新加载3.w

2021-12-22 14:17:23 294

原创 Methods 与 computed 的区别

computed 属性与 methods 的区别在模板文件中，computed 属性只需要写{{reverseMessage}}，而 methods 需要写成{{reverseMessage()}}，最明显的区别就是 methods 是方法，需要执行；computed 属性只有在依赖的 data 放生变化时，才会重新执行，否则会使用缓存中的值，而methods 是每次进入页面都要执行的，有些需要每次进入页面都执行的方法，需要使用methods，而 computed 属性比较节约。总结:．调

2021-12-22 14:14:10 310 1

原创 VUE 四个常用选项

一、 VUE 四个常用选项1. filter 过滤器过滤就是一个数据经过了这个过滤之后出来另一样东西，可以从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。例如，从[‘abc’,‘abd’,‘ade’]数组中取得包含‘ab’的值，那么可通过过滤器筛选出来‘abc’和‘abd’；把‘Hello’变成‘Hello World’，那么可用过滤器给值‘Hello’后面添加上‘ World’；或者把时间节点改为时间戳等等都可以使用过滤器。语法1: {{ message | filte

2021-12-22 14:11:51 1457

原创 VUE 入门简介

目前很火的一个JavaScript MVVM 库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js 提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js如果你之前已经习惯了用jQuery 操作DOM，学习Vue.js 时请先抛开手动操作DOM 的思维，因为Vue.js 是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML 语法，将DOM 和数据绑定起来。一旦你创建了绑定，DOM 将和数据保持同步，每当变更了数据，DOM 也会相应地更新。1.什么

2021-12-22 14:05:04 209

空空如也

空空如也