LvManBa-优快云博客

原创 R语言中vegan软件包使用教程

vegan包提供了许多功能来分析生态学数据，从计算多样性指数到执行复杂的多元分析（如PCA、CCA和NMDS）。它的强大之处在于能够结合物种丰度数据和环境数据，帮助研究者理解生态系统中不同物种之间的关系，以及它们如何响应环境变化。这个教程涵盖了常见的使用vegan包的基本操作，但vegan包远不止这些功能。如果需要深入了解veganvegan包文档：vegan。

2024-12-23 17:23:44 1398

原创 R 常用的内置软件包及功能介绍

R 的内置包为数据分析、建模和可视化提供了强大的工具，从基本的统计分析到复杂的机器学习和深度学习模型，几乎涵盖了所有的数据科学领域。随着 R 生态的不断发展，越来越多的包被开发出来，使得 R 成为数据分析师和统计学家的首选工具之一。

2024-12-21 09:50:08 1449

原创 tailwindcss中解决border不显示及自定义颜色

官网的例子border拷贝过来也不现实，查阅了很多资料，最后发现要使用border 属性，首先先设置border的border-style 否则后面的距离和颜色都无法显示。其次就是查看线条预设宽度，如果超过范围也不会显示，边框颜色也是如此（但是自定义）。

2024-11-24 09:51:38 610

原创 vue项目中使footer始终保持底部的几种实现方法

无论选择哪种方法，都要确保在不同屏幕尺寸下测试布局，以确保footer始终保持在底部，同时内容不会被遮挡。最常用的方法是使用Flexbox布局（方法1）。/* 100px是header和footer的总高度 */这是最常用和推荐的方法，因为它简单且兼容性好。/* Footer的高度 */

2024-11-17 06:58:57 773

一、系统构建pnpm create vite@latest demo5初始化的时候，选择安装路由目录结构：如果没有选择安装，也可以独立安装npm install vue-router@4配置按照第二张图进行即可。二、路由配置router/index.tsimport { createRouter, createWebHistory } from 'vue-router'import HomeView from '../views/HomeView.vue'const route

2024-11-05 06:26:29 737

原创 express搭建ts（TypeScript）运行环境

要在使用 TypeScript 的环境下运行一个简单的 Express 应用，可以使用ts-node直接运行 TypeScript 文件，而无需先将其编译为 JavaScript。以下是一个简单的示例，展示了如何设置和运行一个基本的 Express 应用。

2024-11-03 12:09:17 952

原创 Vue学习记录之二十七 Pinia的使用

Pinia 是一个用于 Vue.js 的状态管理库，旨在取代 Vuex，提供更现代的 API 和更好的开发体验。

2024-10-31 06:26:29 1058

原创 Vue学习记录之二十六 Vue3中跨域

跨域是浏览器出于安全考虑限制不同源之间资源请求的机制。通过 CORS、JSONP、代理等方式可以实现跨域通信。

2024-10-30 12:54:55 982

原创 Vue学习记录之二十五 Vue3中Web Componets的使用

/</importfrom'vue'</传递的参数，会自动添加到标签上。

2024-10-27 23:51:30 1410

原创 Vue学习记录之二十四页面性能分析

Lighthouse 一个开源的自动化网站质量评估工具。

2024-10-27 11:14:11 401

原创 Vue学习记录之二十三 Vue3环境变量的使用

我们在根目录下创建两个文件。添加为环境变量，如果我们想使用开发环境，package.json 中的启动命令行名直接加 --mode 和自定义环境配置文件的后缀。生产环境（pnpm run build）不需要配置，会自动寻找加载.env.production中的配置。然后在环境变量中就会显示运行 pnpm run build第一种运行方式：第二种运行方式：使用http-server如果已安装，可以忽略。

2024-10-26 22:42:25 647

原创 Vue学习记录之二十二 Vue3+vite+electron 构建项目实例

依赖安装的时候不太友好，可能会导致超时而中断，可以用以下方法进行解决。根目录下创建 src-electron / main.js 文件。在根目录下建立一个 .npmrc 的文件。在vite.config.ts 文件中。然后开始安装下面的依赖。

2024-10-26 19:06:22 809

原创 Vue学习记录之二十一 Vue3中3种编程风格介绍

1、模板解析（Parser）：Vue 的模板被解析为 AST 树结构。2、AST 优化：静态节点和动态节点的标记优化，减少不必要的渲染。3、代码生成：将 AST 转换为渲染函数，这个函数通过调用 h 函数来创建虚拟 DOM。4、渲染函数执行：渲染函数执行时，h 函数会生成虚拟 DOM 树（VNode）。5、VNode -> 真实 DOM：虚拟 DOM 树被 diff 和 patch，更新为真实的 DOM。

2024-10-25 22:12:32 1126

原创 Vue学习记录之二十 postcss自定义插件及Unocss的使用

