小壮哥哥的博客

原创 利用 html2canvas库将当前页面保存为图片、pdf

【代码】利用 html2canvas库将当前页面保存为图片、pdf。

原创 前端使用xlsx-js-style导出Excel文件并修饰单元格样式

*定义表头，每一行即是一个数组，数组中的元素即是一个个单元格内容。如果单元格不需要样式，那么每个元素类型为字符串即可。如：['一月（2022年01月）'],如果单元格需要样式，那么数组中的元素就需要为一个个对象，在此对象中定义单元格的样式等等。*/// 第一行，需要样式，则数组中元素为对象，进行定义样式。v: '一月（2023年01月）',t: 's',s: {// font 字体属性font: {sz: 14,name: '宋体',},// alignment 对齐方式。

原创 封装通用echarts组件

【代码】封装通用echarts组件。

原创 使用 PerformanceObserver 监控页面性能

使用 PerformanceObserver 监控页面性能

原创 原生JS通过鼠标选择区域实现选中对应元素

【代码】原生JS通过鼠标选择区域实现选中对应元素。

原创 大文件切片上传、断点续传及秒传简单实现

大文件切片上传、断点续传及秒传简单实现

原创 初始化一个Express项目

初始化express项目

原创 web应用如何对静态资源加载失败的场景做降级处理

web应用如何对静态资源加载失败的场景做降级处理

原创 实现防篡改、删除的canvas水印

【代码】实现防篡改、删除的canvas水印。

原创 el-form 校验未通过，自动滚动到未通过的位置

【代码】el-form 校验未通过，自动滚动到未通过的位置。

原创 纯 Vue 响应式砌体布局，无需直接进行 dom 操作（瀑布流）

纯 Vue 响应式砌体布局，无需直接进行 dom 操作（瀑布流）

原创 日历日程组件fullcalendar基本使用

【代码】日历日程组件fullcalendar基本使用。

原创 HTML5手机网站开发页面宽度解决方案

【代码】HTML5手机网站开发页面宽度解决方案。

原创 Echarts—词云库（echarts-wordcloud）配置详解和使用（可自定义形状）

echarts-wordcloud是基于echarts的一个插件，所以我们要首先安装echarts包，然后再安装echarts-wordcloud的包，这里我的练习项目安装的版本；当然，你可以随意安装你需要的版本；

原创 js文件类型操作

【代码】js文件类型操作。

原创 利用宝塔面板部署服务器项目

1.安装nginx2.安装mysql3.安装java。

原创 echarts图表自动轮播

【代码】echarts图表自动轮播。

原创 vscode自动保存格式化代码

vscode自动保存格式化代码

原创 Vue2实现响应式布局方案（postcss-px-to-viewport）

使用 postcss-px-to-viewport 插件来实现pc/移动端响应式布局

原创 vue 打印组件 print-js

【代码】vue 打印组件 print-js。

原创 处理文件操作上传下载

【代码】vue处理文件流实现上传下载。

原创 数字滚动组件

数字滚动组件

原创 vue导出excel表格

vue 导出 excel表格

原创 js正则表达式

1.利用 RegExp 对象来创建 正则表达式 ```javascript let reg1 = new RegExp(/小壮哥哥很帅哦/); console.log(reg1.test('66小壮哥哥很帅哦6')); ```2.利用字面量创建 正则表达式(推荐) let reg2 = /yes/; //只要包含yes就返回true console.log(reg2.test('noyesno'))3. ^ :必须以xxx开头 let reg3

原创 视频组件-video.min.js

引入JQuery CDN<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>引入video.min.js CDN<script src="//cdn.bootcss.com/video.js/7.0.0-alpha.1/video.min.js"></script>引入video.min.js CDN<link href="//cdn.bootcss

原创 移动端布局

lessflex布局媒体查询

原创 正则表达式

修饰符表达式元字符

原创 bcrypt 加密

原创 Node 发送邮件Demo(网易邮箱服务器)

原创 template引擎模版

1.安装 art-template 引擎模版npm install art-template2.基本语法3.条件分支

原创 MongoDB基本操作

目录1.数据库连接​2.创建集合规则​3.对文档进行操作查询文档删除文档​更新文档4.打印错误信息5.关联集合1.数据库连接2.创建集合规则//推荐使用下边的创建集合规则3.对文档进行操作 查询文档 删除文档 更新文档 4.打印错误信息5.关联集合...