书架

书架

=一个知识书库=

Vue3 计算属性computed和监听属性watch

Vue3 计算属性computed和监听属性watch

## computed 计算属性computed作用是根据已有数据计算出新数据。它需要返回一个值,返回的值就是该计算属性的值。 <!--more--> ### 只读取不修改 ```javascript <template> <div class="app"> 姓:<input type="text" v-model="firstName"> <hr> 名:<input type="text" v-model="lastName"> <hr> 全名:{{ fullName }} </div> </template>
more...
Vue3 拖拽组件合集,覆盖 99% 拖拽需求

Vue3 拖拽组件合集,覆盖 99% 拖拽需求

## **前言** 在开发中,我们经常会遇到需要拖拽的场景,比如:`拖拽排序`、`拖拽面板`、`拖拽组件`等。 今天给大家推荐 `5` 款 `Vue3` 超实用的`拖拽组件`,能够覆盖平时开发中的 `99%` 拖拽需求!!! <!--more--> ## 1. Vue Fluid DnD `Vue Fluid DnD` 是一个为 `Vue3` 应用程序设计的流畅和平滑的拖放解决方案,特别适用于`列表操作`,并且提供了完整的`动画效果`。 ![图片](http://www.lixianglong.cn/bg_store/img/content/Dwu89ibK
more...
tsconfig.json配置

tsconfig.json配置

TypeScript 配置文件(tsconfig.json)是用于配置 TypeScript 项目的重要文件。它允许开发者自定义 TypeScript 编译器的行为,指定编译选项、文件包含与排除规则、输出目录等。通过合理配置 tsconfig.json,我们可以根据项目需求进行灵活的 TypeScript 编译设置。 本文将全面解读 tsconfig.json 的各个配置选项,并提供一些常见的使用场景和示例代码 <!--more--> ## 常用选项概览 ```json { "compilerOptions": { /* 基本选项 */
more...
一文彻底搞懂package.json中的exports, main, module, type

一文彻底搞懂package.json中的exports, main, module, type

> package.json每天都会用到,但是你真的对里面的某些字段很了解吗,本文将带你了解其中经常使用的一些字段 ## repository/homepage 项目的仓库地址, 会显示在 [npm package](https%3A//www.npmjs.com/package/sandpack-vue3) 右侧 ```json { "repository": { "type": "git", "url": "git+https://github.com/jerrywu001/sandpack-vue3.git" }, "homepa
more...
解决Chrome浏览器自动转换https问题!

解决Chrome浏览器自动转换https问题!

> 据外媒报道,Google很快将进行一项实验:当用户在地址栏输入网址时,网站会自动连接HTTPS通道,而非HTTP通道。 > 举例来说,假设你在Google Chrome的地址栏中输入[域名](https://www.xinnet.com/tag/6),并按下enter键并访问后,Google Chrome首先会尝试连接该网址的HTTPS版本。如果这个网站没有HTTPS版本,则会在3-10s之后连接这个网站的HTTP版本。 那么,HTTP与HTTPS究竟有什么区别呢? **HTTPS**(全称:Hypertext Transfer Protocol over Secure Sock
more...