- 博客(9)
- 资源 (3)
- 收藏
- 关注
原创 系统学习大前端(11)---vue-router实现、模拟vue、VDOM实现原理练习
文章内容输出来源:拉勾教育大前端高薪训练营一、简答题1、当我们点击按钮的时候动态给 data 增加的成员是否是响应式数据,如果不是的话,如果把新增成员设置成响应式数据,它的内部原理是什么。let vm = new Vue({ el: '#el' data: { o: 'object', dog: {} }, method: { clickHandler () { // 该 name 属性是否是响应式的 this.dog.name = 'Trump' } }})
2020-07-15 16:18:52 570
原创 系统学习大前端(10)---vue-router实现、模拟vue、VDOM实现原理
文章内容输出来源:拉勾教育大前端高薪训练营vue-router实现基本使用创建路由组件vue.use()注册vue-router注册router对象设置占位router-view创建链接 router-link动态路由/detail/:id[获取]$route.params.id[获取]props:true — 推荐()=> import() 按需引入嵌套路由children编程式导航$router.push()$router.repla
2020-07-15 16:10:48 281
原创 系统学习大前端(9)---模块化、webpack、rollup、规范化标准练习
文章内容输出来源:拉勾教育大前端高薪训练营一、简答题1、Webpack 的构建流程主要有哪些环节?如果可以请尽可能详尽的描述 Webpack 打包的整个过程。流程初始化项目配置文件webpack.config.js配置项目入口、输出路径、开发模式等配置不同资源处理的loader配置plugin执行打包命令通过webpack.config.js配置文件的entry入口配置开始查找项目依赖资源根据配置的loader解析不同的资源,输出打包后的资源。在webpack打包过程中不
2020-07-15 10:44:59 863
原创 系统学习大前端(8)---模块化、webpack、rollup、规范化标准
文章内容输出来源:拉勾教育大前端高薪训练营1. 模块化模块化演变过程step1 – 文件划分方式命名冲突污染全局作用域无法管理模块间的依赖关系step2 – 命名空间的方式将每个模块添加命名空间依然没有解决模块间的依赖关系step3 – IIFE(自执行函数)通过函数提供私有作用域step4 – commonjs规范(node)一个文件就是一个模块每个模块都有单独的作用域通过module.exports导出成员通过require函数载入模块以同步的
2020-07-15 10:32:49 435
原创 系统学习大前端(7)---工程化、自动化构建练习
文章内容输出来源:拉勾教育大前端高薪训练营简答题1、谈谈你对工程化的初步认识,结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。工程化就是通过一些方法去提升研发效率和研发质量的手段。提升效率脚手架自动化构建组件化模块化保证质量ESlint代码检测git commit提交规范单元测试2、你认为脚手架除了为我们创建项目结构,还有什么更深的意义?提升效率,可以快速搭建一个基础项目架构规范化 对技术选型、项目结构等做一些规范,以降低沟通成本编程题
2020-07-14 17:27:17 845
原创 系统学习大前端(6)---工程化、自动化构建
文章内容输出来源:拉勾教育大前端高薪训练营工程化概述前端面临的问题ES6+ 兼容问题Less、Sass等 不支持模块化、组件化不支持手动压缩手动上传代码多人开发,难以统一风格等待后端接口完成…工程化主要解决的问题传统语言或语法的弊端无法使用模块化、组件化重复的机械式工作代码风格统一、质量保证依赖后端服务接口支持整体依赖后端项目工程化的表现一切重复的工作都应该被自动化工程化不等于某个工具vue-clicreate-react-ap
2020-07-14 17:18:25 298
原创 系统学习大前端(5)---ES6+新特性、TS、JS性能优化练习
文章内容输出来源:拉勾教育大前端高薪训练营1、下列代码执行结果,并解释原因。var a = [];for (var index = 0; index < 10; index++) { a[index] = function(){ console.log(index); }}a[6]()输出10这里使用var声明的变量会提升至全局执行上下文中,当循序结束时,index的值为10.这个问题解决有两种方式:通过闭包var 改成 let2、下列代码执行结果
2020-07-14 16:39:01 519
原创 系统学习大前端(3)---函数式编程、异步编程练习
文章内容输出来源:拉勾教育大前端高薪训练营一、简答1、谈谈你是如何理解JS异步编程的,EventLoop、消息队列都是做什么的?什么是宏任务、什么是微任务?由于JS是单线程的,这样执行任务会发生线程阻塞。所有JS引入了异步编程,通过回调的方式来解决这种阻塞。对于像定时器这种异步任务以及IO任务、其它线程发送过来的任务,JS会将其放到消息队列中,通过EventLoop的机制从消息队列里面依次取出任务执行。消息队列里的任务就是宏任务,微任务是promise、mutationObserver、nextT
2020-07-14 15:38:14 554
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人