摘要：
UI Events（用户交互事件）是指在计算机操作系统、应用程序或网页上用户与界面之间的交互过程中发生的事件。在前端开发中，UI Events是非常重要的一部分，因为它们可以帮助开发者实现更好的用户体验。 以下是一些常见的UI Events： 鼠标点击：当用户在界面上单击鼠标时会触发此事件。你可以使 阅读全文
2023年4月25日
2023年4月19日
摘要：
以下是一些设计上的反人类特点，这些特点可能会让人感到不舒服或者不方便： 不合理的布局：有些设计可能会让人感到不舒服或者不方便，因为它们的布局不合理。例如，某些电子产品的按钮或者菜单可能会放在不合理的位置，或者某些软件的布局可能会让人感到困惑或者不知道如何使用。 没有反馈：某些设计可能没有反馈机制，这 阅读全文
摘要：
CSS Font Loading Module Level 3 是 CSS 中的一个新特性，它允许开发者在不同的浏览器中使用不同的字体加载器。在 Level 3 中，浏览器将使用不同的字体加载器来加载字体，以提高性能和兼容性。 相比 Level 2，Level 3 引入了以下变化： 支持多个字体加载 阅读全文
2023年3月16日
摘要：
1、清除浮动 <div class="parent clearfix"> <div class="left child">left</div> <div class="right child">right</div> .clearfix:after { content: "\00A0"; displ 阅读全文
2022年11月9日
摘要：
这个 CSS 模块描述了 CSS 属性接受的通用值和单位，以及用于在 CSS 属性定义中描述它们的语法。 字体大小相关的单位Font-relative Lengths: em, rem, ex, rex, cap, rcap, ch, rch, ic, ric, lh, rlh 视域长宽高相关的单位 阅读全文
摘要：
这个 CSS 模块描述了 contains 属性，它表明元素的子树独立于页面的其余部分。这使得用户代理在使用良好时可以进行大量优化。 { /* No layout containment. */ contain: none; /* Turn on size containment for an el 阅读全文
摘要：
该模块定义了视图转换 API，以及相关的属性和伪元素。 html { page-transition-tag: root; } html::page-transition { position: fixed; inset: 0; } html::page-transition-container(* 阅读全文
摘要：
这个规范描述了 CSS <color> 值，以及前景色和组不透明度的属性。 em { color: lime; } /* color keyword */ em { color: rgb(0 255 0); } /* RGB range 0-255 */ em { color: rgb(0% 100 阅读全文
摘要：
这个规范描述了 margin 和 padding 属性，它们在 CSS 框内和周围创建间距。以后可能会扩展到包括边框（目前在 [css-backgrounds-3] 中描述）。 Each box has a content area (which contains its content—text, 阅读全文
摘要：
这个规范描述了 margin 和 padding 属性，它们在 CSS 框内和周围创建间距。 content-boxRefers to the content box or content edge. (In an SVG context, treated as fill-box.) padding 阅读全文
2022年10月31日
摘要：
var option = { backgroundColor:'#323a5e', tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' } 阅读全文
2022年9月29日
摘要：
var chinaGeoCoordMap = { '黑龙江': [127.9688, 45.368], '内蒙古': [110.3467, 41.4899], "吉林": [125.8154, 44.2584], '北京市': [116.4551, 40.2539], "辽宁": [123.1238 阅读全文
2022年9月26日
摘要：
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>echarts.js插件实现中国地图省份选择效果</title> <style> *{margin:0;padding:0;} </style> </head> 阅读全文
2022年9月15日
摘要：
var timer = null; // X轴数据 var xAxisData = ["16:00", "16:05", "17:10", "17:15", "17:50", "18:05", "18:15", "18:20", "18:30", "18:40", "18:45", "19:00", 阅读全文
2022年9月7日
摘要：
option = { backgroundColor: '#00265f', tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, grid: { top: '15%', right: '3%', left: '5%', bot 阅读全文
摘要：
var uploadedDataURL = '/asset/get/s/data-1619331932890-vGo73FpJO.json'; // 默认optionoptions = { title: { text: '数据集dataset使用示例' }, tooltip: {}, dataset 阅读全文
2022年8月23日
摘要：
var bgImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAF+CAYAAADNzDlVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAilJREFUeNrs1rENwjA 阅读全文
摘要：
var data = [{ value: 3661, name: '<10w' }, { value: 5713, name: '10w-50w' }, { value: 9938, name: '50w-100w' }, { value: 17623, name: '100w-500w' }, { 阅读全文
摘要：
var data = [ {name: '海门', value: 9}, {name: '鄂尔多斯', value: 12}, {name: '招远', value: 12}, {name: '舟山', value: 12}, {name: '齐齐哈尔', value: 14}, {name: '盐 阅读全文
摘要：
var data = [{ "time": 1980, "data": [{ "name": "台湾", "value": [633.76, 12.28, "台湾"] }, { "name": "香港", "value": [432.47, 8.38, "香港"] }, { "name": "江苏" 阅读全文
摘要：
option = { title: { text: '75', textStyle: { color: '#01c4a3', fontSize: 60 }, subtext: '总分：100分', subtextStyle: { color: '#909090', }, itemGap: -10, 阅读全文
摘要：
var labelData = []; var labelData1 = []; for (var i = 0; i < 150; ++i) { labelData.push({ value: 1, name: i, itemStyle: { normal: { color: 'rgba(0,209 阅读全文
摘要：
var value = 0.19; option = { backgroundColor: '#181b22', title: [ { text: (value * 100).toFixed(0) + '%', left: '50%', top: '40%', textAlign: 'center' 阅读全文
摘要：
option = { backgroundColor: '#00265f', tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: { data: ['接入率', '在线率', '完好率'], align: 'r 阅读全文
摘要：
var scale = 1; var echartData = [{ value: 21, name: '市场签约1' }, { value: 38, name: '市场签约2' }, { value: 35, name: '市场签约3' }, { value: 31, name: '市场签约4' 阅读全文
摘要：
option = { tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, color:['#8fc31f','#f35833','#00ccff','#ffcc00'], legend: { orient: ' 阅读全文
摘要：
var value = 0.45; var value1 = 0.76; var data = [value, value1]; var option = { backgroundColor: '#0F224C', title: [ { text: '本年收缴率', x: '22%', y: '70 阅读全文
摘要：
var demoData = { name: '城镇化率', value: 60, }; option = { backgroundColor: '#222939', title: { text: '{num|' + demoData.value + '%}', x: '50%', y: '53%' 阅读全文
摘要：
var data = [{ value: 24.5,//正确率的百分比 name: '高等教育学' }, { value: 89, name: '高等教育心理学' }, { value: 38, name: '综合学科' }]; var a = 0; var scale = 1; var borde 阅读全文
摘要：
// EUI.include("vfs/root/echarts/echarts2.js"); var getxb1 = 600; //男生人数 var getxb2 = 400; //女生人数 // var xbzb = [6, 4]; var rich = { name: { color: 'r 阅读全文