小仙女学前端-CSDN博客

原创前端面试题

js面试题1、js数据类型基本数据类型Number、String、Boolean、Null、Undefined、Symbol、bigInt引用数据类型object、Array、Date、Function、RegExp2、js变量和函数声明的提升在js中变量和函数的声明会提升到最顶部执行函数的提升高于变量的提升函数内部如果用 var 声明了相同名称的外部变量，函数将不再向上寻找。匿名函数不会提升。3、闭包闭包就是能够读取其他函数内部变量的函数闭包基本上就是一个函数内部返回一个函

2022-02-27 22:00:23 188

原创 vue组件传值方式

我们都知道 Vue 作为一个轻量级的前端框架，其核心就是组件化开发。Vue 就是由一个一个的组件构成的，组件化是它的精髓，也是最强大的功能之一。而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。但在实际项目开发过程中，我们需要访问其他组件的数据，这样就就有了组件通信的问题。在 vue 中组件之间的关系有：父子，兄弟，隔代。针对不同的关系，怎么实现数据传递，就是接下来要讲的。一、父组件向子组件传值即父组件通过属性的方式向子组件传值，子组件通过 props 来接收。在

2022-02-15 22:09:50 570

原创尚品汇项目第七天

1：mockjs 11.1 mockjs介绍：mockjs可以生成模拟数据，拦截AJAX请求，可以模拟后台接口的数据。 11.2 为什么要使用mockjs？在前端开发的时候，往往都需要都需要后端提供接口数据来进行相应页面的开发。但这个时候就需要后端先行开发，之后前端才进行开发，从而可能会影响开发效率。Mock.js这个工具完全可以通过我们设置的规则，来提供数据，从而解决了前端不能独立开发的问题。而且当对接后端接口的时候，也不需要修改既有代码。 ...

2022-02-15 21:21:37 144

原创尚硅谷第六天

9：过渡与动画（由三级联动分类引出） 9.1 过渡与动画的主要实现 vue中封装的过渡与动画必须与v-show或v-if配合使用，想要进行过渡的内容必须用transtion组件包裹，如果在transtion组件中不使用name指定名字，则全部用v-。样式的指定需要在css中进行。 9.2 过渡dome（不配置name）<template> <div> <button @click='isS...

2022-02-15 21:20:06 60

原创尚硅谷第五天

7：函数的防抖与节流 7.1 卡顿现象原因：事件的触发非常频繁，每一次的触发都会引起回调函数的执行，如果回调函数内部有计算，且频繁触发，那么就会导致浏览器卡顿。 7.2 防抖介绍：指频繁触发事件，但是只会执行最后一次的事件回调，之前的回调都会被取消。技术：lodash中debounce方法封装了防抖的实现 7.3 节流介绍：指频繁触发事件，但是事件回调在一定的时间内只会执行一次...

2022-02-15 21:18:47 78

原创尚品汇项目第三天

6：vuex模块化开发 1.为什么要使用vuex？答：当项目较大时，组件、数据、接口等都会很多，会导致项目维护不方便，所以采用vuex统一管理共用的数据。 2.vuex的模块化开发。 vuex不仅仅可以用来保存共用的数据，也可以用来模块化开发，将不同组件的数据写到不同的对应文件中来进行保存，使开发条理更加清晰，并且极大的方便后期的维护。 3.使用：在src中新建store文件夹，用来书写vuex相关代码 ...

2022-02-15 21:17:12 108

转载爱心动态-css/html

<!DOCTYPE html><html><head> <title></title></head><style> *{ padding: 0; margin: 0; } html, body { height: 100%; padding: 0; margin: 0; background: #000;}canvas { position: absolut...

2022-02-10 21:16:32 209

原创尚品汇项目实战第二天

第二天1. 声明式路由导航 ==>> 即<router-link>eg： <router-link to='xxx' tag='li'> To PageB </router-link>注意：<router-link> 会默认解析成 a 标签，可以通过 tag 属性指定它解析成什么标签编程式路由导航 ==>> 即写js的方式相关 API：1) this.$router.push(path): 相当于

2022-01-28 22:24:11 1133

原创为什么要对axios进行二次封装

api统一管理,不管接口有多少,所有的接口都可以非常清晰,容易维护.通常我们的项目会越做越大,页面也会越来越多,如果页面非常的少,直接用axios也没有什么大的影响,那页面组件多了起来,上百个接口呢,这个时候后端改了接口,多加了一个参数什么的呢?那就只有找到那个页面,进去修改.整个过程很繁琐不易于项目的维护和迭代.这个时候如果我们统一的区管理接口,需要修改某一个接口的时候直接在api里修改对应的请求是不是很方便呢?因为我们用的最多的还是get post请求.我们就可以针对封装.import a

2022-01-28 17:31:41 2294

原创 v-if与v-show区别

基于vue框架v-if：当隐藏结构时该结构会直接从整个dom树中移除；v-show：当隐藏结构时是在该结构的style中加上display:none，结构依然保留。什么时候使用v-if，什么时候使用v-show?当组件中某块内容只会显示或隐藏不会被再次改变显示状态，此时用v-if更加合适，例如请求后台接口通过后台数据控制某块内容是否显示或隐藏，且这个数据在当前页不会被修改；当组件某块内容显示隐藏是可变化的，此时用v-show更加合理，例如页面中有一个toggle按钮,点击按钮来控制某块区域的

2022-01-12 20:12:35 251

原创 Vue-router的安装与配置

Vue Router 是Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转；（route，routes，router）：　　route：首先它是个单数，译为路由，即我们可以理解为单个路由或者某一个路由；　　routes：它是个复数，表示多个的集合才能为复数；即我们可以理解为多个路由的集合，JS中表示多种不同状态的集合的形式只有数组和对象两种，事实上官方定义..

2022-01-12 19:33:56 1259

原创【无标题】

pm ERR! syscall opennpm ERR! path C:\Users\yiliu\Desktop\project-sgg/package.jsonnpm ERR! errno -4058npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\yiliu\Desktop\project-sgg\package.json' npm ERR! enoent This is related to npm not..

2022-01-10 16:44:48 347

hahaha6hahah的博客