MrYangZCH-CSDN博客

原创三、手把手教你 Vue2+Ts

三、手把手教你 Vue2+Ts

2022-02-27 09:00:00 3328 2

原创 vue-lottie控制动画的播放、暂停、跳转帧数

vue-lottie控制动画的播放、暂停、跳转帧数

2022-02-24 09:41:23 7340

VUE3https://v3.cn.vuejs.org/guide/installation.html使用 vue-cli 创建对于 Vue 3，你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli。yarn global add @vue/cli# 或npm install -g @vue/cli查看版本：vue --versionE:\mysjc> vue --version @vue/cli 4.5.13E:\mysjc>开始搭

2022-02-23 09:00:00 1784

原创七、泛型

泛型https://www.typescriptlang.org/docs/handbook/2/generics.html指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定具体类型的一种特性。没引入泛型之前,函数可以用重载方式来解决function add(x: string, y: string): string;function add(x: number | string, y: number | string): number | string { if (

2022-02-22 09:00:00 183

原创六、函数function

函数typescriptlang.org/docs/handbook/2/functions.html和 JavaScript 一样，TypeScript 函数可以创建有名字的函数和匿名函数。你可以随意选择适合应用程序的方式，不论是定义一系列 API 函数还是只使用一次的函数。js：// 命名函数function add(x, y) { return x + y}// 匿名函数let myAdd = function(x, y) { return x + y;}ts:

2022-02-21 09:00:00 301

原创五、TypeScript class 类（三）

readonlyhttps://www.typescriptlang.org/docs/handbook/2/classes.html#readonly你可以使用 readonly 关键字将属性设置为只读的。只读属性必须在声明时或构造函数里被初始化。class Animal { private age: Number; public readonly name: string; constructor(name: string, age: Number) {

2022-02-20 09:00:00 149

原创四、TypeScript class 类（二）

多态指程序中定义的引用变量所指向的具体类型和通过该引用变量发出的方法调用在编程时并不确定，而是在程序运行期间才确定，即一个引用变量倒底会指向哪个类的实例对象，该引用变量发出的方法调用到底是哪个类中实现的方法，必须在由程序运行期间才能决定。因为在程序运行时才确定具体的类，这样，不用修改源程序代码，就可以让引用变量绑定到各种不同的类实现上，从而导致该引用调用的具体方法随之改变，即不修改程序代码就可以改变程序运行时所绑定的具体代码，让程序可以选择多个运行状态，这

2022-02-19 09:00:00 202

原创三、TypeScript class 类

