_木兮_-CSDN博客

原创前端文件下载的几种方式

前端开发中，经常遇到文件下载的功能。这里对常见的文件下载方式做一些总结。一、直接下载针对一些浏览器无法识别的文件格式。可以直接在地址栏上出入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

原创 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

原创使用git hook 为commit message添加前缀

为了更好的版本管理，小组内制定了commit message的固定格式：[系统变更号]_分支名_作者_COMMIT_MESSAGE每次代码提交的时候，都需要将前缀部分复制过来。十分繁琐。可以使用git hook来自动添加前缀新增文件：【.git/hooks/commit-msg】#!/bin/sh# 获取当前变更号（变更号存放在根目录version文件内，具体位置根据自己情况）# 每个分支都有独立且固定的系统变更号，所以此处以文件格式存放在代码目录# 合并的时候可能有冲突，处理一次就好

2020-09-04 19:19:14 1041

原创使用nodejs实现模拟jenkins打包发布vue项目工程

前端工程化的今天，版本发布已经成为开发中的重要一环。很多项目开发中都开始使用jenkins来做自动发版工作。不过jenkins复杂的安装配置比较不容易上手，而且很多环境是不适用安装jenkins来做自动发版的。我模拟Jenkins逻辑写了一个node版本的自动发版的程序。带大家了解一下自动发版的基本原理。同时，如果需要的朋友也可以直接上手来使用。仓库地址和使用方式使用方式：> git clone https://github.com/shb190802/node-jenkins.git&

2020-08-29 19:11:27 426

转载微信公众号开发入门

本文是主要是针对了解微信公众号开发或者进行过一些简单的开发，但是不成体系的开发者。前后端在参与公众号开发期间，主要承担的是各自的开发工作，前后端逻辑隔离较大。本文将从申请测试账号开始，选择常用的公众号功能，带大家体验完整的微信公众号开发的流程。本文较长，至少需要1-2个小时的练习时间，可以收藏起来利用碎片时间学习。本文后端代码使用nodejs需要的前期准备：对微信公众号开发的基本了解nodejs基础知识可通过公网访问的服务器（没有的可以去百度一个内网穿透的工具）【 http:

2020-07-17 09:29:59 1102

原创前端单页面应用缓存策略

在当前常用的单页面页面开发中。会将生产包发布为：固定名称的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

原创 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

原创前端开发中常用的图片格式

在我们的日常开发中。必不可少会使用很多种图片。我们需要根据业务场景来选择所使用的图片类型。这里我整理了一些常用图片类型、他们的优缺点以及建议的使用场景。如何在计算机中显示一张图片我们使用的计算机都是以像素作为最小单位。每一个像素在内存中需要使用 4 个字节，分别为 RGBA1280*720*4 约等于 3.5M图片格式，就是计算机存储图片数据的方式根据图片数据存...

2020-04-28 09:40:20 1276

shb7433185的博客