weixin_42745647的博客

Vue2和Vue3的响应式原理一直是前端面试中的高频考点，如果你还只知道Vue2通过方式实现，Vue3通过代理的方式实现，是不是就太浅显了。那本文带大家从源码去解读他们的实现，响应式实现主要分为三步：数据劫持、收集依赖、派发更新。

面向对象是一种重要的编程范式，如何灵活的创建对象，是对编程基本功的考验，本来我们来探讨创建对象的十种方式。我将这十种分为new Object、构造函数与原型对象、其他三个大类。

实现水平垂直居中是一道经典的面试题，如果你能侃侃而谈这十种实现水平垂直居中的方式，一定会令面试官眼前一亮。按照实现方式的不同可粗略分为三类：绝对定位实现的四种、flex实现的两种、其他四种。

实现两栏布局也是一道经典的面试题，两栏布局即左边固定右边伸缩，要实现两栏布局的方式超过十种了，下面举例五种，用来抛砖引玉。

实现三栏布局也是一道经典的面试题，如果你能侃侃而谈这十种实现三栏布局的方式，一定会令面试官眼前一亮。三栏布局即左右固定中间伸缩，将三栏布局的方式按照中间栏的渲染顺序可以分为三种：float实现的三种（中间栏最后渲染），flex、grid、绝对定位实现的三种（中间栏中间渲染），双飞翼圣杯实现的四种（中间栏最后渲染）

这是前端面试中的高频问题，文章有点长，若你耐心读完一定有所收获。若你在面试中能简单描述出完整过程，一定会令面试官耳目一新。但其中涉及的细节也是相当多，读者还需要主动探索，不然还是禁不起大厂面试官的深挖。

跨域问题一直是前后端交互过程中遇见频率最高的问题，本文带来五种解决跨域问题的办法，总有一种适合你。本文详细阐述了跨域问题的原因和五种解决方案；把协议、域名、端口改成相同的在响应头添加 Access-Control-Allow-Origin 相关字段来允许跨域JSONP反向代理CSP并针对几个常用的跨域方案展开介绍。

众所周知，Promise处理异步任务能避免他们阻塞程序执行。当一次并发大量异步任务会导致内存消耗过大、程序阻塞等问题。本文带大家实现异步任务控制器，限制并发异步任务数量，来解决高并发问题。假设一个场景：有20个异步任务，每次只能处理三个异步任务，要求尽可能快速的拿到处理结果。下面带来分段和异步任务控制器两种实现方案。异步任务控制器比实现复杂一些，但能解决阻塞问题和reject问题；在工作中可以将异步任务控制器封装成通用的工具函数，实现多种异步任务的并发控制。

本文是一次关于Vite项目打包优化的记录，，项目做好打包优化，能减少加载时间和提升用户体验、还能节约服务器流量为公司省下一笔不小的开销。经过上面的尝试作简单总结、文件依赖太多，暂时只有分包办法。如果要加速其实，可以将这个单独打包在放在CDN上；CDN加速本质是从云端读取静态文件，不会帮我们解决依赖文件；还可以使用gzip压缩的方式继续优化；动态导入分包适合自己的模块，不适用于第三方包。

公司负责Web开发的员工已经离职几个月了，官网一直没人维护，我的实习的第一个任务就是修改公司的官网。更新产品信息、调整样式。这个Web只是作为展示没有后端，用到技术其实有HTML、CSS、JS、JQuery。前辈就是使用阿里云的OSS部署的，我改完后也需要使用阿里云的OSS部署,本文是对对阿里云OSS部署记录。

CI/CD（Continuous Integration and Continuous Delivery）即指持续集成与持续交付。它是一种软件开发流程和方法论，旨在通过自动化和频繁的代码集成、构建、测试和部署，实现快速、可靠的软件交付。实现的方式有很多比如gitlab、Jenkins、docker、k8s。本文要手把手带大家实现最简单的方式Github Actions。

随着前端技术的快速发展，前端工程化已经成为现代化前端开发的必备技能。本篇文章。来带大家实现一个标准化前端项目。主要技术有技术栈为React + Vite + TS，用到规范工具有eslint+prettier+stylelint，规范化Git提交流程工具husky + commitlint + lint-staged，还有vite与tsconfig的配置。

随着各个软件的迭代升级，网上的教程、b站的视频都不是最新的。我跟着做了十几份过时教程，折腾了好久，踩了不少坑。才有这篇文章，问题汇总在最后，希望能帮到你。

毕设选题系统实现了指导老师在网站上出题，学生在网站上选题。本系统涉及用户管理、选题审核、在线选题、历史记录查询、数据库存储等功能。本系统以Django开发。前端主要使用了Bootstrap、jQuery，后端使用路由分发实现了不同的用户访问，包括系统管理员、系主任、指导老师和学生四个角色。

传感器实时无线采集冷藏库建筑环境信息并上传到上位机，存入数据库，在WEB上实现基于BIM的可视化管理平台。对冷藏库模拟设备根据存储的果品类型自动控制和对冷藏库设备手动控制。在网页上显示基于BIM的可视化管理平台，可实时显示各冷藏间监控和设备运行信息，查询冷藏库环境数据与设备运行情况历史记录。运用数据可视化技术，进行故障特征识别，进行故障特征识别，实现自动报警

将npm 模块下的【npm、npm.cmd、npx、npx.cmd】文件复制一份放到node_module文件下同级别下。nvm reinstall-packages //在当前版本node环境下，重新全局安装指定版本号的npm包。将下载下来的安装包解压后重命名为npm ，放到nvm对应nodejs版本下的node_module包中。nvm uninstall //删除已安装的指定版本，语法与install类似。nvm list available //显示可下载版本的部分列表。

这篇文章将手把手教你使用宝塔面板部署自己的node前后端服务。至于为什么用宝塔，不敲一行命令实现前后端部署，相对于他原生部署方式，比如Nginx、Apache、Docker简单省事，对前端使用者更友好。一定要把开宝塔面板和云服务器防火墙都关闭后端的端口号与前端保持一致*有任何疑问和想法，欢迎在评论区与我交流。