![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
TypeScript
文章平均质量分 85
分享TypeScript新知识
程序不了猿
一个还在成长的程序员,分享自己学到的点滴经验。
展开
-
it does not have a type annotation and is referenced directly or indirectly in its own initializer
关于在vue3 reactive中使用TypeScript时,出现'state' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.报错。关于这个错误的解释是:“state”隐式具有类型“any”,因为它没有类型注释,并且在其自己的初始化程序中直接或间接引用。解决方案出现这个问题时由原创 2021-03-02 17:06:53 · 3081 阅读 · 1 评论 -
【vite+vue3.0】基于vite写一个将md文件渲染为js文件的插件
基于vite写一个将md文件渲染为js文件的插件前言尤大是这么描述 Vite 的:「一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports,在服务器端按需编译返回,完全跳过了打包这个概念,服务器随起随用。同时不仅有 Vue 文件支持,还搞定了热更新,而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用 rollup 打包。」这篇博客笔者想分享编写Vite插件【md文件渲染为js文件】的技术栈:md插件源码地址相关文章基于vue3原创 2021-01-18 15:24:40 · 2763 阅读 · 19 评论 -
【Vue3 造轮子项目 】kaiteUI中利用Custom Block(自定义块)和vite实现代码渲染器
关于kaiteUI中通过json数据实现代码渲染器前言上礼拜笔者分享了搭建UI框架的技术栈,其中一个较为关键的技术——代码渲染器,由于篇幅问题放到了今天这篇博客中给大家做一个详细的分析解读。在这里先分析一下上篇博客内容—— 基于vue3.0 + vite + TypeScript 实现一个UI框架 - kaiteUI,这篇主要是通过基于vue3.0 + vite + TypeScript技术框架来实现一个UI框架,笔者自己搭建框架的初衷是运用并巩固最近学习的vue3.0新特性。技术栈废话不多说,原创 2021-01-16 10:32:40 · 2881 阅读 · 15 评论 -
【Vue3 造轮子项目 ------ kaite-ui】基于vue3.0 + vite + TypeScript 实现一个UI框架 - kaiteUI
基于vue3.0 + vite + TypeScript 实现一个UI框架 - kaiteUI前言前段时间笔者一直忙于学习Vue3方面新知识,比如如何从vue2.0版本过渡到vue3.0,如何理解vue3.0的新接口Composition API等等,笔者相信随着vue3.0正式版的发布,企业的需求量增大,掌握vue3.0将会是一个必要的升职加薪的技能。本片文章并非是vue3.0学习知识点,而是通过基于vue3.0 + vite + TypeScript技术框架来实现一个UI框架。由于vue3.0刚原创 2021-01-07 09:06:53 · 1439 阅读 · 4 评论 -
【leecode 剑指 Offer】从上到下打印二叉树 III
从上到下打印二叉树 III题目请实现一个函数按照之字形顺序打印二叉树,即第一行按照从左到右的顺序打印,第二层按照从右到左的顺序打印,第三行再按照从左到右的顺序打印,其他行以此类推。示例例如:给定二叉树: [3,9,20,null,null,15,7],返回其层次遍历结果:解题思路算法流程:BFS 循环: 循环打印奇 / 偶数层,当 queue 为空时跳出;打印奇数层: 从左向右 打印,先左后右 加入下层节点;若 queue 为空,说明向下无偶数层,则跳出;打印偶数层: 从右向左原创 2020-12-23 14:28:04 · 71 阅读 · 0 评论 -
【vue 3.x】利用name参数实现组件的递归调用
利用name参数实现组件的递归调用一、name的定义官方文档:给出name的定义:翻译:允许组件在其模板中递归调用自身。 请注意,当组件在Vue.createApp({}).component({})中进行全局注册时,全局ID会自动设置为其名称。指定name选项的另一个好处是调试.命名的组件会产生更有用的警告消息。 另外,在vue-devtools中检查应用程序时(打开新窗口),未命名的组件将显示为<AnonymousComponent>,这不是很有用。 通过提供name选项,您将获原创 2020-12-20 13:49:34 · 1755 阅读 · 1 评论 -
【gulp】Did you forget to signal async completion?
Did you forget to signal async completion?问题解决问题出现在学习使用前端自动化工具gulp时,测试一个task时,控制台显示如下提示:查阅Stack Overflow,有以下几种解决办法。现象源代码(gulpfile.js):// 复制文件夹gulp.task('copy',()=>{ gulp.src('./src/images/*') .pipe(gulp.dest('dist/images'));原创 2020-12-13 08:38:00 · 163 阅读 · 0 评论 -
【gulp】 Task function must be specified
Task function must be specified 问题分析与解决背景// 构建任务gulp.task('build',['htmlmin','cssmin','jsmin','copy']);在执行 gulp build 命令时报错:原因gulp版本更新,新版不支持这个语法,改一下就行。解决方法1.首先检查本地版本和全局版本是否相同如果此两项相同,那么请修改原来的构建语法为:// 构建任务gulp.task('build',gulp.series('htmlm原创 2020-12-13 09:02:56 · 290 阅读 · 0 评论 -
【gulp】gulp自动打包工具的简介和初步使用
gulp自动打包工具的简介和初步使用1.功能项目上线,HTML、CSS、JS库文件压缩合并语法转换(es6、less…)转(es5、css…)公共文件抽离修改文件浏览器自动刷新2.使用使用步骤使用 npm install gulp 下载库文件在项目根目录下建立 gulpfile.js 文件重构项目的文件夹结构 ,SRC目录位置下放置源代码在 gulpfile.js 文件中编写任务在命令行工具中执行gulp任务库方法gulp.src(): 获取任务要处理的文件g原创 2020-12-13 11:27:35 · 178 阅读 · 0 评论 -
【VUE 3】浅谈Vue2 和 Vue3使用上的区别
浅谈Vue2 和 Vue3使用上的区别引言本人最近正在利用 vite + Vue3 +TypeScript 框架做一个造轮子项目,本人也在Vue2向Vue3转型,所以在这里分享一下我在项目构建的过程中的一点总结、心得吧!区别1.Vue 3 的 Template 支持多个根标签,Vue 2 不支持vue2: 组件中只能有一个根标签<template> <div>根元素 示例</div></template>vue3:可以有多个根标签&原创 2020-12-19 17:04:06 · 3431 阅读 · 4 评论 -
【VUE 3.x】深入破解vue3.x新特性
深入破解vue3.x新特性一、基础准备了解常见的ES6新特性1. ES6的导入导出语法2. 解构赋值3. 箭头函数4. …剩余操作符了解VUE2.X的基本使用组件常用指令生命周期函数computed、watch、ref 等了解TypeScript的基本使用1.语法与JS兼容(初期使用可以当做js来用)二、关键背景在 Vue.js 伦敦大会上,Vue.js 作者尤雨溪简要介绍了 Vue 下一个主要版本要发布的内容,2018年9 月 30 日,尤雨溪在 medium 个原创 2020-12-20 09:39:21 · 774 阅读 · 1 评论