小米前端一面面经

1.项目介绍
2.vue   <keep-alive>实现缓存原理
3.css3新属性
4.box-sizing
5.vue双向绑定
6.如何判断标签是div(ps:话说好简单,查找,创建用的多,不太了解这个呀)
7.虚拟dom
8.BFC作用
9.css选择器
10.查找数组中的最大值(我只说了两种 😥😥
11.字符串逆序(也只答了两种)
12.宏任务,微任务,(promise,setTimeOut执行顺序)
感叹一下:问题都好简单,但是还是没答好😂
#小米##面经##前端工程师##校招#
全部评论
面了多长时间
点赞 回复 分享
发布于 2019-09-10 11:46
点赞 回复 分享
发布于 2019-09-10 11:42

相关推荐

Vuex的状态(state)是存储应用程序数据的地方,类似于组件中的data。但与组件中的data不同的是,Vuex的状态可以被多个组件共享和访问。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&amp;amp;uuid=bf1d309c19934fbfa8e2caf2f162529d当应用程序初始化时,Vuex会创建一个全局唯一的store实例,其中包含了定义的state、getters、mutations和actions等。这个store实例是通过Vue的插件机制注入到Vue实例中的,以便在整个应用程序中使用。状态的变化通过提交(mutations)或分发(actions)来进行。当组件需要修改状态时,它会通过提交一个mutation来通知Vuex进行变化。Mutation是一个同步函数,它接收当前的state和一个payload作为参数,然后对state进行修改。由于Mutation是同步的,因此可以确保状态变更的可追踪性。而对于异步操作或复杂逻辑,组件可以通过分发一个action来处理。Action是一个包含异步操作的函数,它可以包含任意的异步操作,如网络请求、定时器等。在action中可以通过commit来提交一个mutation,从而修改状态。无论是通过mutation还是action来修改状态,都会触发Vuex的响应式机制,使得相关的组件能够自动更新视图。总之,Vuex的状态工作方式可以简单概括为:组件通过提交mutations或分发actions来修改状态,而状态的变化会触发响应式更新,从而影响到相关的组件。这种集中式的状态管理可以提高应用程序的可维护性和可预测性。
点赞 评论 收藏
分享
要优化Webpack构建的应用程序性能,可以采取以下措施:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&amp;amp;uuid=9d41438f19104dca802ef21b5942c139使用生产模式(Production&nbsp;Mode):将Webpack的模式设置为production,这将启用优化选项,例如代码压缩和剔除未使用的代码。优化Webpack配置:检查并优化Webpack配置,包括使用合适的entry和output配置、配置正确的mode、使用最小化的devtool选项等。代码分割:使用Webpack的代码分割功能将代码分割成更小的块,以便在需要时按需加载,而不是一次性加载整个应用程序。压缩代码:使用Webpack的插件(如UglifyJsPlugin)来压缩和混淆JavaScript代码,以减小文件大小并提高加载速度。优化加载时间:使用Webpack的splitChunks选项来拆分和合并公共模块,以避免重复加载,同时使用Webpack的preload和prefetch功能来预加载和推迟加载资源。懒加载:使用Webpack的动态导入(Dynamic&nbsp;Import)或类似的懒加载方式,以延迟加载不必要的代码,只在需要时再加载。缓存:使用Webpack的文件哈希(File&nbsp;Hash)来生成唯一的文件名,以便在文件内容发生变化时进行缓存失效。减少依赖:精简项目的依赖,只引入必要的模块和库,避免加载不必要的资源和代码。并行构建:使用Webpack的多线程(Thread-loader)、并行运行(parallel-webpack)等工具,以加快构建速度。优化图片:使用Webpack的图片压缩插件(如image-webpack-loader)来优化图片文件大小,以减小资源加载和传输的时间。通过以上措施,可以显著提高Webpack构建的应用程序性能,减少加载时间和资源消耗。
2025-04-06
在牛客打卡302天,今天也很努力鸭!
点赞 评论 收藏
分享
评论
1
27
分享

创作者周榜

更多
牛客网
牛客企业服务