首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端面试
豆苗学前端
创建于2021-11-10
订阅专栏
前端面试题分享
等 6 人订阅
共52篇文章
创建于2021-11-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
这一次,我要给面试官把项目中实践落地的Vue性能优化讲清楚!
一、代码层面的优化 1.1、v-if 和 v-show 区分使用场景 v-if 是 真正 的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;也是惰性的:如果在初始渲染
每次写动态组件都特别烦,所以趁下班写了一个,供以后用
1. 先上效果图 目录结构 2. 挨个说明一下 2.1 封装的组件(ArrayInput.vue) 2.2 封装的组件(ArrayDateTimer.vue) 2.3 封装的组件(inputSelec
趁下班时间,简单写了一个在线协同编辑网页
实现一个简单的协同文档,并以代码说明 以下是一个使用WebSocket和基于操作转换(Operational Transformation,OT)简化策略的简单协同文档实现。在这个示例中,我们仅考虑了
vuex,存取值四部曲(小学生也能看懂)
1、store文件夹下新建xxx.js 2、在getter.js中取值 3、将获取到的值存储到vuex中 4、取值方式
git 如何合并别人的分支到自己的分支
【步骤1】查看本地的所有分支,如果有即将合并的分支,则跳到【步骤3】git checkout 他人的分支名git branch 【步骤2】查看所有分支,确定即将合并的分支名 git branch -a
antd design vue ` -- upload组件完成图片上传
antd design vue ` -- upload组件完成图片上传 方式一:利用组件本身的action,需要后端提供服务器,这种一般是阿里云或者七牛云类似的服务器,但是一般企业开发是通过后端给你接
记录一次简单的数组迭代方法
// 1.forEach()方法 // 定义:forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。 // 语法:array.forEach(function(currentValu
vue全家桶之路由详解(新增两个生命周期)
路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 1.基本使用 安装vue-ro
吃透VUE全家桶 --> VUEX完整版
一.vuex是什么 1.1 优点: 1.2 什么样的数据适合存储到Vuex中: 一般情况下,只有组件之间共享的数据,才有必要存储到vuex中;对于组件中的私有数据,依旧存储在组件自身的data中即可。
组件通信之消息的订阅与发布
消息订阅与发布(pubsub) 一种组件间通信的方式,适用于任意组件间通信。 使用步骤: 安装pubsub:npm i pubsub-js 引入: import pubsub from 'pubsub
组件通信之全局事件总线(用于兄弟或者嵌套层级组件传值)
1.那么问题来了:这个第三方($EventBus)应该满足什么条件呢? 2.继续探索。。。 怎样才能保证所有的组件能看到它呢? 1.一个重要的内置关系:VueComponent.prototype._
WebStorage本地存储+组件通信(二):自定义事件
1.webStorage 存储内容大小一般支持5MB左右(不同浏览器可能还不一样) 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地
组件通信(一):父子组件通信最原始的方式
父子组件通信最原始的方式(props,父传函数子实现函数) 1.父传子(props:让组件接收外部传过来的数据) 步骤: 父组件通过给子组件标签里边绑定 :xxx(名)="xxxx(要传的值)" 这个
Vue初识组件以及组件的一些补充
1. 非单文件组件 1.1 基本使用 1.1.1 Vue中使用组件的三大步骤: 一、定义组件(创建组件) 二、注册组件 1.局部注册:靠new Vue的时候传入components选项 2.全局注册:
Vue的数据监测,你了解过吗?
1. 模拟一个数据监测 2.Vue监视数据的原理: vue会监视data中所有层次的数据。 2.1如何监测对象中的数据? 通过setter实现监视,且要在new Vue时就传入要监测的数据(data)
methods,computed,watch三者的区别与应用场景
1. methods 1.1 methods的介绍及其用法 特点: 可以放入函数,没有缓存,如果一进入页面调用,就会触发 注意: methods中配置的函数,不要用箭头函数!否则this就不是vm了;
vue2.x数据代理(Object.defineproperty)
1. 何为数据代理 ? 数据代理:通过一个对象代理对另一个对象中属性的操作(读/写) 上代码 2.Vue中的数据代理 2.1 Vue中数据代理的好处:更加方便的操作data中的数据 2.2 实现原理
ES6模块化初识(babel打包,webpack后续更新)
1.模块化的好处 防止命名冲突 代码复用 高维护性 2.ES6之前的模块化 ES6之前的模块化规范有: 1) CommonJS => NodeJS、Browserify 2) AMD => requi
Express助力你从0到1掌握AJAX(包含原生,jquery, Axios,Fetch, 跨域)
1.原生AJAX 1.1 XML(可拓展标志语言,用来存储和传输数据) 全都是自定义标签。而且HTML用来展示数据,XML是存储和传输数据 假如说我有一个数据:name="孙悟空";age=19;ge
一文玩转天行数据+ES6的Promise(从创建到实例和对象的方法,满足面试官的想法)
一,什么是Promise? 二,Promise的三种状态 三,Promise的基本过程 1. 初始化 Promise 状态(pending) 2. 立即执行 Promise 中传入的 fn 函数,将P
下一页