class 类类是面向对象语言的程序设计中的概念，是面向对象编程的基础。类是创建对象的模板,是对现实生活中一类具有共同特征的事物的抽象类的内部封装了属性和方法，用于操作自身的成员示例将每条狗看做一个对象，那他的属性就有品种、颜色，方法（行为）舔、叫、吃。class Dog { breed: string; color: string; lick(): void { console.log(` 我仍认为我们作为一个舔狗的真正目的是为了拥

2022-02-18 09:00:00 443

原创二、TypeScript Interfaces 接口

Interfaces 接口接口是对象的属性和方法的抽象描述比如：一个叫小猫的小黑狗正在吃骨头,一个叫小狗的小白猫正在吃猫粮… 动物都会有个名称、颜色、都有吃东西的方法接口定义 interface// 接口用 interface 来定义interface Animal { name: string; color: string; eat(): void;}const dog: Animal = { name: '小猫', color: '黑', .

2022-02-17 21:30:00 365

原创一、TypeScript 入门

TYPESCRIPT官网githubTypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。可以看看官网的5分钟 TypeScript Tooling in 5 minutes安装 TypeScript命令行运行如下命令，全局安装 TypeScript：npm install -g typescript安装完成后，在控制台运行如下命令，检查安装是否成功：tsc -V 第一个ts程序新建文件 te

2022-02-17 17:19:27 666

原创 mqttx A JavaScript error occurred in the main process Uncaught Exception: Malformed JSON in file

问题描述mqttx 工具用段时间，便会出现 JSON 解析问题 A JavaScript error occurred in the main process Uncaught Exception: SyntaxError: Malformed JSON in file: C:\Users\Yang\AppData\Roaming\MQTTX\db.json Unexpected number in json at position 98237解决方法：按照提示进入 C:

2021-07-06 09:17:56 4038 2

原创 Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

问题描述：之前使用过 node-sass,后来改为 dart-sass ，这货就开始犯傻，幸亏有大佬已经解决过，记录一下…40% building 1/4 modules 3 active ...-app-class-teaching-activity-history-records-list\src\components\headerSelectExercise\headerSelectExercise.vue?vue&type=style&index=0&id=04fdc

2021-06-20 17:09:13 9184 3

原创 The valid characters are defined in RFC 7230 and RFC 3986

错误描述：tomcat8 请求地址中包含 []，会出现 Invalid character found in the request target .The valid characters are defined in RFC 7230 and RFC 3986 java.lang.IllegalArgumentException: Invalid character found in the request target [/lw-ueditor-backend-server/ueditor/o

2021-06-11 14:43:40 293 1

原创 Uncaught ReferenceError: regeneratorRuntime is not defined

错误描述:element-ui自定义组件中使用 async 提示：Uncaught ReferenceError: regeneratorRuntime is not defined解决方案：1.在当前目录执行npm install babel-plugin-transform-runtime在 .babelrc 配置 “plugins”: [ … “transform-runtime”],{ "presets": [ [ "env",

2021-06-10 10:27:18 374

原创 UEditor not import language file

错误描述：UEditor 出现 not import language file错误原因：原因：没有引入语言文件解决方案:原先引用：<script type="text/javascript" src="../ueditor.all.min.js"></script>修改后的引用：<script type="text/javascript" src="../ueditor.all.min.js"></script><

2021-06-09 15:47:05 3292 1

原创 jar 读取resource配置文件

读取配置文件：InputStream inputStream = this.getClass().getResource(configFileName).openStream();

2021-06-03 08:46:57 174 1

原创 vue v-html事件失效？自定义指令有何不可

img标签中可以使用 @error 事件去处理图片地址，显示一些默认图片或者做一些其他的事情<img src="https://p.ssl.qhimg.com/t0199397a4f9c5e1b3b3.jpg" @error="(e)=>{ e.srcElement.src='https://p.ssl.qhimg.com/t0199397a4f9c5e1b3b.jpg'}">vue 使用 v-html 来解析 img标签 @error 失效不起作用 ╮(╯﹏╰）╭&lt.

2021-04-14 17:06:54 993 2

原创 electron-vue fs 读取本地图片,并展示

效果：获取到文件弹窗选择的图片地址，利用fs来加载本地图片 fs.readFile(item, function (err, data) { if (err) { // console.log(err); } else { // base64图片编码字符串 imgSrcList.push("data:image/jpg;base64," + data.toString('base64')); .

2021-03-02 15:42:54 3986

原创 electron-vue打包图标不见了？

electron 11 vue-cli4 打包图标不见了？？打开 background.js 设置 icon: ${__static}/图标名称.ico,托盘的图标也一样 tray = new Tray(path.join(${__static}, “./图标名称.ico”)); 可以打包下班了我的 background.js ，随便配置的仅供参考"use strict";import { app, protocol, BrowserWi.

2021-03-02 15:27:40 1491

原创 electron 11 win10 全屏透明窗口是不透明

electron 11 设置 transparent: true 小窗口下是透明的，设置了高度和宽度等于或大于显示的尺寸就会出现不透明情况解决方法：设置 fullscreen: true 可以避免这个问题const win = new BrowserWindow({ // width: screen.getPrimaryDisplay().workAreaSize.width, // height: screen.getPrimaryDisplay().wor.

2021-02-26 10:48:45 2438

原创 SpringBoot Redis 主键监听

Y基础知识代码分析代码实现基础知识`redis自2.8.0之后版本提供Keyspace Notifications功能，允许客户订阅Pub / Sub频道，以便以某种方式接收影响Redis数据集的事件链接地址:https://redis.io/topics/notifications默认情况下，redis的通知事件是关闭的，在终端执行以下命令开启：`其中 KEA表示启用了所有可能的事件代码分析springboot集成了redis，直接引包 <dependen

2021-02-22 09:47:25 279 1

原创 fetch 请求

fetchRequest (url, resolve, reject) { Promise.race([ fetch(url, { method: 'GET', headers: new Headers({ 'Access-Control-Allow-Origin':'*', "Content-Type":'text/plain' }), mode: 'no-cors' }), new Promise(func

2020-10-27 17:19:14 120 1

原创正则替换img src

replaceImgSrc (basePrefix, rep, questionContent) { // console.log('old' + questionContent) questionContent = questionContent.replace(new RegExp(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi), function (match, capture) { if (rep) ...

2020-10-27 17:18:28 716

原创 vue cli4配置动态地址

有些资源地址 vue打包之后如果修改需要重新打包，这就很烦，有很多 vue cli2 的参考文档，刚好配置出了 vue cli4 ，在这里记录一下安装 generate-asset-webpack-pluginyarn add generate-asset-webpack-pluginvue.config.js 中配置 generate-asset-webpack-pluginconst GenerateAssetPlugin = require("generate-ass.

2020-08-14 15:27:46 826

原创 The flash tech is undefined Skipped browser support check for that tech

vue版本 2.xVIDEOJS: ERROR: The "flash" tech is undefined. Skipped browser support check for that tech.npm n多次也不好使，后来发现是版本不一致，需要配置一下解决方案：webpack.base.conf.js 添加 modules: [path.resolve(‘node_modules’), ‘node_modules’]resolve: { modules: [p.

2020-08-03 09:06:50 6151 9

原创 vue vue-flash 使用 yarn 安装打包出错

vue vue-flash 使用 yarn 安装打包出错Module not found: Error: Can’t resolve ‘mux.js/lib/mp4/caption-parser’ in ‘D:\jenkins_workspace\ITTest-26-tpk-student-pc-vue\node_modules\videojs-flash\node_modules\video.js\dist’本想用 yarn 打包万万没想到还给我出错，出错就出错呗，还百度不到解决方法。

2020-07-31 15:16:37 1092

原创 lenovo 壁纸

C:\Windows\Web\ScreenC:\ProgramData\Lenovo\devicecenter\LockScreen\cache\

2020-05-10 07:46:04 1167

原创 window 端口被占用

查看被占用端口对应的PID，输入命令：netstat -aon|findstr “8080”（8080没“”也可以），回车，记下最后一位数字，即PID,这里是8080继续输入tasklist|findstr “20104”，回车，查看是哪个进程或者程序占用了8080端口，结果是：java.exe①用命令杀死：taskkill /pid 20104 -f②任务管理器...

2020-04-15 11:30:38 163

原创 flex-warp换行填充盒子

flex-wrap: wrap;justify-content: center;动态填充空盒子全部代码<!DOCTYPE html><html><head> <title>flex布局的应用</title> <style type="text/css"> .wrap { ...

2019-12-01 23:28:20 564

原创 vuex map不刷新视图

vuex map不刷新视图处理方法将map 重新赋值paper.paperMap=new Map(paper.paperMap)vuex selectPaperCheckBox: { 'question': {'questionIdList': []}, 'paper': {'questionIdList': [], 'paperMap': new Map()}...

2019-11-23 20:12:56 637

原创 MongoDB导入导出以及数据库备份

MongoDB导入导出以及数据库备份-------------------MongoDB数据导入与导出-------------------1、导出工具：mongoexport1、概念：mongoDB中的mongoexport工具可以把一个collection导出成JSON格式或CSV格式的文件。可以通过参数指定导出的数据项，也可以根据指定的条件导出数据。2、语法：mongoexpor...

2019-10-24 17:33:16 169

原创 animate.css 自定义动画

在使用animate.css 的时候动画的高度超过了预期的高度在这种情况下肯定是过不了测试的，怎么办的？<div class="fold-div animated " :class="{'slideInDown':foldDivHeightShow}"</div>上边代码可以知道用的是 slideInDown 动画看看他源码怎么写的？slide...

2019-10-18 17:57:25 854

原创 vue is

is 用法 <ul> <li is='my-component'></li> //自己写的组件</ul><component :is="组件名变量"></component>使用第二种方法未使用 is 代码<a-tabs ...

2019-08-07 15:01:28 215

原创 vsto 安装成功后打开office word不加载

vsto 安装成功后开office word不加载,其他电脑都可以，证明插件没有问题，也能安装成功，就是office 打开时不加载，勾选了也不起作用解决方案：将注册表路径"HKEY_CURRENT_USER\Software\Microsoft\Office\Word\Addins\插件名称"的值复制到“HKEY_LOCAL_MACHINE\SOFTWARE\WOW6432Node...

2019-08-02 17:46:33 4201 5

原创 ant design Modal 自定义遮罩，闪烁

ant design Modal 自定义遮罩，需要设置遮罩样式、透明度为0.2式，破动画会搞得眼睛很难受https://vue.ant.design/components/modal-cn/#API:maskStyle="{'opacity':'0.2','background':'#bd37ad','animation':'none'}"opacity：透明度backgro...

2019-07-11 17:09:02 6273