自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 vue项目文件夹及文件相关介绍

放置node的一些基础的依赖包,当我们拓展的安装一些别的插件时 也会装在这个文件夹里。

2023-03-02 19:44:19 1666

原创 VUE

Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。

2023-03-01 11:32:05 320

原创 node相关面试题

AJAX全称(Async JavaScript and XML),即异步的JavaScript和XML,是一种创建交互式网页应用的网页开发技术,可以在不重新加载整个网页的情况下,与服务器交换数据,并且更新部分网页。JS中有5中基本类型:Undefined、Null、Boolean、Number和String,基本类型在内存中占据空间小、大小固定,他们的值保存在栈(stack)空间。引用类型(对象、数组、函数),引用类型在内存中占据空间大、大小不固定,栈内存中存放地址指向堆(heap)内存中的对象。

2023-02-24 11:24:27 152

原创 Vue--项目创建及Router作用

第三步:选择项目设置, 按上下键切换 按空格键选择或者取消选择 ,选择Babel,Router,Vuex,CSS Pre-processors然后按回车键。第五步:选择history模式 如果是就输入Y 如果不是 那就是选择了hash模式 那么就输入n,我们选择history模式输入n ,回车。第七步:选择设置存放,询问你是把设置另外放在一个文件夹里 还是放在package.json文件夹里,回车。是否把刚刚的设置都保存下来 ,如果输入Y 表示要存储这些设置, 下一步就给这些设置取个名字。

2022-11-29 16:11:49 354

原创 单页应用(SPA)

