Vue 查漏补缺v-bind绑定 class 对象方式 <h1 :class="{ red: isRed, black: !isRed }">index</h1> 渲染出来就是class="red"，也可以在 js 里面声明对象，再添加 格式：{active: boolean} 数组方式，用的更多 <template> <div class="container"> <h1 :class="['red', title, { black: !isRed }]">index</h1> </div></template><script setup lang="ts">import { ref, type Ref } from 'vue'let col ...

TS 学习笔记 目前是一些很基本的东西，过段时间学进阶用法 数组类型两种声明方式 Array<number> number[] 使用示例： const arr1: Array<number> = [1, 3, 4]const arr2: number[] = [1, 4, 5]function getSum(...args: number[]) { return args.reduce((prev, cur) => prev + cur, 0)}console.log(getSum(1, 2, 4, 5)) 元组const tuple: [string, number] = ['ace', 14]const [name, age] = tuple 枚举不指定初始值就从 0 开始累加，指定了就从第一个值开始累加 const enum PostStatus { // 不用const的话会入侵代码 Draft = 0, Unpublished = 1, Published = 2,} ...

ES6-11 一些链接 阮一峰—Symbol - ECMAScript 6 入门 (ruanyifeng.com) ES6 最通俗易懂的超重点保姆级笔记！ ES6let 和 constlet 特性 变量不能重复声明 let star = '罗志祥'let star = '小猪' //error let 有块级作用域 { let girl = '周扬青'}console.log(girl) //error 不仅仅针对花括号，例如 if（）里面 不存在变量提前 console.log(song) //errorlet song = '恋爱达人' 不影响作用域链 let school = 'abc'function fn() { console.log(school) //abc} const 特性 声明常量 const A = 'abc' 一定要赋初始值 一般常量使用大写（潜规则） 常量的值不能 ...

Vue 一些链接： Vue 中 Vuex 的使用 Vue 的脚手架开发详细笔记 Vue 的组件化开发详细笔记 Vue 的 MVVM 架构及语法超详细笔记 Vue3.x 知识图谱 VUE 组件汇总 6 个实用的 vue 组件库 vue3 新文档 尚硅谷 vue3 笔记 安装配置对于学习可以这样使用最新版本： <script src="https://unpkg.com/vue@next"></script> npm在用 Vue 构建大型应用时推荐使用 npm 安装 # 最新稳定版$ npm install vue@next 对于 Vue 3，你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli。 npm install -g @vue/cli ViteVite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。 通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。 使用 npm： # npm 6.x$ npm init vite@latest < ...

2023-5-16 猿辅导 一面 寄问题 项目相关 cookie 和 token 的区别，优势 Script defer，async 的原理，什么钩子 按需引入（以组件库开发者） elementUI 按需引入的原理 浮点数计算机表现形式 看代码输出 const a = new Promise((resolve, reject) => { console.log('promise1') resolve()}).then(() => { console.log('promise2')})setTimeout(() => { console.log(‘timeout’)})const b = new Promise(async (resolve, reject) => { await a console.log('after1') await b console.log('af ...

2023-5-15 小红书 一面 过面试官人挺好，感觉也是很缺人的样子 问题 面试官介绍部门业务 主要是做中台吧好像是 自我介绍 介绍项目，确认是自己做的，主要负责的是哪一块 技术难点是啥，怎么解决 从开始到解决的时间，确认编辑器的功能 编辑器怎么适应不同版本的浏览器 总体 odin 花了多少时间 组件拖拽怎么实现，drag Api 假如位置是 40 像素，50 像素，插入新的元素，其他的组件位置重新定位，就是挤占到其他地方的思路 针对上一个例子该怎么做，会不会产生一个问题，如果页面加的组件比较多 vue3 的特性，相对于 vue2 的特点 vue3 的生命周期特点 setup 返回的是什么东西？ 实际开发中 父子组件直接相互通信 同级之间相互通信，组件间通信方式 数据总线用过吗 能讲一下 keep alive 的实现原理 还不会 对于常用的打包方式的原理，vite，webpack 俩代码题 // 1. 实现一个防抖function debounce(fn, wait) { let timer = null; return function () { ...

2023-5-13 零禅智能 二面 过别人建议：这种初创就是典型的无限制加班+身兼数职，纯纯过去打杂+苦力，开发时间紧，只追求效果，什么开发流程，code review 都是没有的 准备的反问 上班时间 住宿，吃饭 薪资 能不能远程办公 忘了具体了 200 一天，一周五六天都行 早 9.30，经常加班，时间不定 项目基于 vue2.7，vuex 小厂最好不要考虑了，除非想面试经验+1 中途跟我扯职业规划 兴趣爱好 看项目什么的 不能线上远程

2023-5-13 零禅智能 一面 过好像是个小公司，小区办公，还是电话面试，看看咋样 麻了，一面才过就问我一会方便 ceo 面一下吗？ 3 点技术面，3.30 结束，3.32 让我 4 点再面一下 问题 自我介绍 盒子模型 伪类和伪元素的区别 一个 div，宽不定，控制高和宽相等（没答上） 数据类型，typeof null flex:1 的理解 flex，左右贴边，space-between JS 里面 let 和 const 的区别 this 是在什么时候确定的？指向情况 call，apply 的区别 Object. defineProperty 的第三个参数 判断变量是否是数组 数组的 slice 和 splice，splice 能新增吗 promise.all，三个请求同时发送，不等各自。。。。 vue 的 created 和 mounted 的区别 Vue. nextTick 和 requestAnimationFrame Vue 中父子组件，父组件与子组件的 mounted 声明周期哪个先被触发？ 父组件用子组件的方法？ 反问 怎么样 挺好的 项目写什么 项目用的 v ...

2023-5-8 字节番茄小说 一面 寄 http2.0 https header 字段 header 能放二进制吗 TCP 可靠连接如何保证 TCP 三次连接 中途网络断开怎么办 this 指向输出值 1.window.name = 'ByteDance';function A () { this.name = 123;}A.prototype.getA = function(){ console.log(this); return this.name + 1;}let a = new A();let funcA = a.getA;funcA();2.如何使`funcA()`返回`undefined`?3.window.name = 'ByteDance';class A { constructor() { this.name = 123; } getA() { ...