![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
开发记录
_木兮_
靠谱的前端
展开
-
前端文件下载的几种方式
前端开发中,经常遇到文件下载的功能。这里对常见的文件下载方式做一些总结。一、直接下载针对一些浏览器无法识别的文件格式。可以直接在地址栏上出入URL即可触发浏览器的下载功能。同类的还有window.location.href、window.open地址栏输入文件URLwindow.location.href = URLwindow.open(URL)二、直接下载(使用a标签download属性)直接下载仅使用的浏览器无法识别的文件。如果是浏览器支持的文件格式(如:html、jpg、png)原创 2020-10-29 17:05:38 · 2285 阅读 · 1 评论 -
vant的picker组件设置文字超长滚动
我们的手机端使用vant来做前端UI框架。今天在使用vant的picker组件时候,遇到了一个问题。当文字过长的时候,vant的处理方式是ellipsis,超长部分显示【…】如果恰好省略号前边内容相同,用户就无法区分选项了。如图:vant没有提供滚动的实现方式,所以我们自己兼容实现一下。首先,打开开发者工具看下dom结构我的思路是,如果在选中状态下,内层文字div长度大于外层的时候。给内层增加一个滚动动画效果。实现如下:重写.van-ellipsis两个样式,去掉ellipsis效果和o原创 2020-09-17 10:10:40 · 3083 阅读 · 2 评论 -
js将list转化为tree格式的几种写法
最近在考虑一个树状结构存储。最终需要将list转化为tree格式源数据示例源数据共401条[{ "menuId" : "5f50c5fb8f0d74536bbfb7a4", "menuName" : "菜单管理", "parentMenuId" : null },{ "menuId" : "5f524416ff216c2cbc554907", "menuName" : "频道管理", "parentMenuId" : "5f50c5fb8f0d74536bbfb7a4" },{ "menuId"原创 2020-09-10 17:49:47 · 1909 阅读 · 0 评论 -
mongodb单集合关联查询parent字段内容
最近在考虑一个树状结构存储。使用的mongodb,同一张集合中,使用parentId来做关联。查询的时候,希望将parent对应的name作为parentName返回回来。集合内容示例{ "_id" : ObjectId("5f50c5fb8f0d74536bbfb7a4"), "name" : "菜单管理", "parent" : "" }{ "_id" : ObjectId("5f524416ff216c2cbc554907"), "name" : "频道管理", "parent" : "5f原创 2020-09-10 10:24:12 · 553 阅读 · 0 评论 -
使用git hook 为commit message添加前缀
为了更好的版本管理,小组内制定了commit message的固定格式:[系统变更号]_分支名_作者_COMMIT_MESSAGE每次代码提交的时候,都需要将前缀部分复制过来。十分繁琐。可以使用git hook来自动添加前缀新增文件:【.git/hooks/commit-msg】#!/bin/sh# 获取当前变更号(变更号存放在根目录version文件内,具体位置根据自己情况)# 每个分支都有独立且固定的系统变更号,所以此处以文件格式存放在代码目录# 合并的时候可能有冲突,处理一次就好原创 2020-09-04 19:19:14 · 1041 阅读 · 0 评论 -
使用nodejs实现模拟jenkins打包发布vue项目工程
前端工程化的今天,版本发布已经成为开发中的重要一环。很多项目开发中都开始使用jenkins来做自动发版工作。不过jenkins复杂的安装配置比较不容易上手,而且很多环境是不适用安装jenkins来做自动发版的。我模拟Jenkins逻辑写了一个node版本的自动发版的程序。带大家了解一下自动发版的基本原理。同时,如果需要的朋友也可以直接上手来使用。仓库地址和使用方式使用方式:> git clone https://github.com/shb190802/node-jenkins.git&原创 2020-08-29 19:11:27 · 426 阅读 · 0 评论 -
前端单页面应用缓存策略
在当前常用的单页面页面开发中。会将生产包发布为:固定名称的html文件和带hash的js、css文件。所以我们需要保证html必须每次都实时请求服务器,但是js和css文件可以强缓存在本地,减少请求加速显示。nginx配置如下:/、/*.htm、/*.html文件配置协商缓存**/*.js、/*.css文件配置强缓存 ** location / { root html; index index.html index.htm; if ( $request_uri ~* /((原创 2020-05-13 11:54:43 · 383 阅读 · 0 评论 -
iview Form组件动态添加表单,并深层校验
今天遇到了iview动态添加表单,并且深度验证表单的问题。功能如图:科目可以动态新增,并且科目非空,成绩在0-100区间内。html部分,v-for遍历form子属性scoreList。内部FormItem prop规则为[子属性].[索引].[子属性]rules手动指定...<Table border :columns="column" :data="form.scor...原创 2020-04-29 10:51:12 · 3466 阅读 · 1 评论