qq_45656036的博客

1.React中关于SPA首屏优化有哪些方式ui按需加载开启GZIP压缩使用SSR静态资源本地缓存2.vue中使用了哪些设计模式工厂模式单例模式发布-订阅模式观察者模式3.对使用v-for指令时，为什么要加key利用key的唯一性生成map对象来获取对应节点，比遍历方式更快带key就不是就地复用了，在sameNode函数a.key === b.key 对比中可以...

自我介绍你好，我叫***，今年23岁，从事前端开发有两年经验，我来自河南，之前一直在北京上班，都是在同一家公司，主要使用开发技术栈是Vue，但是对react也有一些了解，但是在实际项目中还是用vue1.flex布局在开发中用的比较多吗，将第二个点放到右下角，怎么实现2.算法题·3.flex布局常用属性4.flex如何实现垂直居中5.flex-grow与flex-shrink的作用grow:定义项目的放大比例shrink:定义缩小比例，默认为16.BFC怎么理解,在前端中有什么作用，使用场

自我介绍：我这次应聘的是公司的前端，之前有差不多两年的工作经验，在简历里面也写了几个不同类型的项目，之前做的差不多都是电商类的，里面的技术栈基本都是跟团队做的，在团队里面vue用的比较多具体这就是我的经验了vue面试题1.v-if与v-for的优先级优先级来说呢是v-for比v-if高，在源码的8千到9千行差不多，有个方法写到判断el等于等于什么，在源码里面呈现出来的就是先走的是once，然后是for最后是if，所以说v-for要比v-if优先级要高，但是一般来说不会把这两个写到一块，因为性能比较低

vue是什么？构建用户页面的渐进式框架觉得vue哪里好？(优点)vue.js 体积小， 编码简洁优雅，运行效率高，用户体验好.无Dom操作，它能提高网站应用程序的开发效率vue的缺点：1.双向绑定时，bug调试难度增大2.大型项目中，View和Model过多，维护成本过高VUE哪种场景使用？一般需要开发单页面应用程序时使用，比如网易音乐，因为vue是渐进式的，vue其实可以融入到不同的项目中，即插即用vue的核心数据驱动视图，组件化开发组件化开发是什么？组件化开发，允许我们

1.什么是webpack基于现代js应用程序的静态模块打包工具2.为什么学习webpack常用的vuejs脚手架这些工具都是通过webpack进行封装，并且提供了单独的配置文件3.webpack核心重要的就4个入口：entrywebpack的入口是收集前端项目所有依赖的起点，实际上，他就是一个简单的js。默认的入口就是src/index.js 也可以修改默认的入口，也可以有多个入口出口：output出口是指webpack生成js和静态文件的地方，为ebpack4开始默认输出文件是dist

模块化：nodejs是遵循commonjs模块化打包webpackwebpack 前端模块化的构建工具gulp:自动化工作流程的构建工具任务流 glup 注重工作流程1.参考https://www.gulpjs.com.cn/docs/getting-started/quick-start/1.检查node与npm版本 -v安装顺序：1.npm -v2.node -v3.npx -v4.npm install --global gulp-cli5.gulp -v6.npx mkd

1.查看项目是否干净 git status2.创建分支 git checkout -b 分支名 例如 git checkout -b login3.查看分支 git branch 带*号表示当前的分支

