常用解决方案
前端华仔
前端程序猿一枚
展开
-
展平数组的常用方法
const arr = [1, 2, 3, [4, 5, [5, 6], 7, 8], 9, [10, 11, [12]]]// 第一种方案:用现成apiconst arr1 = arr.flat(Infinity)// 第二种方案:利用join展平const arr2 = arr.join().split(',').map(Number)// 第三种方案:利用toString直接展平const arr3 = arr.toString().split(',').map(Number).原创 2020-08-20 09:16:18 · 1223 阅读 · 0 评论 -
vue实现超过两行显示展开收起
vue实现超过两行显示展开收起具体代码如下:<template> <div> <div class="group"> <div class="text more" ref="more"> 占位 </div> <div class="list" v-for="(...原创 2020-04-21 18:11:00 · 7206 阅读 · 0 评论 -
vue动态添加class类名(通过控制boolean值来决定是否添加class类名)
<div class="item" :class="{'active':active}" v-for="(item, index) in contents" :key="index" > data () { return { active: false} },原创 2020-04-13 18:42:18 · 1854 阅读 · 0 评论 -
Vue项目配置在局域网下访问
1.vue配置a.vue cli2.0配置如下b.vue cli3.0不需要配置即可访问2.如果上述配置无法访问则配置以下需要配置一下电脑的防火墙,把所需的端口(如:8080)打开。设置方法如下:2.1 Windows 10 ,搜索“控制面板”,打开,Windows 7 可以直接在开始菜单打开。2.2 点击“Windows Defender防火墙”——“高级设置...原创 2020-04-10 10:52:17 · 3391 阅读 · 0 评论 -
前端实现页面公共头部 / 尾部统一加载方法
1.使用shtml格式文件实现页面嵌套(加载速度快,但是需要修改配置文件)html:< body><!--#include virtual = "common/header.html" --></ body>注意:后台配置文件中需加入相关声明:ssi on;ssi_silent_errors on;ssi_types text/s...原创 2018-11-08 18:04:36 · 2253 阅读 · 0 评论 -
web网页中主题切换的实现思路
这位大神写得非常全,强烈推荐!https://www.jianshu.com/p/fe807f5ef394转载 2018-11-08 18:08:22 · 4695 阅读 · 0 评论 -
WEB前端自定义字体的实现方法
本文部分转自W3CPLUS 的《CSS @font-face》一、获取特殊字体:(可在各大素材网站下载)我们拿下面这种single Malta字体来说吧:要得到single Malta字体,不外乎两种途径,其一找到付费网站购买字体,其二就是到免费网站DownLoad字体。当然要给钱的这种傻事我想大家都不会做的,那我们就得到免费的地方下载,在哪有呢?我平时都是到Google Web ...转载 2018-11-08 18:12:42 · 3151 阅读 · 1 评论