编写css插件:一、在项目根目录下建立一个plugins文件夹，然后建立一个postcss-px-to-viewport.ts文件。二、在tsconfig.node.json 文件的include中加入compilerOptions中加入三、引入插件在vite.config.ts 文件,或独立uno.config.ts文件。写代码测试：保存的时候，会自动在终端的面板上显示。三、unocss(原子CSS引擎)的使用1) 、安装和基本使用unocss是一个即时的原子CSS引擎，主要的功能是简短化

2024-10-25 20:05:28 1281

原创常见的css选择器汇总

在HTML5中，引入了一些新的语义化标签，这些标签也可以作为元素选择器使用。**1、article: 选择所有文章内容元素。2、section: 选择所有章节元素。3、header: 选择所有头部区域元素。4、footer: 选择所有页面底部区域元素。5、nav: 选择所有导航栏元素。6、main: 选择页面主体内容元素。7、aside: 选择侧边内容或附加信息元素。8、figure, figcaption: 分别选择图像或图表及其标题元素。p {

2024-10-23 09:17:57 874

原创 Vue学习记录之十九 Event Loop,宏任务和微任务

当一个宏任务执行完毕后，会检查是否有微任务队列，如果有，则将微任务队列中的所有任务依次执行完毕，然后再继续选择下一个宏任务执行。这样的过程循环进行，形成了事件循环。微任务通常在宏任务执行完毕后立即执行，因此微任务具有更高的优先级，可以在页面渲染前执行，从而提供更好的用户体验。微任务的优先级高于宏任务，因此微任务会在本轮宏任务执行结束后立即执行，而不是等到下一个事件循环。按顺序执行，同步任务直接执行，异步任务进入异步队列，执行完以后，在进行入异步列队，然后在看是同步还是异步任务，如此循环执行。

2024-10-22 23:11:44 899

原创 Vue学习记录之十八 Vue3集成tailwindcss

号称只需书写 HTML 代码，无需书写 CSS，即可快速构建美观的网站。tailwindcss 其实就是一个css框架，可以选择你需要的样式，快速构建自己的网站。

2024-10-21 21:37:31 631

原创 Vue学习记录之十七 css中样式穿透及新特征介绍

在vue页面的css中，有一个设置为scoped，使用以后dom的节点会出现下面的规则。其实我们打完包就是一个html页面，如果不做处理，将会导致css混乱。我们在vite框架中，引入element-plus组件，在App.vue中，输入下面代码：

2024-10-21 20:34:02 906

原创 Vue学习记录之十六自定义Vue插件

在components的Loading文件夹下建立 index.ts 和 index.vue两个文件。ts文件是一个 TypeScript 文件，通常用于编写逻辑、功能模块或导出一些工具函数、类、接口等。

2024-10-20 22:16:17 482

原创 Vue学习记录之十五全局变量和全局函数

Vue3中没有Prototype属性，可以使用app.config.globalProperties代替，然后去定义变量和函数。//2、在ts中获取全局变量和函数的方法。

2024-10-20 14:35:31 216

原创 Vue学习记录之十四自定义hooks综合实例

实现一个函数同时支持 hook 和自定义指令去监听dom的宽高的变化。三个知识点：1、如何监听dom宽高变化2、如何用vite把我们的文件打包成一个库3、如何发布npm。

2024-10-20 10:26:51 600

原创 Vue学习记录之十三自定义指令directive

created：元素初始化的时候beforeMount：指令绑定到元素后调用只调用一次mounted：元素插入父级dom调用beforeUpdate：元素被更新之前调用update：这个周期方法被移除改用updatedbeforeUnmount：在元素被移除前调用unmounted：指令被移除后调用只调用一次< template > < div > < button > 切换

2024-10-18 20:06:19 1098

原创 Vue学习记录之十二 v-model高级使用

1、 v-model.修饰符2、 v-model.prop.修饰符添加到组件 v-model 的修饰符将通过 modelModifiers prop 提供给组件。1、isSt 就是修饰符，在子组件的defineProps 通过modelModifiers来接收。v-model.isSt="isShow" 如果使用默认值，那么就是modelModifiers2、下面是自定义v-model，名称为text1Val，它的修饰符为isBt。

2024-10-17 09:31:02 841

原创 Vue学习记录之十一 tsx

我们开始接触的都是Template写模版，vue3开始对typescript支持，jsx是js的语法扩展，允许在js中编写html代码。我们要知道无论是 template 还是 JSX，在 vue 中最后都是编译成 render 函数。Vue 在进行template模板编译的时候，会做各种优化，这些优化虽然会耗费构建时间，也就是构建时会比较慢，但是这些优化运用到最后产物的运行时的时候会大大提升性能。

2024-10-15 10:37:49 627

原创 Vue学习记录之十之 Teleport传送组件/keep-alive缓存组件/transition动画组件

Teleport 的参数to: 接受一个 CSS 选择器或 DOM 元素，指定要传送到的目标位置。例如：to="body"：将内容传送到 <body>。to="#app"：将内容传送到带有 id="app" 的元素中。disabled: 如果设为 true，则 Teleport 组件会取消传送，内容会在原地渲染。代码或者是组件一般transition中的名称为命名为fade, 那么他们的过渡类名就应该将v 改为fade, 当然可以自定义，然后v保持和自定义的名称一样就可以。进入过渡效果。

2024-10-09 21:35:42 1430 1

原创 Vue学习记录之九（内置组件suspense，代码分包）

路径为：src/server/axios.ts//这里 T 是一个泛型，它允许我们指定返回的数据类型。//泛型的使用使得函数在调用时可以灵活返回不同的数据类型，而不必为每种数据类型定义不同的函数。},2000)})

2024-10-07 18:35:09 1043

原创使用axios封装AJAX

一、Http 请求报文包括了三部分：求情行、请求头，请求体。1、请求行：是HTTP请求的第一行，包含了请求方法、请求目标和HTTP协议版本。常用的请求方法有GET、POST、PUT、DELETE等，用于指定客户端希望服务器执行的操作。请求目标是指请求的资源路径，可以是一个具体的文件路径或者是一个URL。HTTP协议版本通常是HTTP/1.1。请求类型：2、请求头：请求头包含了客户端向服务器传递的额外信息，以键值对的形式表示。常见的请求头有以下几种：请求头可以包含多个。Host：指定服

2024-10-06 15:51:50 1156

原创 Promise从入门到提高实战教程

Promise状态：实例对象中的一个属性：PromiseState这个属性有3个值： pending（未决定的），resolved/fullfilled(成功)，rejected（失败）。值的改变只有两种可能。pending 变为resolvedpending 变为rejected说明:只有这2种，且一个promise对象只能改变一次，无论变为成功还是失败，都会有一个结果数据。成功的结果数据一般称为value，失败的结果数据一般称为reason。

2024-09-28 23:15:45 1035

原创 Vue学习记录之九（插槽slot）

插槽: 就是子组件中供给父组件提供一个占位符，父组件可以在这个占位符填充任何模版代码，如HTML,组件等。这些内容将子组件标签取代。如A.vue 子组件父组件app.vue插槽分：，和。

2024-09-24 20:31:28 921

原创 Vue学习记录之八（局部组件,全局组件,递归组件,动态组件）

上面我们直接使用了文件名，如果感觉突兀，也可以自定义，在子组件中，新建一组script代码。--递归体使用自定义的LvmanbaTreedatas?--递归体使用自定义的LvmanbaTreedatas?--递归体使用自定义的LvmanbaTreedatas?--递归体使用自定义的LvmanbaTreedatas?--递归体使用自定义的LvmanbaTreedatas?--递归体使用自定义的LvmanbaTreedatas?--递归体使用自定义的LvmanbaTree。

2024-09-23 23:08:54 945

原创 HTML5中新增元素介绍

引入了许多新元素，以增强网页的语义和功能。这些新元素大致可以按以下几类进行分类和介绍。下面是对各标签的详解，section、header、footer、nav、article、aside、figure、code、dialog、meter、time、progress、video、audio、details、atagrid、menu、command等。

2024-09-22 06:22:46 807

原创 Vue学习记录之七（组件之间传参）

父： App.vue，通过使用组件 ,传递给子组件传递了一个t字符串类型是不需要v-bind，也就是不需要冒号，非字符串类型的必须加 v-bind(😃。

2024-09-21 18:58:02 1069

原创 Vue学习记录之六（组件实战及BEM框架了解）

BEM是一种前端开发中常用的命名约定，主要用于CSS和HTML的结构化和模块化。BEM是Block、Element、Modifier的缩写。通过这种命名方式，可以使代码具有更好的可读性和可维护性，并且不同组件之间不会发生命名冲突。例如：

2024-09-20 22:59:24 1015

原创 Vue学习记录之五（组件/生命周期）

Vue3 组合式API中(setup语法糖模式)，是没有beforeCreate 和 created 这两个过程的。可以使用setup去代替。其次还有 onRenderTracked,onRenderTriggered 两个钩子，主要是用来调试使用的。在每一个.vue文件可以看作是一个组件，组件是可以复用的，每个应用可以看作是一棵嵌套的组件树。生命周期就是从诞生(创建)到死亡(销毁) 的过程。在Vue3中，组件导入以后即可直接使用。下面的是插件A.vue。入口文件App.vue。引入组件，并展示组件。

2024-09-19 20:01:38 594

Web Application Development with R Using Shiny

Elegant Graphics for Data Analysis

R Graphics 教程

OpenBUGS323setup

pandas读取和保存excel文件

空空如也