![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
弥散的思绪
个人博客网站:http://diff3.com/
展开
-
博客一键上传到阿里云OSS
起因 因为之前每次写文章都要登陆阿里云,手动上传文件比较繁琐,用提供的客户端老是需要重新输入密码,记住密码可能会弄丢,所以干脆用gulp写个上传的方法,命令一执行就可以实现一键生成压缩部署。安装依赖只需要安装ali-oss:npm install ali-oss --save-dev用到了node自带的fs模块开始实现上传文件遍历目录文件,将结果保存在fileList中。var fs = require('fs')var fileList = []function walk(原创 2020-07-31 09:57:05 · 224 阅读 · 0 评论 -
如何使用gulp压缩博客的html、css、image、js
安装gulp依赖首先安装gulp,执行以下命令:npm install gulp -g安装完之后,怎么实现压缩我们的博客资源呢?需要安装五个模块gulp-htmlclean //清理htmlgulp-htmlmin //压缩htmlgulp-minify-css //压缩cssgulp-uglify-es //压缩js, -es 代表可以处理es6语法gulp-imagemin原创 2020-07-31 09:51:15 · 213 阅读 · 0 评论 -
JS绑定事件传参(用于加载页面后trigger传递参数,方便程序控制初始化)
1. 问题描述当页面第一次加载的时候,主动触发绑定的事件与用户触发绑定事件不完全相同的时候,可以使用js绑定事件传参。2. 案例2.1单值传参<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</t...原创 2019-01-03 09:29:44 · 2702 阅读 · 1 评论 -
动态列表HTML跨行表格(动态渲染数据,JS计算跨行)
注 : 使用的是静态HTML,只是为了偷个懒,和页面模板渲染效果一样。本文章会不定期更新,如果有什么疑问,可以在下面提出来。如果本篇对你有所帮助,希望可以给个赞。1. 准备工作有序的数据 比如下面这些数据:2.页面展示上面的数据会展示成如下效果:3. 页面代码原理:1. 首先先确定要比较什么,比如我们第一次比较的是地区列,这里肯定是用的for循环和冒泡...原创 2019-05-30 18:35:06 · 4780 阅读 · 10 评论