一介-_-书生 - 博客园

[置顶] vee-validate的使用

摘要： 1、为了按需引入使用，建两个文件，一个index.js文件，一个validata.js文件。（准备工作） 2、npm安装： npm install vee-validate --save （注意版本号，安装旧版版本： npm install vee-validate@2.0.0-rc.25，新版本会阅读全文

posted @ 2020-12-30 15:59 一介-_-书生阅读(2123) 评论(0) 推荐(0) 编辑

2023年7月26日

前端几种下载文件的方式

摘要： 1、location.href方式下载对于浏览器不能打开的文件（例如：..rar .doc等）是可以实现下载的，但是对于浏览器可以打开的（例如：txt,xml等）只可以实现预览功能 window.location.href = "https://xxxx...测试.xlsx" 2、window.o 阅读全文

posted @ 2023-07-26 18:03 一介-_-书生阅读(1232) 评论(0) 推荐(0) 编辑

2023年2月21日

TS进阶知识点

摘要： 1.TS内置高级类型Partial&Pick&Required&Readonly 1.1、Partial Partial 可以快速把某个接口类型中定义的所有属性变成可选的 interface ApiKey { id: number; name: string; } const dataType1: 阅读全文

posted @ 2023-02-21 18:11 一介-_-书生阅读(134) 评论(0) 推荐(0) 编辑

TS声明文件

摘要： 1.什么是声明当使用第三方库时，很多三方库不是用 TS 写的，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能。比如，在 TS 中直接使用 Vue，就会报错， const app = new Vue({ el: '#app', data: { message: 'Hello Vu 阅读全文

posted @ 2023-02-21 15:32 一介-_-书生阅读(456) 评论(0) 推荐(0) 编辑

2023年2月20日

项目中TS的配置文件tsconfig.json

摘要： 1.快速搭建一个浏览器开发环境建立好文件夹后，打开 VSCode，把文件夹拉到编辑器当中，然后打开终端，运行npm init -y,创建package.json文件。生成文件后，我们接着在终端中运行tsc -init,生成tsconfig.json文件。新建src和build文件夹，再建一个i 阅读全文

posted @ 2023-02-20 17:07 一介-_-书生阅读(1471) 评论(0) 推荐(0) 编辑

2023年2月19日

TS基础知识点2

摘要： 1.枚举enum 1.1、数字枚举：使用枚举我们可以定义一些带名字的常量，使用枚举可以清晰地表达意图或创建一组有区别的用例，程序中能灵活的使用枚举(enum),会让程序有更好的可读性 enum Status { text1= 1, text2, text3, } 这里能打印出枚举的值(也有叫下标的阅读全文

posted @ 2023-02-19 18:45 一介-_-书生阅读(105) 评论(0) 推荐(0) 编辑

TS基础知识点1

摘要：前言：TS简介相关介绍就不一一赘述，网上自行按照需求搜索查阅即可 1.TypeScript 的静态类型 TypeScript 的一个最主要特点就是可以定义静态类型，英文是 Static Typing。那到底是什么意思那？太复杂的概念性东西这里就不讲了，你可以简单的理解“静态类型”为，就是你一旦定义了阅读全文

posted @ 2023-02-19 13:55 一介-_-书生阅读(108) 评论(0) 推荐(0) 编辑

2022年10月6日

Vue3集成Tailwind CSS

摘要： Tailwind CSS 是一个由js编写的CSS 框架他是基于postCss 去解析的对于PostCSS的插件使用，我们再使用的过程中一般都需要如下步骤： PostCSS 配置文件 postcss.config.js，新增 tailwindcss 插件。 TaiWindCss插件需要一份配置文阅读全文

posted @ 2022-10-06 16:52 一介-_-书生阅读(480) 评论(0) 推荐(0) 编辑

测试for和foreach循环跳出中断的问题

摘要： 1、for循环 for 使用return 、 break，是跳出了整个循环。 for(var i = 0; i < 5; i++) { console.log(i) if (i == 3) { return // break // 跳出整个循环 // continue // 跳出当前循环 } } 2 阅读全文

posted @ 2022-10-06 16:23 一介-_-书生阅读(187) 评论(0) 推荐(0) 编辑

动态class的几种方式

摘要： 1、第一种方式最基础的class 实现代码如下： <p :class="{'active':isActive, 'current': isCurrent}">我是第一种方式最基础的class{{isActive}}</p> 2、第二种方式的class <p :class="classList">我是阅读全文

posted @ 2022-10-06 16:02 一介-_-书生阅读(1063) 评论(0) 推荐(1) 编辑

vue3中动态组件

摘要：动态切换组件代码如下（示例）： 1.markRaw标记一个普通对象，使得它不可以被转换成响应式对象。简单来说，就是组件不需要响应式，这样可以提高性能。 2.keep-alive组件在非活动状态，依旧保持组件的实例。即组件被切换时，状态不会被重置。当一个组件实例从 DOM 中移除但它是由缓存的组件树阅读全文

posted @ 2022-10-06 15:50 一介-_-书生阅读(2341) 评论(0) 推荐(0) 编辑