Vue
文章平均质量分 88
huohuoit
这个作者很懒,什么都没留下…
展开
-
(七)不只是 huohuo 的 Vue 面试题
终于来到了框架部分,我们所熟悉的前端框架的底层都是 JS,所以我们更应该关注的是框架的思想原理及源码设计。基本的使用部分,推荐详看官方文档。因为时间和精力优先,这里暂时只给出文章整体脉络,后续慢慢补充完整。如何理解前端渲染把数据填充到HTML标签中:模板 + 数据→前端渲染→静态HTML内容more如何理解响应式 ① html5中的响应式:屏幕尺寸的变化导致样式的变化 ② 数据的响应式:数据的变化导致页面内容的变化什么是双向数据绑定当数据发生变化的时候,视图...原创 2021-08-10 15:18:22 · 274 阅读 · 3 评论 -
Vue 之虚拟 DOM 及 Diff 算法详解
Virtual DOM1、背景信息总结DOM 操作非常耗时耗性能(且现代前端框架要求不手动操作 DOM,可以大大提高开发效率)---- 因为会引起页面的回流或重绘 JS 的执行很快(浏览器V8引擎的出现更加加快了JS的计算速度) 实现更好的跨平台(如浏览器端渲染、 Node.js 实现 SSR 服务端渲染、安卓/IOS、小程序等)推出 ==>Virtual DOM(虚拟DOM)将真实 DOM 抽象成一个以 JS 对象为节点的虚拟 DOM 树,DOM 的变化过程中不需要操作真实D.原创 2021-04-08 19:44:02 · 584 阅读 · 0 评论 -
Vue电商项目中遇到的一些问题
1、为什么vue组件有的写成export default,有什么用?声明一个vue,相当于 new Vue({}) 达到可复用的目的,也就是说,export default 相当于导出当前vue组件,在其它引入当前组件时可以使用当前组件中的方法和变量。2、export和 exportdefault的区别export可以导出多个命名模块,引入时(都用import)用大括号括起来 exportdefault只能导出一个默认模块,这个模块可匿名,引入的时候可以给这个模块取任意名字,且...原创 2020-07-29 22:09:57 · 1312 阅读 · 2 评论 -
前端面试----深信服面试题全概
这里结合了CSDN多位博主的深信服面试题,为了锻炼自己的答题能力和技术点理解,这里对博主的各个题目进行了自己的解答(最好用自己的理解自己的话解答),同时部分解答借鉴了博主的回答。记在word笔记的时候没有记录博主地址,但还是感谢分享,一起努力加油啊!一、HTML(1)常见的HTML块级元素和行内元素(2)HTML5的新标签有什么了解,详述一下表单的新标签(3)Image标签中alt和title有什么区别二、CSS(1)CSS盒子模型(IE盒子模型,标准盒子模型)(2)CSS元素居原创 2020-07-16 14:27:15 · 4429 阅读 · 5 评论 -
Vue经典面试题总结(2)进阶篇
1、描述组件渲染和更新过程渲染组件时,会通过 Vue.extend 方法构建子组件的构造函数,并进行实例化。最终手动调用 $mount() 进行挂载。更新组件时会进行 patchVnode 流程.核心就是diff算法2、组件中的 data为什么是一个函数?同一个组件被复用多次,会创建多个实例。这些实例用的是同一个构造函数,如果 data 是一个对象的 话。那么所有组件都共享了同一个对象。为了保证组件的数据独立性要求每个组件必须通过 data 函数 返回一个对象作为组件的状态。3、Vue中事件原创 2020-07-14 22:40:12 · 638 阅读 · 0 评论 -
多角度看Vue中常见的性能优化
Vue中常见的性能优化?(1)编码优化不要将所有的数据都放在data中,data中的数据都会增加getter和setter,会收集对应的 watcher vue 在 v-for 时给每项元素绑定事件需要用事件代理 SPA 页面采用keep-alive缓存组件 拆分组件( 提高复用性、增加代码的可维护性,减少不必要的渲染 ) v-if 当值为false时内部指令不会执行,具有阻断功能,很多情况下使用v-if替代v-show key 保证唯一性 ( 默认 vue 会采用就地复用策略 )...原创 2020-07-14 15:49:18 · 367 阅读 · 0 评论 -
深刻理解vue 组件中的 data 为什么必须是函数
关于这个问题,需要意识到:这是因为js的特性,跟vue本身设计无关。js本身的面向对象编程是基于原型链和构造函数,我们会注意到,原型链上添加一般都是一个函数方法而不会去添加一个对象。vue实例中的data是一个对象,作为绑定的数据。而这里组件中的data()必须是一个函数,其实应该叫做setData()。现在我们开始一步步理解:一、关于js的数据类型js中的数据可以分为基础数据类型和引用数据类型1、基础数据类型如undefinded,null,Number,String,Boolean,原创 2020-06-06 17:54:06 · 571 阅读 · 1 评论 -
2021Vue经典面试题总结(1)
一、基础 1.父子组件传值(1)父传子父组件通过属性将值传递给子组件,子组件内部通过props接收传递过来的值<menu-item title="来自父组件的数据"></menu-item><menu-item :title="title"></menu-item>Vue.component('menu-item', { props: ['title'], template: '<div>{{ t...原创 2020-05-31 23:25:25 · 1098 阅读 · 0 评论 -
Vue项目四种打包优化的方法总结
目录项目优化策略:1.使用CDN2.使用路由懒加载3.服务端压缩文件4.移除代码中的console默认情况下,通过import语法导入的第三方依赖包,最终会全部打包到一个js文件中,会导致单文件体积过大大,在网速底下时会阻塞网页加载,影响用户体验。项目优化策略:1.使用CDN使用CDN,减少包的体积。 将线上环境中用到的一些依赖,使用CDN网络节点的方式进行引用,而不是直接打包到包里。项目开发阶段和生产阶段不一样,我们在开发阶段还是要使用import导...原创 2020-05-13 18:52:10 · 4569 阅读 · 0 评论 -
Vue全家桶之Vuex(State、Mutation、Action、Getter)
目录1.Vuex 概述1.1 组件之间共享数据的方式1.2 Vuex 是什么1.3 使用 Vuex 统一管理状态的好处1.4 什么样的数据适合存储到 Vuex 中2.Vuex 的基本使用1. 安装 vuex 依赖包2. 导入 vuex 包3. 创建 store 对象4. 将 store 对象挂载到 vue 实例中3.Vuex 的核心概念3.1 核心概念概述3.2 State3.3 Mutation3.4 Action3.5 Getter.原创 2020-05-12 13:44:54 · 243 阅读 · 0 评论 -
Vue全家桶之前端工程化(模块化、Webpack、Vue-cli脚手架、Element-UI)
1. 模块化相关规范1.1 模块化概述 1.1.1传统开发模式的主要问题 ① 命名冲突 ② 文件依赖 通过模块化解决上述问题: 模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成 员,也可以依赖别的模块 模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维护1.2 浏览器端模块...原创 2020-05-08 01:09:15 · 733 阅读 · 0 评论 -
Vue全家桶之组件化开发(父子兄弟传值例子详解)
1.组件化开发1.1组件 组件 (Component) 是 Vue.js 最强大的功能之一 ,组件可以扩展 HTML 元素,封装可重用的代1.2组件注册 1.2.1全局注册 1.Vue.component('组件名称', { }) 第1个参数是标签名称,第2个参数是一个选项对象 。全局组件注册后,任何vue实例都可以用 Vue.component(组件名称, { da...原创 2020-05-06 12:10:10 · 313 阅读 · 0 评论 -
Vue全家桶之Vue-router(前后端路由、嵌套、动态匹配、编程式导航)
1.Vue全家桶之前端路由1.1路由的基本概念和原理1.1.1路由1.路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。2.路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依靠ha...原创 2020-05-07 15:01:42 · 591 阅读 · 0 评论 -
Vue全家桶之前后端交互(异步与接口处理,Promise ,fetch,axios)
目录1.前后端交互1.1接口调用方式1.2url 地址格式1.3 异步1.4Promise1.4.1Promise基本使用1.4.2基于Promise发送Ajax请求1.4.3 Promise 基本API1.4.4静态方法1.5 fetch1.5.1fetch基本使用1.5.2fetchAPI中的HTTP请求1...原创 2020-05-06 17:32:48 · 947 阅读 · 0 评论 -
Vue全家桶之Vue.js----Vue基础(持续更新中)
1.Vue基础语法1.1 Vue概述1.1.1Vue是什么?用于构建用户界面的渐进式框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建 vue 的核心库只关注视图层1.1.2Vue有哪些优点?易用、灵活、高效 简单易上手1.2 vue基本使用1.2.1如何利用Vue将hello world 渲染到页面上?1、需要提供标签用于填充数据 注意: 在标...原创 2020-05-05 11:30:33 · 973 阅读 · 0 评论