natee
natee
表现：设置外层containerStyle宽度为300，格子超出了显示范围 期望格子宽度可以基于外层容器宽度进行计算，而不是根据屏幕宽度
Bug Type: **`Component`** ## Environment - Vue Version: `3.4.5` - Element Plus Version: `2.4.4` - Browser / OS: `chrome` - Build Tool: `Webpack` ## Reproduction ### Related Component - `el-date-picker`...
When a node has a 'layer' and it doesn't have a target node,the position will automatic move to the last layer . Actually, if I set a 'layer',why it didn't...
# 1行CSS实现9种时髦的布局 这篇文章将教你使用如何用一行魔法般的 CSS 来实现 9 种时髦的布局。 - [1行CSS实现9种时髦的布局](#1行css实现9种时髦的布局) - [1. 居中对齐](#1-居中对齐) - [2. 布局解构](#2-布局解构) - [3. 侧边栏宽度自适应](#3-侧边栏宽度自适应) - [4. footer 紧贴页面底部](#4-footer-紧贴页面底部) - [5. 经典的圣杯布局](#5-经典的圣杯布局) - [6. span grid自适应布局](#6-span-grid自适应布局) -...
## 需求 移动端展现内容，有一张背景图，对于不同的手机，需要看到同样的效果。 比如：我们不能固定图片的宽度，需要每个手机上看到都是铺满头部的效果。  ## 解决方案 1. 媒体查询，针对不同分辨率设置不同的宽高 2. 背景图改成`img`标签，这样通过设置`width`或`padding`可以实现效果 那么我们使用背景图的方式能否实现？ 我们思考一下，假设背景图所在的元素可以自适应，然后我们设置`background-size:cover`不就解决了吗。 ## 实现等比例缩放盒子 我们通常可以很容易地让元素的宽度达成自适应效果，这时就只需要解决如何让元素高度自适应问题了。 很幸运，CSS中`padding-bottom`的值是百分比形式时，百分比的基数是其**所在元素的父元素**的宽度而不是高度（同 `padding-left `和 `padding-right`一样） 这样解决方案也就非常明显了： 1. 将元素的`height`设成`0`，使得元素的高度等于`padding-bottom`； 2. 合理设置`padding-bottom`的值。比如每个元素的`width`是`25%`，现在想让元素的高度始终保持为其宽度的两倍，则`padding-bottom`的值应该设置为`50%`。 我们示例中，假设背景图宽度`375px`，高度`165px`，那么我们需要设置`padding-bottom`的值为`165/375`，即`44%` ### 实现代码 ```html ```...
IDE：VS Code Vue + TypeScript 现象：引入`vue-lazyload`，虽然已经在本地安装，但是typescript还是提示找不到模块。原因是typescript是从node_modules/@types目录下去找模块声明，有些库并没有提供typescript的声明文件，所以就需要自己去添加。 解决方法： 在`src`目录下新建`types-shims/tools.d.ts`文件，增加如下代码： ```typescript declare module 'qs' { const qs: any; export default qs; } declare module 'vue-awesome-swiper' { export const swiper: any export const...
[axios jsonp](https://github.com/axios/axios/blob/master/COOKBOOK.md#jsonp) [腾讯地图逆地址解析](http://lbs.qq.com/webservice_v1/guide-gcoder.html) - output参数设置是否为jsonp ```javascript const parseAddress = `http://apis.map.qq.com/ws/geocoder/v1/?location=${loc.latlng.lat},${loc.latlng.lng}&key=xxxx&output=jsonp` jsonp(parseAddress, { param: 'callback' }, function (err, data) { if (err) { console.error(err.message); } else { console.log(data); } }) ```
鼠标移到legend上高亮当前series，当饼图时，需要显示当前tooltip。 ``` js /** * Highcharts plugin for setting a lower opacity for other series than the one that is hovered * in the legend */ (function (Highcharts) { var...
这篇文章中，我们将深入了解JavaScript中的『执行上下文』。在文章结束的时候，你应该对”解释器要做什么“、”为什么有些函数和变量可以在被声明之前就使用，它们的值是如何被确定的“有一个清楚的认识。 ### 什么是执行上下文？ JavaScript中代码运行时的执行环境是非常重要的，通常是以下情况的一种： - Global代码-代码第一次执行时默认的环境。 - Function代码-执行到一个函数中。 - Eval代码-文本在eval函数内部执行。 网上有很多关于**作用域**的文章，本文的目的是让你更容易理解它，我们用下面的代码来作说明。这段代码同时包含了Global和Function的上下文。  这段代码没什么特别的，紫色框圈起来的是全局上下文，绿色框、蓝色框、橙色框圈起来的代码包含了3个函数上下文。全局上下文是唯一的，程序中的任何地方均可以访问。函数上下文可以有多个，每个函数上下文会创建一个私有上下文，这个私有上下文可以访问这个函数外部上下文中声明的变量，然而外部上下文却不能被外部作用域直接访问。 ### 执行上下文栈 浏览器中JavaScript解释器是单线程的，这就是说同一时间代码只会做一件事，有其他行为或事件处于队列中的情况被称作执行上下文栈。下图示意了单线程栈：  正如大家所知，浏览器初次加载脚本时，默认进入全局上下文。如果你的全局代码中调用了一个函数，那么程序将会进入这个被调用函数的上下文，创建一个新的执行上下文，并把当前上下文放到执行队列的顶端。 如果你在当前函数中又调用了另外一个函数，会发生和上面同样的过程。浏览器总是会把当前执行上下文放到栈的顶部，一旦函数执行完成，这个执行上下文就会从栈中移除，返回到栈中的下一个上下文。 下面的例子展示了一个递归函数的执行栈： ``` js (function foo(i) { if (i === 3) {...