文章目录前言一、Echarts安装二、Echarts引入全量引入(可优化CDN引入,减少打包构建时间)按需引入(加快资源加载,体积小)1、在常量定义文件夹或者公共代码目录新建 `echarts.ts`文件2、引入新建的 /const/echarts.ts3、然后根据官网提供的使用方法就可使用啦三、查找自己需要的组件第一种方法(查看源码)第二种方法(示例名称查找)总结 前言Apache EChar
转载 2024-06-17 19:45:39
219阅读
antd与element-ui作为两个用途广泛的ui框架,均提供了按需引入,毕竟全量引入会导致包体积太大。尤其是当我们只想使用其中几个组件的时候,按需引入就变得更有必要了。我特意数了一下,二者均提供了共计63个组件,这是不是有什么特殊意义… 当然这么多组件更进一步证明了按需引入的必要性。其实官方均已经提供了按需引入的方式:antd# 安装 babel-plugin-import $ npm ins
转载 2024-03-01 09:23:22
77阅读
AntDesign引入简介
原创 2022-03-10 09:42:33
162阅读
AntDesign引入简介
原创 2021-09-01 09:37:26
535阅读
今天ant-design由于在代码中隐藏了一个圣诞彩蛋,引发了广大人民群众的各种感官, 大多数都在叫骂。 有人说屁大点小事,不值一提。 有人说因为这个彩蛋涉及宗教色彩可能会引发一些重大影响。吃完饭去翻了翻repo的issue, 真的是什么人都有…… 对于我自己而言, 当前项目用的还是3.5.X, 所以没有什么影响。作者的行为是:首先提交,刻意隐藏了change log => 看到也有些同学第
译者 jonjia 爱贝睿技术团队在工作中使用 Vue 一段时间后,对它的工作原理有了相当深入的了解。然而,我很想知道篱笆另一边的草地是什么样 - React。我已经阅读了 React 文档,也观看了一些教程视频,虽然它们都很棒,但我真正想知道的是 React 与 Vue 到底有什么不同。这里的「不同」不是指它们是否具有虚拟 DOM 或者它们如何渲染页面。我希望有人能直接解释代码并告诉我会发生什么
转载 7月前
36阅读
1、打包后不仅有 min.jsVue 使用 lib 模式 开发自己的组件库时,打包后的 dist 目录不仅有 lib.min.js,还会出现 lib.common.js 和 lib.umd.js。第一次看到这两个文件的时候不知道这是啥,为了知其所以然,于是乎查了一下,在这里稍作整理。无论是做项目还是开发自己的组件库,发布之前的最后一步就是打包部署了,之前部署项目时打包文件都是会把 htm
css伪类选择器1. :active 向被激活的元素添加样式。 :active 伪类向激活(在鼠标点击与释放之间发生的事件)的元素添加特殊的样式。这个伪类应用于处于激活状态的元素。最常见的例子就是在 HTML 文档中点击一个超链接:在鼠标按钮按下期间,这个链接是激活的,active 里的样式会被应用2.:focus 向拥有键盘输入焦点的元素添加样式。这个伪类应用于有焦点的元素。例如 HTML
Node.js 按照官网步骤装好node.js,同时会安装上npm,另外再安装上yarn 使用create-react-app安装react cd antd-demo Yarn start 自动弹出localhost:3000 安装并引入antd 修改 src/App.js,引入 antd 的按钮组 ...
转载 2021-11-03 20:42:00
212阅读
2评论
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍,如:B标记,FONT标记,都是不符合XHTML规范的,在此不在一一罗列。 1------------------------------------------------------------------------- <!-- --> 说明:注释标记,在“<!--”与“-->”
转载 10月前
128阅读
  定义和用法<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。thead 元素应该与 tbody 和 tfoot 元素结合起来使用。tbody 元素用于对 HTML 表格中的主体内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。注释:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的
语法: position : static | absolute | fixed | relative 参数: static : 无特殊定位,对象遵循HTML定位默认规则 absolute : 绝对定位。将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框。相对于position属性非s
之前写过一篇 chrome 浏览器插件开发的文章 全方面手把手从0到1带你开发谷歌浏览器插件 ,但是不是 vue/react 这种第三方框架的,是原生和 jquery 混合的,但是那种开发前端方式比较麻烦,所以下面是用 vue 来开发插件github地址:https://github.com/18055975947/my-vue3-plugin一、创建 Vue 项目使用 vue-cli 创建 vu
html网页中引入css样式表主要有一下四种方法1、行内引入<p style="width:100px;height:40px;color:red;"></p>2、嵌入式<style type="text/css">   p{     width:100px;     height:40px;     color:red;   } </style>
转载 2023-05-22 17:45:57
174阅读
1.IFrame引入,看看下面的代码<IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="../../import.htm" ></IFRAME> 这一种引入方式会有框。。并且框的大小不易改变。。2.<object&
原创 2008-12-26 17:07:00
970阅读
1评论
1.IFrame引入,看看下面的代码<IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="../../import.htm" ></IFRAME> 这一种引入方式会有框。。并且框的大小不易改变。。2.<object&
原创 2012-07-24 15:43:00
833阅读
1评论
html片段引入其它片段 Fragments and Activities are the points with which our users directly interact. As the navigation between Activities is very expensive and cause performance problems, using single activi
vue 2.xant vue问题描述,最近接到新需求,要合并数据项,如下图所示, 其实,单说合并很好理解,跨行设置呗,HTML中的colSpan、rowSpan设置,行,列向合并即可,但是ant中有点绕。上代码1,需要两个方法,如下,一个是整理数据源,另一个是增加设置项(后面再说为啥要这么做),将这两个方法放到vue中的上层,或者你可以放到methods中// rowSpan 合并列
Thymeleaf是一个XML/XHTML/HTML5模板引擎,可用于Web与非Web环境中的应用开发。它是一个开源的Java库,基于Apache License 2.0许可,由Daniel Fernández创建,该作者还是Java加密库Jasypt的作者。 Thymeleaf提供了一个用于整合Spring MVC的可选模块,在应用开发中,你可以使用Thymeleaf来完全代替JSP,或其他模板
转载 2024-08-30 16:37:12
109阅读
首先,罗列下CSS中常用的字体属性:body { font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; font-size:1rem; color:#111; }font-family中列出的是几乎适用于所有计算机的网络安全字体,如:Arial/Helvetica/G
转载 2023-10-22 13:40:55
440阅读
  • 1
  • 2
  • 3
  • 4
  • 5