components typescript arguments passing
vue3中如何通过遍历传入组件名称动态创建多个component 组件
背景 在 vue3 中，如果使用 component，可以动态加载一个组件，例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来，但是如果将需要展示的自定义组件放在一个数组中，遍历展示，则无法展示成功。 <!- ......
TypeScript 的个人见解
TypeScript 简介 TypeScript 是由微软开发的一种强类型的 JavaScript 超集语言。它提供了静态类型检查、类和接口等面向对象编程特性、泛型、命名空间等高级特性，以及 ES6/ES7 的支持。 TypeScript 的优势 TypeScript 在开发中有很多优势，比如： 更 ......
在基于vue-next-admin的Vue3+TypeScript前端项目中，为了使用方便全局挂载的对象接口
在基于vue-next-admin 的 Vue3+TypeScript 前端项目中，可以整合自己的 .NET 后端，前端操作一些功能的时候，为了使用方便全局挂载的对象接口，以便能够快速处理一些特殊的操作，如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......
nginx的location与proxy_pass配置超详细讲解及其有无斜杠( / )结尾的区别
本文所使用的环境信息如下： windows11 (主机系统) virtual-box-7.0环境下的ubuntu-18.04 nginx-1.22.1 (linux) 斜杠结尾之争 实践中，nginx里最常用的指令就是location和proxy_pass了。前者用于为不同请求uri指定不同ngin ......
django视图中使用return redirect(reverse('')) 没有传参出现题：Reverse for ‘‘ with no arguments no arguments not
redirect 的作用是跳转 reverse的作用是反向解析 当无法反向解析的时候要确认urls.py中的path参数，name参数是否一直 ......
基于webpack与TypeScript的SolidJS项目搭建
本文将讲述如何基于webpack与TypeScript搭建一个基础的支持less模块的solidjs项目。方便后续涉及到solidjs相关分析与讨论都可以基于本文的成果之上进行。 前置 nodejs v14+ 全局yarn（npm亦可） 稳定的网络环境 创建根目录solidjs-webpack-ts ......
@Configuration 和 @Component 的区别
一句话概括就是 @Configuration 中所有带 @Bean 注解的方法都会被动态代理，因此调用该方法返回的都是同一个实例。 理解：调用@Configuration类中的@Bean注解的方法，返回的是同一个示例；而调用@Component类中的@Bean注解的方法，返回的是一个新的实例。 注意 ......
allegro 导出DXF 文件 ERROR: Invalid program arguments. Terminating program.
注意：导出选择MM,需要导入DXF也需要选择MM ......
在Vue3+TypeScript 前端项目中使用事件总线Mitt
事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。 ......
TypeScript 学习笔记 — 类型兼容 （十）
TS 是结构类型系统（structural type system），基于结构/形状检查类型，而非类型的名字。 TS 中的兼容性，主要看**结构是否兼容**。(核心是考虑安全性),结构化的类型系统(又称鸭子类型检查),如两个类型名字不一样但是无法区分 类型兼容性是基于结构子类型的。 结构类型是一种只 ......
monorepo实践：yarn workspace + vite + typescript + react
前言 最近需要用到多包管理 monorepo 开发新项目，所以提前预研一下项目搭建。 monorepo(monolithic repository)是一种项目架构，就是用一个仓库管理多个项目（应用，库），react和babel的源码仓库都是用这种方式在管理。 优缺点略过，可以参考：精读《Monore ......
在教学中常被问到的几个vue3.x与typescript的问题，统一解答
在教学当中，学生在学习vue3.x时，常常会问到typescript和vue3.x之间的关系，感觉这两个技术总是绑在一起的，下面老赵来统一解答一下： 那学vue3.x，为什么要求也要掌握typescript Vue 3.x是一个使用TypeScript编写的库，它内置了对TypeScript的支持， ......
Typescript 回调函数、事件侦听的类型定义与注释--拾人牙慧
实际项目中会运到的 Typescript 回调函数、事件侦听的类型定义，如果刚碰到会一脸蒙真的，我就是 这是第一次我自己对 Typescript 记录学习，所以得先说一下我与 Typescript 的孽缘 记得最早是在2014年遇上 Typescript 当时是完全看不上这东西的，甚至带着鄙视的心态 ......
Node.js+Koa2+TypeScript技术概览
最近几年一直使用Node.js作为后端服务平台，通过Koa2框架中间件快速搭建Web服务，但是使用JavaScript开发大型后端服务时会使程序变得难以维护，继而使用TypeScript语言开发，使编译、调试、检查和代码管理变得更加容易。 下图是使用Koa2框架搭建后端服务的思维导图： 一、Node ......
TypeScript 前端工程最佳实践
作者：王春雨 前言 随着前端工程化的快速发展， TypeScript 变得越来越受欢迎，它已经成为前端开发人员必备技能。 TypeScript 最初是由微软开发并开源的一种编程语言，自2012年10月发布首个公开版本以来，它已得到了人们的广泛认可。TypeScript 发展至今，已经成为很多大型项目 ......
源码解读之TypeScript类型覆盖检测工具type-coverage
因为团队内部开启了一个持续的前端代码质量改进计划，其中一个专项就是TS类型覆盖率，期间用到了type-coverage这个仓库，所以借这篇文章分享一下这个工具，并顺便从源码阅读的角度来分析一下该工具的源码，我自己fork了一个仓库，完成了中文版本的ReadMe文件并对核心代码添加了关键注释，需要的同 ......
React报错之Function components cannot have string refs
总览 当我们在一个函数组件中使用一个字符串作为ref时，会产生"Function components cannot have string refs"错误。为了解决该错误，使用useRef()钩子来得到一个可变的ref对象，这样你就可以在组件中作为ref使用。 这里有个示例用来展示错误是如何发生的 ......
如何发布一个 TypeScript 编写的 npm 包
前言 在这篇文章中，我们将使用TypeScript和Jest从头开始构建和发布一个NPM包。 我们将初始化一个项目，设置TypeScript，用Jest编写测试，并将其发布到NPM。 项目 我们的库称为digx。它允许从嵌套对象中根据路径找出值，类似于lodash中的get函数。 比如说： cons ......
自学 TypeScript 第五天，手把手项目搭建 TS 篇
前言： 昨天咱们已经把贪吃蛇的页面写好了，今天咱们来写 TS 部分 TS 我们要用面向对象的形式去编写我们的功能，所以我们要以一个功能去定义一个对象 把这个项目分成几个模块，也就是几个对象功能 Food类（食物类）： 写对象的前提，我们要去定义类，用类去创建对象 首先我们直接 class 一个 Fo ......
React Server Component: 混合式渲染
相信大家对 React Server Component 有所耳闻，React 团队对它是这样介绍的： zero-bundle-size React Server Components。这是一种实验性探索，但相信该探索是个未来 React 发展的方向，与 React Server Component... ......