20231020 前端开发日报

面试多起来了；面试官：如何判断两个数组的内容是否相等；CSS 还原拉斯维加斯球数字动画；ES6的一些高级技巧；vue3点击表格某个单元格文本就切换成输入框，其他单元格不变化；vue项目优雅降级，es6降为es5，适应低版本浏览器渲染；React之受控组件和非受控组件以及高阶组件；vue3学习（十一）— v-model

1. 面试多起来了

   就在昨天 10.17 号，同时收到了三个同学面试的消息。他们的基本情况都是双非院校本科、没有实习经历、不会消息中间件和 Spring Cloud 微服务，做的都是单体项目。但他们投递简历还算积极，从今

2. 面试官：如何判断两个数组的内容是否相等

   前几日室友遇到的一道面试题：判断两数组（一维）内容是否相等（不使用排序）。我们需要考虑：元素重复、边界值、特殊值…

3. CSS 还原拉斯维加斯球数字动画

   最近大家刷抖音，是否有刷到拉斯维加斯的新地标 「Sphere」： 场馆内部的视觉效果非常惊人，其中一个效果让我虎躯一震： 我的第一想法就是，这个看起来用 CSS 也可以实现嘛？还有 CSS 不能实现的

4. ES6的一些高级技巧

   引言 ES6（ECMAScript 2015）引入了许多新的功能和语法，其中一些功能可能相对较冷门，但非常实用。本文将介绍一些这样的高级技巧，包括 Object.entries() Object.fr

5. vue3点击表格某个单元格文本就切换成输入框，其他单元格不变化

   vue3点击表格某个单元格文本就切换成输入框，其他单元格不变化

6. vue项目优雅降级，es6降为es5，适应低版本浏览器渲染

   vue项目优雅降级，es6降为es5，适应低版本浏览器渲染

7. React之受控组件和非受控组件以及高阶组件

   通过上面的了解，高阶组件能够提高代码的复用性和灵活性，在实际应用中，常常用于与核心业务无关但又在多个模块使用的功能，如权限控制、日志记录、数据校验、异常处理、统计上报等。中，高阶组件即接受一个或多个组件作为参数并且返回一个组件，本质也就是一个函数，并不是一个组件。所以，高阶组件的主要功能是封装并分离组件的通用逻辑，让通用逻辑在组件间更好地被复用。受控组件，简单来讲，就是受我们控制的组件，组件的状态全程响应外部数据。把通用的逻辑放在高阶组件中，对组件实现一致的处理，从而实现代码的复用。

8. vue3学习（十一）— v-model

   添加到组件v-model的修饰符将通过 modelModifiers prop 提供给组件。在下面的示例中，我们创建了一个组件，其中包含默认为空对象的 modelModifiers prop父组件show">开关{{show}} —– {{title}}这里添加修饰符const title = ref(‘我是标题’)title?: string,默认写法: {

9. 实现vue导出excel和echart图形分别在不同工作表

   实现一键导出excel并且区分图表和表格为不同的sheet工作表最终效果为。

10. [尚硅谷React笔记]——第4章 React ajax

    pathRewrite: {‘^/api1’: ”} //去除请求前缀，保证交给后台服务器的是正常请求地址(必须配置)target: ‘http://localhost:5000’, //配置转发目标地址(能返回数据的服务器地址)changeOrigin设置为true时，服务器收到的请求头中的host为：localhost:5000。proxy(‘/api1’, { //api1是需要转发的请求(所有带有/api1前缀的请求都会转发给5000)优点：可以配置多个代理，可以灵活的控制请求是否走代理。

11. 6.（vue3.x+vite）路由传参query与params区别

    6.（vue3.x+vite）路由传参query与params区别

12. Node.js 21 版本已发布

13. Vue 中可重用组件的 3 个主要问题