再学css
2024-03-04盒模型有两种， IE盒子模型、W3C盒子模型；盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)；区 别： IE的content部分把 border 和 padding计算了进去;标准盒子模型的模型图从上图可以看到：盒子总宽度 = width padding border margin;盒子总高度 =
echarts 调整x类目轴axisLabel间距
2024-03-03调整axisLabel.width 控制横坐标间距_echart柱状图如何设置x轴的间距
CSS之盒子模型 (五)：认识盒子模型、内容width/height、内边距padding、边框/圆角border、外边距margin、盒子和文字阴影、box-sizing
2024-02-27我觉得下面这张图描述的很形象，我们可以把HTML每一个元素看成是一个盒子。_font-shadow
2024前端面试准备之CSS篇（二）
2024-02-27盒模型是指在网页布局中，每个元素被视为一个矩形的盒子，它包括内容区域、内边距、边框和外边距。这四个部分组成了一个元素的盒模型。宽度width）：元素的内容区域的宽度，不包括边框、内边距和外边距。高度height）：元素的内容区域的高度，不包括边框、内边距和外边距。边框border）：元素的边框，包括边框的宽度、样式和颜色。内边距padding）：元素的内容区域与边框之间的距离，可以设置上、右、下、左四个方向的内边距。外边距margin）：元素与其他元素之间的距离，可以设置上、右、下、左。
CSS与基本选择器
2024-02-26display:"inline" 按行内元素显示，此时再设置元素的width、height、margin-top、margin-bottom和float属性都不会有什么影响。还有rgba(255,0,0,0.3)，第四个值为alpha, 指定了色彩的透明度/不透明度，它的范围为0.0到1.0之间。display:"block" 默认占满整个页面宽度，如果设置了指定宽度，则会用margin填充剩下的部分。默认情况下，只有块儿级元素才能设置长、宽，内联元素不能设置，设置了也不错，就是没有效果而已。
清空HTML5 Canvas中的绘图内容
2024-02-25然后，调用clearRect方法并传入四个参数：清除区域的左上角x坐标（0）、左上角y坐标（0）、清除区域的宽度（canvas.width）、清除区域的高度（canvas.height）。上述示例代码中，创建了一个具有id为"myCanvas"的Canvas元素，并在页面上放置了一个"清空Canvas"的按钮。clearRect方法是Canvas的上下文对象（context）提供的一个方法，它可以清除指定矩形区域内的内容。当你修改Canvas的宽度时，浏览器会自动清除Canvas中的内容。_canvas清空上一次绘制
【echarts】Can‘t get DOM width or height. Please check dom.clientwidth and dom.clientHeight.
2024-02-24笔者问题出现的情景：从其它页面跳转都没问题，可以正常加载展示，唯独一旦刷新浏览器就加载不到了（dom的宽高都已设置）。通过查资料研究发现出现问题是地方是“浏览器刷新后，页面是需要重新加载渲染，而在加载还未完成时，echarts图函数被已加载，页面还没渲染结束，肯定就获取不到DOM的宽高啦。：无法获取DOM的宽度或高度。例如，你可能需要在window.onload的回调函数中调用它。解决方法：笔者是在mounted() 中借助setTimeout()来延迟加载。无法获取dom的宽高（简单来说就这个几个字）_can't get dom width or height. please check dom.clientwidth and dom.clienthe
jQuery 和 Zepto 的区别？ 各自的使用场景？
2024-02-19所以，这种场景，jQuery 使用 .outerwidth() / .outerHeight()；Zepto 使用 .width() / .height()。Zepto 使用 .width() 返回 ，使用 .css('width') 返回 0px。jQuery 使用 .width() 和 .css('width') 都返回 ，高度也一样；Zepto.js: 返回 top 、 left 、 width 、 height。Zepto.js: 无法获取宽高；jQuery: 可以获取。
jQuery模板字符串
2024-02-14模板字符串可以用jquery插入前端，十分好用，比较模板引擎来说是非常简单比如在框里插入一句话，如下图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width_jq 模板字符串如何写
页面显示，从js转到jquery简介操作
2024-02-11<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>JS代码</title></head><body><script type="text/javascrip..._用vue写的js如何转成jquery