前端技术

你不知道的几个JavaScript 高阶技巧

三元运算符 基础: let hungry = true; let eat; if (hungry === true) { eat = 'yes'; } else { eat = 'no'; } 高阶: let hungry = true; let eat = hungry === true ? 'yes' : 'no'; 数字到字符串,字符串到数字 基础: let

JS脚本 / JAVA编程 2023年12月04日  140

基于分步表单的实践探索

我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。。 本文作者:修能 以下内容充满个人观点。◡ ヽ(`Д´)ノ ┻━┻ 前言 基于分布表单的需求,在中后台管理中是一个非常常见的需求,通常具有如下布局: 其中,自定义需求度从高到低为,正文 > 按钮区 > 步骤条。 虽然布局类似,但是实现的方式却是天

Html/CSS 2023年12月04日  61

Vue如何实现首屏加载过慢出现长时间白屏效果

本文小编为大家详细介绍“Vue如何实现首屏加载过慢出现长时间白屏效果”,内容详细,步骤清晰,细节处理妥当,希望这篇“Vue如何实现首屏加载过慢出现长时间白屏效果”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 需求场景 公司业务展示官网开发,构建版本后在外网测试环境下,发下首屏加载损耗高达几十秒(服务器在国外,所以也导致加载时间变长),于是采用了以下方法来达到提速目的

VUE 2023年12月04日  88

Vue3之怎么使用js实现动画

这篇“Vue3之怎么使用js实现动画”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Vue3之怎么使用js实现动画”文章吧。 概述 动画的实现其实不仅可以使用CSS的方式实现,而且还可以使用js的方式实现,二者有啥区别呢?CSS更加注重动画的展现,性能更好,而js的方式性能稍微差点,但

JS脚本 / VUE 2023年12月03日  82

怎么使用Node.js连接数据库并进行查询

这篇“怎么使用Node.js连接数据库并进行查询”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“怎么使用Node.js连接数据库并进行查询”文章吧。 一、数据库的选择 在使用 Node.js 连接数据库之前,首先我们需要选择一种数据库。Node.js 支

JS脚本 / Node.Js 2023年12月03日  140

怎么修改JS文件实现搜索框样式的美化与修改

这篇文章主要介绍了怎么修改JS文件实现搜索框样式的美化与修改的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么修改JS文件实现搜索框样式的美化与修改文章都会有所收获,下面我们一起来看看吧。 定位JS文件 DedeCMS 的搜索功能是用 JavaScript 实现的,所以我们需要找到对应的 JS 文件进行修改。而在 DedeCMS 中,常

JS脚本 2023年12月03日  155

使用display:none时隐藏DOM元素无法获取实际宽高的解决方法

案例说明 当DOM元素被添加上display:none;的样式时,这个元素和它的子元素无法获取到实际的宽高。如图,我设置了一个父元素和一个子元素,并且通过一个按钮切换父元素是否带有display:none;。 然后每次点击按钮后,在控制台输出两个元素的高度。 可以看到,当元素正常显示时,获取宽高正常。而当元素添加上`display:none;`之后,获取到的值变为0. 解决方法

Html/CSS 2023年12月03日  141

Angular: 样式绑定

解决方案 使用ngClass和ngStyle可以进行样式的绑定。 ngStyle的使用 ngStyle 根据组件中的变量, isTextColorRed和fontSize的值来动态设置元素的颜色和字体大小 <div [ngStyle]="{'color': isTextColorRed ? 'red': 'blue','font-size': fontSize + 'px'}"&gt

Angular 2023年12月03日  143

关闭

用微信“扫一扫”