01、描述事件冒泡的流程基于DOM树结构，事件会顺着触发元素向上冒泡点击一个div，会一级一级向父级、爷级元素上冒泡，这个点击事件不仅能被这个div捕捉到，也能被他的父级、爷爷级…元素捕捉到例如：<style>div{width:200px;height:200px;background

1.1模块与组件、模块化与组件化1.1.1模块理解：向外提供特定功能的js程序，一般就是一个js文件为什么：js文件很多很复杂作用：复用js，简化js的编写，提高js运行效率1.1.2组件理解：用来实现局部(特定)功能效果的代码集合(html/css/js/image.....)为什么：一个界面的功

异步模式Asynchronous不会等待这个任务结束才开始执行下一个任务，开启之后立即执行下一个任务，后续逻辑一般会通过回调函数的方式定义，异步模式对js非常重要，没有异步任务单线程的js语言就无法同时处理大量耗时任务，单线程下面的异步最大的难点就是代码的执行顺序混乱，Queue是消息队列队列也叫回

2022-10-26Vue属性的基本操作一、绑定（1）单向绑定关键词：v-bind用法：v-bind:原属性名="数据模型的key值"例如：v-bind:href="username"（其中"username"中的说明放在“script”说明中）简写：可以省略“v-bind”，但是不能省略冒号。（2

一、浏览器本地存储方式及使用场景1.Cookie概念：Cookie是最早被提出来的本地存储方式，在此之前，服务端是无法判断网络中的两个请求是否是同一用户发起的，为解决这个问题，Cookie就出现了。Cookie的大小只有4kb，它是一种纯文本文件，每次发起HTTP请求都会携带Cookie。特性：Co

在CSS中，渐变（Gradient）可谓是最为强大的一个属性之一。但是，经常有同学在使用渐变的过程中会遇到渐变图形产生的锯齿问题。何为渐变锯齿？那么，什么是渐变图形产生的锯齿呢？简单的一个DEMO：<div></div>div{width:500px;height:100px

背景最近在公司内部进行一个引导配置系统的开发中，需要实现一个多图轮播的功能。到这时很多同学会说了，“那你直接用swiper不就好了吗？”。但其实是，因为所有引导的展示都是作为npm依赖的形式来进行插入的，所以我们想要做的就是：尽量减少外部依赖以及包的体积。所以，我们开始了手撸简易版swiper之路。

上文《Vitepress搭建组件库文档（上）——基本配置》已经讨论了vitepress搭建组件库文档的基本配置，包括站点Logo、名称、首页home布局、顶部导航、左侧导航等。本文进入最重要的部分——如何像ElementPlus那样一遍代码就可以展示组件的效果和源代码。1组件Demo的实现效果vit

今天npmrundev的时候，有个页面报错，提示[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.昨天还好好的，今天就报错了，也没改啥。经过查资料，反复查证回想改了什么，发现是因为昨天在在哪个页面组件目录（src\

 01、HTTP常⻅的状态码有哪些？1xx服务器收到请求2xx请求成功     ---  200成功状态码3xx重定向      --- 301永久重

2022-10-27 一、Vue的列表渲染（1）关键字：v-for（2）用法：v-for:"临时变量名in列表名"。“列表”的说明是写在script中的Vue中的data中。（3）扩展：在列表渲染中，渲染就是在前端能看见的。需要用到索引的用法。v-for:"(临时变量名,index)in列

序又是快两个月没写随笔了，长时间不总结项目，不锻炼文笔，一开篇，多少都会有些生疏，不知道如何开篇，如何写下去。有点江郎才尽，黔驴技穷的感觉。写随笔，通常三步走，第一步，搭建框架，先把你要写的内容框架搭建出来；第二步，添砖，在框架基础上，填写各部分内容；第三步，加瓦，再写好的内容上进行修改，润湿。然后

好家伙,本篇用于测试"添加"接口,为后续"用户注册"功能做铺垫 (完整代码在最后)我们要实现"添加"功能老样子我们先来理清一下思路,现在,我是一个用户,我来到了注册页面,我在一个①表单中要把我要添加的数据填好,然后点击添加按钮,进行②数据校验(看看用户有没有少填的数据),随后,③发送网络请

原博客地址01、描述事件冒泡的流程，可画图考察点：事件基础知识参考答案：copy//基于DOM树结构，事件会顺着触发元素向上冒泡//阻止冒泡event.stopPropagation();点击一个div，会一级一级向父级、爷级元素上冒泡，这个点击事件不仅能被这个div捕捉到，也能被他的父级、爷爷级…

Vue（V3.2.37）使用Three.js（V0.145.0）加载3D模型的详细步骤1、安装three命令：pnpminstallthree引入three和加载器import*asTHREEfrom'three'import{OBJLoader}from'three/examples/jsm/lo

前言相信很多前端同学都或多或少和动画打过交道。有的时候是产品想要的过度效果；有的时候是UI想要的酷炫动画。但是有没有人考虑过，是不是我们的页面上面的每一次变化，都可以像是自然而然的变化；是不是每一次用户点击所产生的交互，都可以在页面上活过来呢？欢迎你打开了新的前端动画世界——《FramerMotio

摘要：在CentOS7.4服务器版本的环境下安装nginx服务器、配置文件服务器、流媒体服务器。本文分享自华为云社区《华为云ECS服务器安装CentOS7.4镜像，部署GINX服务器、搭建物联网视频监控系统》，作者：DS小龙哥。在CentOS7.4服务器版本的环境下安装nginx服务器、配置文件服务

序：能源是文明和发展的重要保障，人类命运不可避开的话题，无论是战争还是发展，都有它存在的身影。从石器时代到现代文明，人类的能源应用在进步，也在面临能源枯竭的危机与恐惧，而开发与应用可再生能源才是解决这一难题的主要途径。中国在这一方面，一直走着实事求是，可持续发展的道路，追求新能源的开发与创新是每一个

最近在项目上需要一个信息弹窗，来显示信息。一开始只让它弹出了文字，而且只有一条信息。而给我的需求是多条文字和图片，而后我使用了elementui中的Notification通知组件来显示。当然，基础的 Notification还不行，所以我使用了具有HTML片段的 Notific

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助在Vue，除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作。Vue自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，

01，如何开启JS严格模式？JS严格模式有什么特点？两种方式全局开启在js开头加上'usestrict'局部开启，在作用域开头加上functionfn(){'usestrict'}特点：1，全局变量必须先声明2，禁止使用with3，创建eval作用域有单独的作用域4，禁止this指向window5，

原博客地址01.如何开启js严格模式？js严格模式有什么特点？参考点：js基础知识参考答案：copy//全局开启'usestcict'//局部开启functionfu(){'usestrict'}/*1.全局变量必须先声明2.禁止使用with3.创建eval作用域4.禁止this指向window5.

一、Vue核心1、Vue简介（1）官网​英文官网​中文官网✡️本笔记中项目的地址DFshmily/Vue(github.com)（2）介绍与描述Vue是一套用来动态构建用户界面的渐进式JavaScript框架构建用户界面：把数据通过某种办法变成用户界面渐进式：Vue可以自底向上逐层的应用，简单应用只

好家伙,JS基础接着学, 1.事件流页面哪个部分拥有特定的事件?可以把页面想象成一个同心圆,当你戳了其中的一点,其实你同时戳中了很多个圆 当你点击一个页面中的按钮,实际上你同时点击了这个按钮,这个按钮的容器,以及整个页面 于是有了这么个概念,事件流,我们用事件流描述页面