Crina

vue2和vue3的区别1.性能改进：Vue.js 3在性能方面有着显著的改进。它引入了静态树提升（Static Tree Hoisting）和基于Proxy的响应式系统，以实现更快的渲染和更新速度。 2.更小的包大小：Vue.js 3通过重写许多内部逻辑，使用了更多的Tree-Shaking技术，使得包的大小更小。 3.Composition API：Vue.js 3引入了Composition API，这是一个基于函数的API，使得组件的逻辑可以更好地组织和复用。与Vue.js 2中的选项式API相比，Composition API具有更高的灵活性和可维护性。 4.Teleport：Vue.js 3引入了Teleport特性，它允许你将组件的内容渲染到DOM中的任意位置，而不仅仅是当前组件所在的位置。这对于创建模态框、弹出菜单等组件非常有用。 5.更好的TypeScript支持：Vue.js 3增强了对TypeScript的支持，提供了更好的类型推断和类型检查。 6.更好的响应式系统：Vue.js 3的响应式系统使用了ES6的Proxy代理对象，取代了Vue.js 2中的Objec ...

reactive(),ref() 能在改变时触发更新的状态被称作是响应式的。我们可以使用 Vue 的 reactive() API 来声明响应式状态。由 reactive() 创建的对象都是 JavaScript Proxy，其行为与普通对象一样： reactive() 只适用于对象 (包括数组和内置类型，如 Map 和 Set)。而另一个 API ref() 则可以接受任何值类型。ref 会返回一个包裹对象，并在 .value 属性下暴露内部值。 注意我们在模板中访问的 message ref 时不需要使用 .value：它会被自动解包，让使用更简单。 12<h1>{{ message }}</h1><p>count is: {{ counter.count }}</p> v-bind v-on

转换数组的每个元素力扣：ttps://leetcode.cn/problems/apply-transform-over-each-element-in-array 解题思路用for遍历每一项然后再映射 代码1234567891011/** * @param {number[]} arr * @param {Function} fn * @return {number[]} */var map = function(arr, fn) { for(let i =0; i<arr.length; i++){ arr[i]=fn(arr[i],i) } return arr}; 过滤数组中的元素力扣：https://leetcode.cn/problems/filter-elements-from-array 解题思路if里面使用fn函数来判断是否加入新数组中 代码123456789101112/** * @par ...

二分查找题解：https://juejin.cn/post/6926819139478618120#heading-2 力扣：https://leetcode.cn/problems/two-sum/submissions/ 题目在给定数组中找到 2 个数之和等于给定值的数字，结果返回 2 个数字在数组中的下标。 12345678910111213141516/** * @param {number[]} nums * @param {number} target * @return {number[]} */var twoSum = function(nums, target) { const arrMap = new Map() for(i=0;i<nums.length;i++){ otherNum =target -nums[i] if(arrMap.has(otherNum)){ return [arrMap.get(o ...

计时器力扣：https://leetcode.cn/problems/counter/?envType=study-plan-v2&envId=30-days-of-javascript 题目请你编写并返回一个 计数器 函数，它接收一个整型参数 n 。这个 计数器 函数最初返回 n，每次调用它时返回前一个值加 1 的值 ( n ,  n + 1 ,  n + 2 ，等等) 题目闭包让你可以在一个内层函数中访问到其外层函数的作用域一般函数的词法环境在函数返回后就被销毁，但是闭包会保存对创建时所在词法环境的引用，即便创建时所在的执行上下文被销毁，但创建时所在词法环境依然存在，以达到延长变量的生命周期的目的 12345678910/** * @param {number[]} nums * @param {number} target * @return {number[]} */var createCounter = function(n) { return function() { ...

用require解析图片require是一种在JavaScript中引入模块资源的方法，通常用于加载图片、样式表和其他静态文件。 在Vue组件中使用require时，它可以将相对路径或模块名称解析为真实的URL。通过使用require，我们可以在代码中将静态资源与组件绑定起来，并使其在构建过程中被正确地处理和优化。 具体到您的代码示例中，require(‘@/assets/img/professional-investor/profession/icon-bond@2x.png‘)用于将指定路径下的图片文件引入到代码中。这个路径可以是相对路径或模块名称，@/是一种特殊的别名，通常表示项目根目录。 使用require会触发模块系统的自动解析和处理流程，确保图片文件能够被正确地加载和使用。请注意，require通常是在构建过程中被解析和处理的，并不是在浏览器中直接执行的。 总结起 ...

计算机组成原理（上午题6分） 1.进制转换 1.1 R进制转十进制：按权展开 正数部分为R的0，1，2，3依次递增作为指数，再乘以所在位的数据。 小数部分为R的-1，-2依次递减，再乘以所在位的数据。 最终进行相加。 1.2 十进制转R进制：短除法 取余数，从下往上列2.数据表示 2.1 原码反码补码移码 1. 原码转反码 当原码的真值为正数时，反码的机器数就等于原码的机器数 当原码的真值为负数时，反码的机器数等于原码的机器数取反（符号位不变） 2.原码转补码 当原码的真值为正数时，补码的机器数就等于原码的机器数 当原码的真值为负数时，补码的机器数等于原码的机器数取反再加1（符号位不变） 3.原码转移码 当原码的真值为正数时，移码的机器数等于原码，但是符号位要改变 当原码的真值为负数时，移码的机器数等于原码机器数取反加1（符号位取反） 4.表达式 移码表达式，就单个因数（减数）取移码，之后进行相加减 2.2 表示范围 原码 ...

初期（30d,1h/d) 背单词 听力每天一part 阅读每天一篇（按顺序） 后期(30d,1h/d) 刷全套真题（听力+阅读）

备考计划前期（30d，2h/d）主线任务： 刷视频 刷专项题 中期（20d，2h/d）主线任务： 刷真题 后期（10d, 2h/d)主线任务： 刷知识点

体会1.看文档很不习惯，之前习惯看视频，得好好锻炼2.看别人代码好烦，要先明确需求的实现逻辑，以及根据问题找到原因，然后去完成需求 入职手续1.签保密协议，实习合同2.领新手礼包（小红包，鼠标垫，笔，本子，纸巾等日常用品）3.听hr介绍公司规则等4.领电脑，显示屏等设备5.到工位认识导师和同事6.50字自我介绍（千万要搞清楚公司的名字）模板：我叫**,来自*。我性格开朗，容易与人相处。我做事认真，善于总结，乐于沟通。喜欢旅游和享受美食~非常荣幸能到***公司实习，我一定会在贵公司学习并为公司提供自己的价值！ 新手任务1.安装vscode2.装Node和nvm版本管理,git以及配置ssh3.加入gitlab仓库拉项目，跑项目4.看项目以及公司之前的业务5.学习qiankun(微前端),vue3的官方文档,gitlab的ci/cd概念 第一周任务1.项目用的是yarn包管理工具 用的是管理员权限才行 注意配系统变量https://blog.csdn.net/qq_42483473/article/details/122060346 2.如何使用Nvm切换Node版本 这里本来 ...