前言【云效】企业级一站式DevOps平台，源于阿里巴巴先进的研发理念和工程实践，致力于成为数字企业的研发效能引擎！云效提供从“需求→开发→测试-→发布→运维→运营”端到端的协同服务和研发工具，支持公共云、专有云和混合云多种部署形态，通过人工智能、自动化技术的应用提升开发者的研发效能，持续交付有效价值。网址：https://www.aliyun.com/product/yunxiao现在云效平台正在

项目中遇到很多父子组件嵌套的场景，比如父组件中有一些概览信息，子组件中是详情数据，例如表格。数据由父组件通过xhr请求获取，然后传参给子组件，在子组件中通过props接收，然后通过监听props的变化，将该值传给data。在很多业务场景中，子组件的详情数据都需要支持编辑操作，编辑操作通常是做两件事，一个是通过接口向后端发送更新的数据，二是更新组件的data，以更新视图。但是如果只更新子组件自己的d

在运行一个vue项目的时候，一直提示编译失败Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No “exports” main resolved in@babel/helper-compilation-targets/package.json我的项目是从仓库克隆到本地的，配置根本没动过，但是在同事那边是可以跑的。SolutionThis is a regression

很多同学对 Vue 的第一印象就是“响应式”、“双向绑定”等特性，而 v-model 就是实现双向绑定的语法糖，用过 Vue 的小伙伴一定都非常熟悉。但是在 Vue3 中，v-model 发生了一些改动，使得它不再兼容 Vue2 的用法，具体是什么呢，我们一起来看看。非兼容：用于自定义组件时，v-model prop 和事件默认名称已更改：prop：value -> modelValue；事

如果想在一个组件中覆盖插件的样式，就需要用到样式穿透。发现问题：组件无法覆盖插件的样式如下所示，下面是一个分页器插件，默认的颜色是蓝色，定义在.swiper-pagination-bullet-active中。如果想要覆盖插件默认的样式，在组件中直接设置样式是不会生效的。这是因为组件自己的样式出现在前面，而插件的样式会从后面进来。如图所示，可以看到head标签中有多个style，组件样式定义在最上

Vue3.0 已经发布一段时间了，特别是还发布了一个打包构建工具 Vite，据说是可以干掉 webpack 的，趁这段时间有空，本人也体验了一下。想使用 Vue3.0 不一定要用 Vite，vue-cli 也可以构建。$ npm install -g @vue/cli确保已经升级到最新的版本：$ npm update -g @vue/cli$ vue --version然后创建项目：$ vue c

项目中有一个需求，搜索框需要根据页面宽度动态变化，例如宽度小于等于1280时搜索框的宽度为280px，大于1920时宽度为360px，在1280和1920之间则根据比例缩放。由于页面是flex布局，并且靠两端对齐的，所以min-width和max-width基本上是排不上用场了。当时首先想到的是媒体查询，但是媒体查询不能实现按比例缩放的效果。后来想到通过JS获取页面宽度，然后根据宽度来判断搜索框应

本人使用阿里云 Java Initializr 脚手架搭建了 SpringBoot 项目，在启动的时候出现报错信息：Failed to configure a DataSource: ‘url’ attribute is not specified and no embedded datasource could be configured.显然是 application.properties 中

拿到cherry键盘，激动了一阵子，结果发现win键不能用。看了下说明书，原来有两种模式：办公模式和游戏模式办公模式：所有 Windows 指令都能使用游戏模式：游戏模式下，Windows键锁定功能激活，防止意外执行Windows指令。启用Windows键锁定功能之后，以下指令不会被执行：Windows键ALT + F4ALT + TABCTRL + ESCCTRL + ALT + DELETE如

实现一个 Event ，示例如下：const e = new Event();e.on("click", x => console.log(x.id));e.emit("click", { id: 3 }); // 3e.emit("click", { id: 4 }); // 4一个简单的发布订阅模式实现如下，主要有两个核心 APIemit 发布一个事件on 监听一个事件class Eve