setup执行时机：是在beforeCreated之前执行，this时undefinedsetup的参数：1.props:值为对象2.context:attrs：值为对象this.attrsslotsemit:分发自定义事件，响当当与this.$emitcomputed 计算属性import {computed} from ‘vue’let a = computed(()=>{return person.name + msg.value})let a = computed((

setup1.在setup里面使用组合式api2.setup 是在组件创建之间执行，所以在setup中避免使用this，因为它不会找到组件实例，3.组件中用到的数据，方法等需要写在setup中4.值需要return5.不要与vue2混用基本数据类型<h1>{{msg}}</h1> export default{ setup(){ const msg = 'hello' return{ msg } }}对象&

1.npm init vite@latest2.改vite-project 为自己的项目名3.选中vue 两次4. cd three npm install npm run dev

1.骨架屏- skeleton在页面加载完成之前，页面出现的骨架，有利于性能优化作用：当网页加载过慢如果是白屏，影响用户体验，也可以加loding 来防止白屏。但是更好的解决方案就是骨架屏实现：ui设计图片，当网页内容还没渲染出来时，先解析骨架屏这张图片，比如淘宝与京东都使用了骨架屏或者是用布局写，当页面还没渲染出来的时候就让这个样式显示，渲染完成就隐藏用布局写的好处：代码体积小，占用的空间可忽略，但是一张图都1kb缺点：不需要用代码写，ui直接切好图，需要写两套样式淘宝原生的实现：js原生

1.npm init vite@latest2.cd vite-project 切换到本项目3.然后选择vue项目4.进入到本项目下载依赖 npm i5.然后npm run dev运行项目

1.lala 第二次的上机2. 11 简单的添加3.demo 简单的电商4.fangtaobao5.iview6.vue购物车 就加减和结算7.jishi1功能齐全8.动态切换9.切换10.搜索框防百度11.计算12.天气13.小黑记事本 功能齐全14.天气2中的添加与删除 功能齐全15.天气中的demo 功能更齐全16.增删17.新增重点人员18.新建文件夹2...

1.jsonp实现的原理：原理就是利用了script标签中的src属性外联引入文件不受同源策略的限制，在页面中动态插入script标签，script标签的src属性就是后端api接口的地址，并且以get的方式将前端回调处理函数名称告诉诉后端，后端在响应请求时会将回调返还，并且将数据以参数的形式传递回去。JSON返回的是一串数据，而JSONP返回的是脚本代码JSONP只支持get请求，不支持post请求2.什么情况下会导致跨域？怎么解决？同源：协议 域名 端口号相同。 三者有一个不相同就会导致

1.现在public中新建一个名为data.json的json文件，把需要的数据放在这个文件里面

1.说说你对vuex的理解vuex是一个专门为vue.js应用程设计开发的状态管理，（它采用集中式存贮管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化）。2.什么是vuex的状态？它由五部分组成：state、actions、mutations、getters、modules 这五部份分别代表：1.state：存储数据的地方2.actions：可以进行异步操作3.mutations：唯一可以修改state中数据的场所4.getters：类似于vue中的计算属性，可

1.现在public文件中新建一个名为data.json的文件，内放数据供我们请求，例如：2.在store中的index.js文件中请求数据，例如：3.在组件中调用这个方法，例如：

1.vuex是什么？介绍：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。理解：核心就是 store（仓库），仓库是用来干什么的？你就当它用来储存东西的。2.什么是vuex的状态管理？state，驱动应用的数据源；view，以声明方式将 state 映射到视图；actions，响应在 view 上的用户输入导致的状态变化。3.什么是耦合？什么是内聚？耦合：模块与模块之间很多事存在关联的，如果改动一个，其他若干模块也会发生改变，模块之间的关系越是紧密，独立性就越不好，这种

1.在父组件中定义给子组件传递属性：此时我们传递属性值的类型为Object return{ propA:{name:'zhangsan'} }2.在父组件中挂载和使用子组件：<about :propA='propA' ></about>3.在子组件中用props来接收父组件传递过来的值，且设置一个默认值props:{ propA:{ type:Object, default(){ return{ title:'

当父组件给子组件传递属性时，我们可以在子组件接受属性的时候，加上一个必加属性required:true。代码演示：1.先在父组件中设置需要传递给子组件的值： return{ propB:['name','lalisa'] }2.在父组件中挂载和使用子组件并把属性传递给子组件：<about :propB='propB'></about>3.在子组件中接收父组件传递来的属性props:{ propB:{ type:Array, requir

1父组件没给子组件传递值的时候，显示默认值例如：在父组件中定义一个属性值，然后不传给子组件，那么在子组件中接收到的就是一个空值，在使用这个空值的时候，啥也没有。这个时候我们就可以给这个属性设置一个默认值。具体代码如下：1.在父组件中定义的属性： data(){ return{ propA:'Hello World', } },2.在父组件中挂载和使用子组件，但是不给子组件进行属性传递<about></about>3.在子组件中，用props接

想要父组件给子组件传值，那么数值肯定是要在父组件中定义的：第一步：我们要有一个父组件与子组件。简单来说就是先有两个组件 例如 Home和About。Home为父组件。About为子组件第二步：在父组件中把子组件引入过来：import about from './About'第三步：在父组件中挂载子组件 ：components:{ about }第四步：在父组件中定义你想要传的值，例如定义msg的值为哈哈：data(){ return{ msg:'哈哈' }

一.组件的分类组件：本质上说，组件是可复用的 Vue 实例，且带有一个名字，具有一定功能。所以它们可以与 new Vue 接收相同的选项，例如 data、methods以及生命周期钩子等组件分为：局部组件和全局组件全局组件 ：全局注册的组件在注册后可以用于任意实例或组件中局部组件：挂载后使用组件必须只有一个根元素：template二.组件的命名规则一个组件在封装和使用的时候的命名规范–回顾1.vue2.0版本文档介绍的以下2种组件命名方式：第一种：使用 kebab-case（

一.src和href的区别 ？ href标识超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系 src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。 src用于替换当前元素， href 用于在当前文档和引用资源之间确立联系。1、请求资源类型不同 2、 浏览器解析方式不同 3、作用结果不同二.页面元素隐藏方式 和各自特点？ 第一种：display属性为none，效果：元素不

1.v-once官方来说：就是差值表达式只生效一次白话:就是只赋值(渲染)一次使用场景：多用于：某个标签需要数据单一化的时候2.v-text 与 v-html： 相同点： 都能为标签渲染文本 不通点：text 元素内容整体替换为纯文本数据，且不会解析标签 html 整体会替换为指定的HTML文本，且会解析标签3.v-bind 与 v-model: 相同点： 用来绑定数据到标签中，符合数据驱动视图 不通点：bind：数据会影响视图 model

1、基本数据类型有哪些，和引用数据类型有什么区别？区别:基本类型在栈内存,引用类型在堆内存分配地址.不同的内存分配机制也带来了不同的访问机制复制变量时的不同参数传递的不同（把实参复制给形参的过程）2、说一说ES6常用的属性有哪些？块级作用域提供了定义类的语法糖增了一种基本数据类型(Symbol)新增了变量的结构赋值函数参数允许设置默认值，引入rest参数，新增箭头函数数组新增一些API和一些方法对象和数组新增了扩展运算符ES6新增了模块化ES6新增了set和map数