摘要: 4-2 怎样理解 Vue 的单向数据流? Vue单向数据流的理解: https://zhuanlan.zhihu.com/p/385640898 单向数据流就是从一个组件单方向将数据流向它的内部组件,也就是父组件的数据流向子组件中,但子组件不能将这个数据修改掉,要返回到父组件中修改然后重新流向子组件,从而达到更新数据的原理 阅读全文
posted @ 2022-04-02 22:27 林见夕 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 4-1 说一下Vue单页与多页的区别? Vue单页面与多页面的区别: https://blog.csdn.net/m0_45070460/article/details/107573424 定义 SPA单页面应用(SinglePage Web Application),指只有一个主页面的应用(一个html页面),一开始只需要加载一次js、 阅读全文
posted @ 2022-04-01 21:56 林见夕 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 3-31 两数之和-简单 题目描述 给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。 你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。 你可以按任意顺序返回答案。 示例 1: 输入:nums = 阅读全文
posted @ 2022-03-31 22:54 林见夕 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 3-30 为什么要使用 vue3, vue3 带来了什么好处? Vue3 采用了 Proxy 做数据的拦截,因为 Proxy 是懒执行的,所以没有像 Vue2 一样上来需要递归的去劫持属性的 get set, 这样带来的好处就是提升了更好的性能 Vue3 在编译阶段做的优化,由于模版语法带来的灵活性的限制,所以 vue3 在模版编译方面采用了 只编译动态属性和动 阅读全文
posted @ 2022-03-30 22:54 林见夕 阅读(661) 评论(0) 推荐(0) 编辑
摘要: 3-30 说一下Vue的$nextTick原理? vue.nextTick()方法的使用详解: https://blog.csdn.net/zhouzuoluo/article/details/84752280 vue源码解析:nextTick: https://segmentfault.com/a/1190000020049857 原理 Vue是 阅读全文
posted @ 2022-03-30 22:43 林见夕 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 3-29 寄生组合式继承 S继承的原理、方式和应用: https://www.cnblogs.com/yunshangwuyou/p/11968539.html //寄生组合式继承(寄生式+原型:通过借用函数来继承属性,通过原型链的混成形式来继承方法) function inheritObject(o) { //声明一个过渡 阅读全文
posted @ 2022-03-29 21:37 林见夕 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 3-26 组合继承 组合继承实现原理 核心:结合了原型链继承和构造函数继承两种模式的优点,传参和复用,在子类构造函数中执行父类构造函数,在子类原型上实例化父类 缺点 内存浪费 子类原型上有一份多余的父类实例属性,因为父类构造函数被调用了两次,生成了两份,而子类实例上的那一份屏蔽了子类原型上的 function Pare 阅读全文
posted @ 2022-03-26 20:59 林见夕 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 3-25 笛卡尔积算法 问题:假设集合 A={a, b},集合 B={0, 1, 2}, 则两个集合的笛卡尔积为{(a, 0), (a, 1), (a, 2), (b, 0), (b, 1), (b, 2)}。 求当 A={a, b, ..., n}, B={0, 1, 2, ..., n}时的笛卡尔积. 复习reduce 阅读全文
posted @ 2022-03-25 11:12 林见夕 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 3-24 借用构造函数继承 复习 call 的基本实现原理 call 能改变函数的 this call 的第一个参数是 this, 后面的参数都是无限的 const obj = { name: "jack", }; function getB(x, y) { console.log(this, x, y); } Functio 阅读全文
posted @ 2022-03-24 21:59 林见夕 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 3-23 数组拆分 问题:有一个数组 arr = [a1, a2, a3, b1, b2, b3, c1, c2, c3...], 通过算法将数组进行拆分, 转化为如下格式的数组 [a1, b1,c1], [a2, b2, c2], [a3, b3, c3]并实现通用公式. 总体思路:将数组的 n-1 下标下的内容,挑 阅读全文
posted @ 2022-03-23 23:24 林见夕 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 3-23 请手动封装 fn(1)(2) 返回 3 的结果,要考虑参数会增加或减少的情况,例如:fn(1)(2)(3) 返回 6 https://juejin.cn/post/6850418115042836487 https://blog.csdn.net/double_sweet1/article/details/122786636?utm_medium=distribute.pc_aggpage_search_resul 阅读全文
posted @ 2022-03-23 08:42 林见夕 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 3-18 Vue 的父组件和子组件生命周期钩子函数执行顺序? 父子组件挂载渲染过程 子组件更新过程: 影响到父组件: 父beforeUpdate → 子beforeUpdate->子updated → 父updated 不影响父组件: 子beforeUpdate → 子updated 父组件更新过程: 影响到子组件: 父beforeUpdate → 子befo 阅读全文
posted @ 2022-03-22 23:34 林见夕 阅读(738) 评论(0) 推荐(0) 编辑
摘要: 3-22 n个台阶 一次只能走 一步或者两步,问有多少种走法 最重要的就是最后一步:如果走一步就需要 f(n-1)种,如果走两步就需要 f(n-2)种 走一个台阶:1种-f(1) 走两个台阶:2种-f(2) 三个台阶: 先走一个台阶f1和最后一次走两个台阶:f(1) 先走二个台阶f2和最后一次走一个台阶:f(2) f(3)=f(1)+f(2) 四个台阶: 先走 阅读全文
posted @ 2022-03-22 23:13 林见夕 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 3-22 跨域是什么?有哪些解决方式? 跨域出现的原因,是因为浏览器的同源策略导致,即 协议 域名 端口号 不一致, 如何解决 代理服务器 nginx 使用代理服务,帮助我们请求接口,在响应回来给到浏览器 jsonp 利用 script 标签,天然跨域特性 ,仅支持 get CORS 服务器端开启 CORS proxy 代理 等 阅读全文
posted @ 2022-03-22 22:32 林见夕 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 2-10 说一下vue-router的原理是什么? 实现原理:vue-router 的原理就是更新视图而不重新请求页面 vue-router 可以通过 mode 参数设置为三种模式:hash 模式、history 模式、abstract 模式。 hash 模式。默认是 hash 模式,基于浏览器 history api,使用 window.addEv 阅读全文
posted @ 2022-03-22 22:30 林见夕 阅读(620) 评论(0) 推荐(0) 编辑
摘要: 3-22 如何确定首屏加载时间? 如何确定首屏加载时间? 首屏时间的定义: 浏览器显示第一屏页面所消耗的时间,以 800x600 像素尺寸为标准,从开始加载到浏览器页面显示高度达到 600 像素且此区域有内容显示的时间。 也就是说用户能够看到区域内所有元素加载完的时间。 一个页面的“总加载时间”要比“首屏时间”长,但对于最终用户体验 阅读全文
posted @ 2022-03-22 22:26 林见夕 阅读(553) 评论(0) 推荐(0) 编辑
摘要: 3-22 Css实现自适应屏幕宽度的正方形 方式一:padding + 百分比 <style> html, body { margin: 0; padding: 0; } .outer { width: 20%; height: 0; padding-bottom: 20%; background-color: red; } </style> 阅读全文
posted @ 2022-03-22 21:31 林见夕 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 3-22 原型链继承 核心:实例化父类函数之后,将其拷贝到子类的原型prototype上。继承父类之后,子类可以使用父类的实例属性以及父类的原型属性 优点:从已有的对象衍生新的对象,不需要创建自定义类型 缺点1,新实例向父类构造函数传参,不符合面向对象编程的规则 function Person(name, age, jo 阅读全文
posted @ 2022-03-22 12:35 林见夕 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 3-21 三列布局的其他方法补充 引言 前边说了三列布局的三种方法,博主经过了解发现,原来还有其他的办法,今天我们就来聊一聊其他的方法 方法一:calc实现三列布局 css .outer{ height: 300px; } .left{ float: left; width: 100px; height: 300px; backgr 阅读全文
posted @ 2022-03-21 14:22 林见夕 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 3-21 实现1物理像素边框 // 实现1物理像素边框 .border-1px-inenr(@color) { &::after { content: ''; position: absolute; left: 0; width: 100%; height: 1px; background-color: @color; @med 阅读全文
posted @ 2022-03-21 14:20 林见夕 阅读(41) 评论(0) 推荐(0) 编辑
摘要: html的由来 超文本标记语言 超文本指的是用超链接的方式,将不同空间的文字信息组治在一起的网状文本 超文本也指页面内可以包含图片、链接、甚至音乐、程序等,非文字元素 标记语言是一种将文本以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码 超文本标记语言就是描述文本,图形 阅读全文
posted @ 2022-03-23 11:15 林见夕 阅读(106) 评论(0) 推荐(0) 编辑