前端

浏览器引入Ant Design of Vue

一、先将vue.min.js,antd.min.js、moment.js、antd.min.css等文件下载到本地; 二、在vue代码里面引入antd组件; 三、在具体的html页面应用; 代码如下: <!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <title&gt

使用 React 自动聚焦字段

自动对焦可以让你的应用程序更方便用户使用,有几种方法可以自动聚焦 React 输入框。 要让输入框自动聚焦,最简单的方法是使用 autoFocus 属性(注意大小写): <input name="username" type="text" autoFocus /> 由于该属性在各个浏览器的工作方式不一致,React 内部实现了一个 polyfill,会在元素挂载时使用 focus()

【R画图学习3.1】富集气泡图

做生信中,最常做的一个工作就是富集分析,例如GO/Pathway富集分析等,而GO/Pathway分析富集的结果目前来说常用气泡图来展示,当然也有人用bar图等,但是相对来说个人还是觉得气泡图好看点。今天包括后面几个帖子我们就学习气泡图的画法。 GO/Pathway富集分析我就不多讲了,有很多现场的工具,如果不是模式生物在,自己计算个超几何分布也能方便的算出富集的结果。一般富集完,我们会得到富集的

Vue中computed与method的区别

两者间区别: 1、computed 会基于响应数据缓存,在值不变的情况下不会再次计算,而是直接使用缓存中的值;methods不会缓存,调用相同的值计算还是会重新计算; 2、diff之前先看data里的数据是否发生变化,如果没有变化computed的方法不会执行,但methods里的方法会执行 3、computed是属性调用,不需要加括号。而methods是函数调用,必须要函数执行才可以得到结果。

解决element的Table表格组件的高度自适应问题

解决element的Table表格组件的高度问题( height只能是数字或者字符串 ),实现height: calc(100vh - 200px) 的效果 方式一: 注:也可直接将el-table的height属性绑定为字符串:calc(100vh - 200px) 实现为同样的效果, 200 是顶部和底部导航以及部分自定义布局 ;例:(这里使用了rem,一样的道理) 方式二:通过

Flutter && Dart

/// Dart 弱类型(var、object、dynamic) /// Dart中没有=== 运算符。 /// 简介写法: /// 三元运算符??: t ?? 'test'是t!=null ? t : 'test'的缩写。 /// 级联操作符(依次进行调用),允许对同一对象或函数进行一系列操作,testObj.add('t')..delete('d')..show(); 类: 命名构造函数 cl

[git] MacBook 安装git

文章目录 1.Mac Git 安装 2. 开发者工具 安装 CommandLineTools 安装完成,错误解决 3. git 账户配置 账户设置 生成秘钥 git 或者 gitee 仓库添加公钥 查看全局账户命令 多账户设置 config文件 测试连接 clone到本地 1.Mac Git 安装Mac一般自带Git工具,也就

Astro Islands

Astro Islands代表了前端Web架构的领先范式转变。Astro 将您的 UI 提取到页面上较小的独立组件中。未使用的JavaScript被轻量级HTML取代,保证更快的加载和交互时间(TTI)。 术语“Astro Island”是指HTML的静态页面上的交互式UI组件。一个页面上可以存在多个孤岛,并且一个孤岛始终单独呈现。将它们视为静态、非交互式 HTML 海洋中的岛屿。 im

element 在表格中使用表单校验

先上个图 image.png 上图说明 看起来是表格包含了很多个表单,其实是表单包含了表格; 表头是通过插槽自定义的,也可以直接使用表格的 label 属性; 外层是一个大表格,里面是一个小表格,然后小表格的每一列是根据大表格的主表列里的选项不同,数据不同自动循环出来的,有的是必填,有的是非必填,截图上都是必填; 小表格可以进行动态添加数据,小表格跟大表格是两个表单,并且分开校验;

redux

1.先创建count和person两个组件 2.创建count的store相关的文件夹。 store/modules/count 1.constant.js 2.createActions.js 3.index.js 4.reducer.js index.js import { legacy_createStore as createStore } from "redux"; import co