- 博客(330)
- 资源 (21)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 个人博客搭建遇坑流程のVuePress2
最近突然想重新做一下个人博客的网页，使用Vuepress2.x进行进行开发，中途遇到重重问题，但最终都被我克服了，记录一下免得自己以后忘记这些坑。本文中还会提及Github的分支提交使用
2022-10-24 09:46:39
1839
2
原创 Vue3：显示 markdown 文档
平时自己的 markdown 文档如何放在网页上，那么就需要将其转换成 html 文本，这次使用了 v-md-editor 库在 vue3 中进行转换
2022-07-18 20:55:51
6087
7
原创 从0开始的 TypeScriptの十四：内置工具类型
接下来为了使用更加方便，可以对 typescript 中内置的工具类型进行一些学习。这些内置工具类型能够非常方便的帮助我们进行 typescript 类型转换。
2022-07-15 09:08:05
444
原创 从0开始的 TypeScriptの十三：infer、extends、keyof、typeof、in
在 typescript 开发过程中通过泛型进行类型转换是很重要的一块，本文主要讲了 infer、extends、keyof、typeof、in 这五个关键字的使用
2022-07-14 09:08:58
1433
原创 不习惯的 Vue3 起步五 のapiHooks 封装
在前端开发过程中，对于 Api 接口通常会进行封装，这里 vue3 中因为添加了 typescript，所以也再来写写有 TS 的简单封装方式
2022-07-13 09:02:43
395
原创 不习惯的 Vue3 起步四 の 生命周期 &provide/inject
Vue3的生命周期大部分还是和Vue2一样，除了beforeCreate和created，这两个已经替换成setup了
2022-07-12 09:08:55
544
原创 不习惯的 Vue3 起步三 の computed 和 watch
Computed计算属性和watch侦听器，以及watchEffect侦听器这三种的具体解析，使用时相较于Vue2也多了些改变
2022-07-11 09:11:52
317
原创 不习惯的Vue3起步二 の alias别名、ref和reactive
在之前的学习中，对vue3和vite做了一下简单的了解。也知道了vue3，相较于vue2，对typescript的兼容更好了
2022-06-22 20:34:19
584
原创 electron添加SQLite数据库
在之前，我曾经使用electron开发过一个番茄钟应用，当时的应用数据存储是在JSON文件当中，现在使用sqlite数据库来读写
2022-06-21 20:43:21
2801
原创 不习惯的Vue3起步 の 一：＜script setup＞
Vue3虽然说是Vue2的升级版，但里面不一样的地方还是挺多的，这里主要在弄setup语法糖，从vue2过来好不适应
2022-06-21 20:35:15
1475
原创 node の SQLite
之前在做electron桌面制作番茄钟应用时曾经想过用数据库存储数据，一开始打算mongodb，但是发现不能实现无服务器，那么只能使用SQLite了
2022-06-15 15:17:26
1726
原创 Cocos 常用功能介绍
cocos思想 cocos2d的编程最重要的是在于继承, 一个对象继承自一个类。cocos creator的编程是每一个对象都是一个节点，在节点中可以挂载组件，一个节点中可以挂载无数的组件
2022-06-04 22:06:00
1435
1
原创 SocketIO の 聊天练习
基于socketIO的双向通信，准备制作一个聊天界面。聊天界面的大体样式参考于微信界面，后端用了node和socketIO
2022-05-20 09:22:20
413
原创 关于 electron-builder 打包遇到的一点点问题
序electron打包一开始时出现error，去解决真的好累，报错一个接一个，而且我这和网上一些bug解决方案还有点不同，不能照抄别人的作业。本次我使用的electron 打包工具是electron-builder (以后就换其他的试试)当然也是我学艺不精了 💥打包正常流程在说自己错误经历之前，先走一遍可以正确打包的流程吧为了让流程看起来干净些，创建一个独立的electron项目使用yarn init命令创建项目，注意需要写明author作者和description描述，后续打包时如
2022-05-19 09:28:48
5039
12
原创 yarn add electron安装失败
yarn add electron安装失败今天遇到了yarn安装包失败的问题，记录下来之前曾经试过electron的初步使用，不过已经过去挺长一段时间了。当时自己也写了一篇文章《Electron试水篇（一）》然后今天想重新试试，对项目进行安装，发现出错了安装命令：yarn add --dev electron然后安装失败：准备找找之前写的文章，看看当初有没有解决，结果就发现当初自己也没解决啊😭，是用来npm下载掉的… （标准的逃避可耻但有用）解决过程这次不能再姑息了，一定要用ya
2022-04-27 20:09:48
3116
原创 Vue数据响应Object.defineProperty
Vue是使用数据驱动视图，也就是数据改变，DOM也相应完成变化，并且因为是非侵入式的数据响应，所以需要一个关键方法Object.defineProperty
2022-04-18 21:34:06
861
原创 Vue用keep-alive缓存组件
keep-alive用途：对于动态切换的组件进行包裹，使其能够进行缓存，而不是销毁掉后重新创建在系统开发中，界面上有时会需要对某一块内容进行切换，如果这一部分的内容是几个组件频繁动态切换，为了提高效率，可以使用keep-alive包裹它们。keep-alive是一个抽象组件，本身不会渲染一个DOM元素，也不会出现在组件的组件链中。（这与transition动画组件类似）实例<template> <div class='keepAlives'> &
2022-04-14 21:23:24
3375
原创 echarts饼图指示器文字颜色设置不同
学习记录，平时开发时遇到过的问题echarts饼图label文字颜色💬需求： 绘制一份环形饼状图，并且有指示器文本标签（文字的颜色需要和各部分相同）数据：pieData: [ { name: '犯人', value: 30 }, { name: '官差', value: 35 }, { name: '平民', value: 35 },]，// 颜色.
2022-04-12 22:10:54
9525
6
原创 Cocos Creator学习の有限状态机
有限状态机(Finite State Machine)其在任意时刻都处于有限状态集合中的某一状态。当其获得一个改变信息时，将从当前状态转换到另一个状态，或者仍然保持在当前状态拿游戏中的人物举例：就是人物无时无刻都是处于某种状态之中的具体实现时，可以把角色不同的行为分成不同的状态，然后给某一状态写入方法。通过状态机去进行人物不同状态之间的切换可参考学习：Cocos Creator有限状态机使用状态机的理由在实际开发中，人物可能会有很多状态动作，如果将这些状态动作都写着人物类当中，代码会非常冗杂
2022-03-02 20:20:03
1959
3
原创 Cocos Creator学习のTiledMap
目前正在学习Cocos creator，版本是2.4。 本次利用tiled做一个简单的分层地图，人物可以在上面运动，并且可以被遮挡和墙体阻挡
2022-02-24 11:36:19
7755
7
原创 为了兼容IE，配置Babel+Webpack
前端开发过程中，很可能需要兼容IE浏览器（虽然很无奈就是了），在兼容IE浏览器时要十分小心，因为IE是不支持es2015以上的，所以你可能会发现Promise、箭头函数等方式通通报错。Webpack前端项目化的过程中，很多都会使用到Webpack、Gulp等工具。这里我使用的是Webpack，对于Webpack的项目配置因为以前也具体说过，所以这里不再做过多的讲述了。参考链接：简单的前端项目配置webpack打包typescriptwebpack5热更新打包TS一、使用的javascri
2021-10-24 15:14:29
3354
3
原创 用Cocos Creator让嫦娥一步步跳上月亮
中秋在中秋来临之际，先要抗一波台风，然后空闲时，用Cocos Creator边学边写一个简单的“嫦娥奔月”场景先来简单的看看效果吧：Cocos Creator本次制作使用的工具是Cocos Creator，这是一款游戏开发引擎，现在市面上的游戏开发引擎还是很多的，比如最出名的应该就是 Unity了吧。相较于Unity，Cocos Creator对我来说有下面一些优点：Cocos Creator免费容易上手，使用JavaScript或者Typescript中文开发文档与Unity类似
2021-09-26 15:47:07
530
原创 Electron试水篇（一）
Electron序对于Electron，我没有去看vs code的历史时是完全不知道这样一款框架的。首先先从Vs Code说起，总所周知，这是一款非常好用的编辑器（尤其是对于前端开发人员）。一开始我看到Vs Code的全名 —— Visual Studio Code ，以为这也是像VS一般使用后端语言编写出来的编辑器。 不过当我知道居然是开发人员使用TypeScript编写的，当时是非常惊讶的。介绍：Visual Studio Code 基于 Electron 开发。Electron 是一个基于
2021-09-26 15:26:18
192
原创 从0开始的TypeScriptの十二：装饰器
文章目录装饰器/修饰器 Decorator类装饰器普通装饰器装饰器工厂装饰器重构构造函数类属性装饰器类方法装饰器类方法参数装饰器装饰器/修饰器 Decorator定义：装饰器是一种特殊类型的声明，能够被附加到类的声明、方法、属性或参数上，可以修改类的属性通俗的讲装饰器就是一个方法：可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能。装饰器是实现 AOP（面向切面）编程的一种重要方式。通过注入的对象不同，可以将装饰器分为：类装饰器类属性装饰器类方法装饰器类方法参数装饰器装饰器
2021-08-27 15:51:54
325
1
原创 从0开始的TypeScriptの十一：模块和命名空间
模块JavaScript先天缺少一项功能：模块。 所以在es6提出的Module模块的概念，当然在nodeJs中也存在CommonJS规范。在typescript中的主要模块概念还是Module模块模块在其自身的作用域里执行，而不是在全局作用域里；这意味着定义在一个模块里的变量，函数，类等等在模块外部是不可见的，除非你明确地使用export形式之一导出它们。相反，如果想使用其它模块导出的变量，函数，类，接口等的时候，你必须要导入它们，可以使用import形式之一。模块是自声明的；两个模块之间的关系
2021-08-27 15:47:23
210
原创 从0开始的TypeScriptの十：泛型
泛型 Generics泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。泛型可以创建可重用的组件，一个组件可以支持多种类型的数据，用户可以以自己的数据类型来使用组件。TypeScript中对泛型的说明：软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能泛型可以使用尖括号<>来进行定义，在下面的例子当中，
2021-08-20 09:26:45
164
3
原创 从0开始的TypeScriptの九：接口Interfaces · 中
接口 Interfaces （中篇）在上一次的《从0开始的TypeScriptの四：接口Interfaces · 上》文章中，已经把typescript的接口基本使用说完了（我自己如果有遗忘也会重新去看看，毕竟温故而知新）函数与接口接口能够描述 JavaScript 中对象拥有的各种各样的外形。 除了描述带有属性的普通对象外，接口也可以描述函数类型。为了使用接口表示函数类型，我们需要给接口定义一个调用签名。 它就像是一个只有参数列表和返回值类型的函数定义。参数列表里的每个参数都需要名字和类型。
2021-08-20 09:13:01
173
原创 从0开始的TypeScriptの八：类
文章目录 类 介绍ES5 function生成实例对象ES6 class生成实例对象类的继承 extendpublic private protectedpublicprivateprotected只读修饰符 readonly静态属性多态抽象类和抽象方法存取器 get和set结束了 类 介绍传统的JavaScript程序使用函数和基于原型的继承来创建可重用的组件，但对于熟悉使用面向对象方式的程序员来讲就有些棘手，因为他们用的是基于类的继承并且对象是由类构建出来的。 从ECMAScript 2015，也
2021-08-18 08:56:15
396
6
原创 从0开始的TypeScriptの七：函数
文章目录 介绍函数定义 JavaScript函数定义 TypeScript函数定义TypeScript完整函数 可选参数 默认参数剩余参数函数重载 介绍函数是JavaScript应用程序的基础。 它帮助你实现抽象层，模拟类，信息隐藏和模块，同时也是JavaScript中的一等公民。在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。TypeScript为JavaScript函数添加了 额外的功能，让我们可以更容易地使用。在TypeScript里，函数也分为命
2021-08-18 08:48:17
321
3
原创 从0开始的TypeScriptの六：webpack5热更新打包TS
webpack5热更新打包热更新，是指 Hot Module Replacement，缩写为 HMR。模块热替换（HMR - Hot Module Replacement）是 webpack 提供的最有用的功能之一。它允许在运行时替换，添加，删除各种模块，而无需进行完全刷新重新加载整个页面当然这次主要是为了打包我写的typescript，为了修改ts后能够时时更新出js文件。配置准备在之前的文章 《从0开始的TypeScriptの五：webpack打包typescri
2021-08-11 19:08:39
732
3
原创 从0开始的TypeScriptの五：webpack打包typescript
文章目录 webpack打包TS webpack概念 打包起因 安装webpack 编写webpack配置webpack.config.jsscript脚本 最后结果 webpack打包TS相信很多前端的朋友都知道webpack是什么，webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用。 webpack概念本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时
2021-08-09 20:33:11
807
2
原创 从0开始的TypeScriptの四：接口Interfaces · 上
文章目录 接口 Interfaces 接口是什么简单的接口 接口的属性可选属性 ?只读属性任意属性 接口 Interfaces在 typescript中，有一项比较重要的核心知识，那就是接口InterfacesTypeScript 的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在 TypeScript 里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约 接口是什么在面向对象语言中，接口（Interfaces）是一个很重要的概念，它是
2021-08-07 22:35:55
267
4
原创 从0开始的TypeScriptの三：类型系统 ·下
文章目录 元组 Tuple 枚举 enum 自动赋值 手动赋值常数项和计算所得项数字枚举字符串枚举常数枚举外部枚举 Ambient Enums 任意值 any Unknown 空值 void Never 类型别名 type 类型断言上文《从0开始的TypeScriptの二：类型系统》中说过，JavaScript有的基础类型在TypeScript中都存在。本次来介绍一些TypeScript中新的类型, 有元组⭐️，枚举????，任意值????，Unknown❄️，空值☁️，Never⚡️在Ty
2021-08-06 09:42:49
294
2
原创 从0开始的TypeScriptの二：类型系统 · 上
文章目录 TypeScript类型系统类型的隐式和显式类型错误不会阻止JavaScript生成类型可以是环境TypeScript基础类型布尔值数字字符串数组Null和Undefined TypeScript类型系统承接TS系列上一篇的类型系统介绍：从0开始的TypeScript（一）类型系统是TypeScript中一个重要的概念。TypeScript里类型可以隐式编写也可以显式编写类型的隐式和显式隐式 ☁️在TypeScript中，回尝试推断出尽可能多的类型信息，以便在开发过程中以最小生产力
2021-08-05 11:07:52
406
9
原创 从0开始的TypeScript（一）
总所周知，每个新的系列文章第一篇都是比较简单的介绍，本次TypeScript也不例外，第一篇先水????一下了TypeScript ????在现在学习typescript的过程中，下面这些网站链接帮助还是挺大的，特别是书栈里面的《深入理解 TypeScript》，书栈真的可以对白嫖党????安利一下TypeScript学习参考链接????：https://www.tslang.cn/index.htmlhttps://chinese.freecodecamp.org/forum/t/topic
2021-08-02 11:03:14
589
3
原创 VS Code配置markdown代码片段
vs code真的是一款特别好用的编辑器不过有时候在写东西时快捷键提示会有一些不足，在vs code中写markdown时还是比较明显的。这里就需要自己在代码片段中进行配置了在左上角打开文件 --> 首选项 --> 用户片段找到markdown.json在markdown.json上面有一大段注释的代码，这里有一个Example例子“Print to console” 是快捷语句的标题prefix 是快捷语句触发的命令，也就是关键字body 是触发后的样子，使用 $1，$2
2021-07-14 17:56:23
7265
28
jTessBoxEditor和Java JDK.rar
2021-03-12
井字棋AI对战小游戏（前端开发）
2020-03-16
单片机C51基础中级高级实验程序
2018-12-06
单片机烧录软件STC（win10可用）
2018-10-04
OpenCV封装成能在C#中使用的Emgucv
2018-10-03
JavaScript 字符串操作性能问题
2021-05-19
vue cli项目中 想要获得json文件的运行后地址，而不是内容
2021-04-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人