(SEO原则:搜索引擎的蜘蛛只识别href的一般超链接,而不识别JavaScript代码,遇到一般超链接就会爬进去,遇到JavaScript不会爬进去。单页应用程序:只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中。就是只有一个Web页面的应用,是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序。传统多页面程序:每次请求服务器返回的都是一个完整的页面。减少了请求体积,加快页面响应速度,降低了对服务器的压力。

2022-11-27 08:48:32 181

原创 父子组件之间传递数据的方法

父组件通过调用getChildMsg函数来处理监听到的值。在components中注册子组件;通过v-bind属性向子组件中传值。父组件import引用子组件;

2022-11-27 08:42:05 272

原创 v-for与v-if一同使用的注意事项

vue2.0和vue3.0 对两者的优先级说法不一样,但是相同点就是都不能发在同一个节点上使用这两个指令,可以根据需求使用计算属性过滤一下或者置于外层元素 (或 < template >) 上。在vue官方文档里明确了v-for和v-if不推荐同时在一个节点使用。而原因就是它们两个的优先级不同,但是vue2.0文档和vue3.0文档里它们的优先级不一样。当它们处于同一节点,v-for 的优先级比 v-if 更高,这意味着 v-if 将分别重复运行于每个 v-for 循环中。

2022-11-27 08:35:41 211

原创 v-if与v-show的区别

因为,v-if 会带来实时渲染所带来的不必要的资源消耗,和操作延迟,这给用户的体验并不是很好,相对下,v-show基于CSS的显示与隐藏,更加快捷,响应速度更快,并且资源消耗也会更小。但 v-show 的弱点也很明显,因为页面是在页面初始化的时候,就得完成全部的渲染,这使得页面的加载会更消耗资源,也意味着页面加载时长会相应增长。而 v-show 是在页面初始化时就进行了完整的渲染,这会在某些情况下,明显增加页面的加载时间。具体的使用,还得根据需求、页面的加载时长以及组件的渲染强度,进行合适的选择。

2022-11-27 08:30:49 438

原创 key属性的作用

向数组某个位置中插入一个元素。

2022-11-27 08:26:10 393

原创 v-model修饰符

用于在表单控件以及组建上创建的双向数据绑定。

2022-11-26 13:48:23 272

原创 事件修饰符

用来针对于当前标签的事件触发 ===========> 只触发自己标签的上特定动作的事件 只关心自己标签上触发的事件 不监听事件冒泡。修饰符: 作用用来和事件连用,用来决定事件触发条件或者是阻止事件的触发机制。once 一次 作用: 就是让指定事件只触发一次。用来阻止标签的默认行为。

2022-11-26 13:41:19 159

原创 事件对象属性

在事件绑定的回调函数的第一个参数就是事件对象,一般命名为event、ev、e。事件对象是事件在被触发时产生的一个对象,这个对象里有事件触发时的相关信息。例如:鼠标点击事件中,事件对象就存了鼠标点在哪个位置等信息。

2022-11-26 13:33:13 186

原创 数组侦听器

a.当你利用索引值直接设置一个数组时,如vm.items[indexOfItem] = newValue。b.当你修改数组的长度时,例如: vm.items.length = newLength。语法:在和data、methods这些平级的位置写一个watch。作用:用来侦听数据有没有变化,一旦有变化就调用函数。2.使用标准方法修改数组可以被侦听到。

2022-11-26 13:12:10 115

原创 生命周期钩子

生命周期: Vue是一个构造函数,当执行执行这个函数时,相当于初始化vue实例;在创建实例过程中,需要设置数据监听,编译模板,将实例挂载到DOM上,数据更新能够让DOM也更新,在这个初始化,又会不同阶段默认调用一些函数执行,这些函数就是生命周期的钩子函数;通俗说就是Vue实例从创建到销毁的过程,就是生命周期beforeCreate created[可以获取数据及方法]beforeMount mounted[可以获取到真实的DOM]beforeUpdate updated[数据更新执行]

2022-11-26 13:00:41 135

原创 模板字符串

模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。

2022-11-26 12:49:11 120

原创 ES-6键值对

任何一个对象的成员要么是数据成员,要么是函数成员。但无论是函数据成员还是函数,在本质上都是一个键-值对,“键”是这个成员的名字,“值”是这个成员的内容。对于函数成员来说,“键”是函数的名字,“值”是函数的“地址”。因此,只要能够描述一个函数的名字和这个函数将要执行的操作就可以了。

2022-11-26 10:03:01 214

原创 CDN简介

CDN的全称是Content Delivery Network,即内容分发网络。CDN的基本原理是广泛采用各种缓存服务器,将这些缓存服务器分布到用户访问相对集中的地区或网络中,在用户访问网站时,利用全局负载技术将用户的访问指向距离最近的工作正常的缓存服务器上,由缓存服务器直接响应用户请求。纵观整个宽带服务的价值链,内容提供商和用户位于整个价值链的两端,中间依靠网络服务提供商将其串接起来。随着互联网工业的成熟和商业模式的变革,在这条价值链上的角色越来越多也越来越细分。

2022-11-26 09:36:33 99

原创 CMD命令操作

方式二:键盘快捷键“win图标+R”,输入cmd回车。(win图标位于键盘最下方一行左起第3个)方式一:点击桌面左下角Windows图标,找到“运行”,输入cmd回车即可。方式三:点击桌面左下角windows图标,输入cmd搜索,然后点击打开即可。外部命令:需要把程序安装到计算机中,然后执行相应的文件名。内部命令:操作系统提供的基本命令,如进入一个目录。在窗口中只能使用文字命令来执行各种操作。打开CMD命令窗口方式。

2022-11-26 09:26:45 1493

原创 MVVM模式

MVVM采用双向数据绑定,view中数据变化将自动反映到viewmodel上,反之,model中数据变化也将会自动展示在页面上。MVVM 就是将其中的View 的状态和行为抽象化,其中ViewModel将视图 UI 和业务逻辑分开,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。:视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的View上,当View变化的时候Model可以不变,当Model变化的时候,View也可以不变。

2022-11-26 08:57:45 86

原创 computed(计算属性)和methods(方法)的区别

new Vue({// 在此时定义方法,方法之间使用逗号分隔 方法名 : function() {} });

2022-10-12 19:56:23 660

原创 JS的三种数据存储方式,JSON转换

由于cookie存储机制有很多缺点,HTML5不再使用它,转而使用改良后的WebStorage存储机制。这个一个JSON字符串,本质是一个字符串。2.localStorage的生命周期。SessionStorage的生命周期。1.什么是localStorage。3.localStorage的局限。【JSON和JS对象互转】JSON和JS对象的关系。

2022-10-10 19:14:20 598

原创 Map对象 作用域

作用域是运行时代码中菜些特定部分中变量,函数和对象的可访问性。换句话说,作用域决定了代码中变量和其他资源的可见性。let a = '内层变量' console . log(a);//内层变量 } Fun();//先执行函数 function fun() {let a = '变量' console . log(a);//变量 } fun();//undefined //变量a在全局作用域没有声明,所以在全局作用域下取值会报错。

2022-09-30 17:27:30 244

原创 JS----变量声明与作用域

为了提高代码的质量,在开发过程中建议只使用 const 和 let 关键字声明变量。因为 const 和 let 声明的变量有明确的作用域、声明位置、以及不变的值。它的用法类似于var,但是所声明的变量,只能在let命令所在的代码块内有效。开发时使用什么关键字声明变量?1-基本类型数据无法重新赋值。1.基本数据类型无法重新赋值。注意点2-必须设置初始值。注意点2:没有块级作用域。注意点3-有块级作用域。注意点4-不会变量提升。注意点5-不能重复声明。注意点1:变量会提升。

2022-09-29 11:11:36 160

原创 vue侦听器

Vue侦听器是提供给开发者可以用来监测某些数据的变化,一旦有变化就调用函数。

2022-09-29 10:34:42 301

原创 JS数据结构---TypeArray、Set、栈、链表、二叉树

一种类数组类型,是二进制数据类型集合的总称。栈是一种“先进后出”的线性数据结构。栈只有一端能够进出元素。能进出元素的一端叫栈顶,不能进出元素的一端叫栈底。当我们添加或者删除元素的时候,只能从栈顶操作。上图就是一个栈,栈里面有三个元素。其中 3 号元素是栈顶,1 号元素栈底。只有当前元素是栈顶的时候才能出栈。所以上图只有 3 号元素可以出栈。如果 3 号元素出栈,那么栈顶就会变成 2 号元素。这时候,我梦们发现,栈有先进后出,后进先出的特点。

2022-09-24 09:09:02 276

原创 Vue实例的生命周期

vue实例从创建到销毁的一系列过程。

2022-09-12 11:17:30 164

原创 JS基本类型

每一种编程语言都有自己的语法规则,在处理数据的时候,也会有自己的规则,不是任何数据都可以处理的。

2022-09-02 17:09:17 223

原创 Vue.js开发基础

1.导入vue.js。2.准备好界面。3.实例化一个vue,并且将这个界面交给vue管理。4.{{ vue里的变量 }},可以输出这个变量的值。

2022-08-31 16:53:50 138

原创 了解node.js和npm

Node.js是一个和且基于Chrome V8引擎的JavaScript运行时环境。的JavaScript运行环境。也就是使用javascript编写,并且运行在服务器,实现使用js来开发后端。

2022-08-30 19:45:45 290

原创 web开发概述

快速掌握wed开发概述

2022-08-30 11:58:16 267 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除