- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 html5 截图+打包+下载
最近项目中遇到页面上需要大量下载二维码的情况，而二维码又是含有其他页面元素定做的有独特的页面效果。于是想到先将定制二维码转成图片，再将多张图片通过打包再一次性下载~废话不多说，上代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
2022-04-24 15:00:24
398
原创 uniapp在线引入阿里iconfont字体图标
来源废话不多说，写项目的时候总遇到小图标的纠结，设计师切图也麻烦，图标又小，每次切完图下载还得压缩一下，节省空间，还是iconfont字体图标比较香。引入因为考虑到下载引入的时候比较麻烦，每次更新图标之后都要重新下载导入，所以开发阶段还是建议采用线上链接，等正式上线的时候再一次性下载导入颇为合适。点击生成在线代码 直接点击这个链接查看代码 复制全部的代码 然后进入uniapp项目中，在static下(或其他自定义喜欢的地方)，新建一个iconfont.css文件，把代码拷
2021-08-11 15:48:36
979
原创 前端饿了么UI messageBox二次封装，防止重复弹窗
vue element-ui messageBox使用场景在工作中开发的时候，前端使用到饿了么ui框架，对接口请求做了封装，http 状态码为401或者403权限过期或者无权限的情况下弹出提醒( messageBox.confirm() )，并在点击确认后返回登录页重新登录。但是在一个页面有可能存在多个接口同时调用的情况，因此也会导致多次弹窗提醒，因此对messageBox进行二次封装，防止重复弹窗在人机交互体验上就显得尤为重要。封装msgBox封装及实例导出class MsgBo..
2021-04-22 18:57:43
1891
原创 几个简单的js正则表达式基础用法
说到正则表达式，相信大家都不陌生，在平常的编程开发中，我们常常可以用它进行字符串匹配查找、替换等操作。那么废话不多说，这就开始进入正题把：什么是正则表达式正则表达式，又称为规则表达式。说白了就是一种规则，用这种规则来匹配或替换字符串中的内容。正则表达式的用法具体可点此参考链接正则表达式几个正则表达式的基础用法那么正则表达式在平常的开发中有哪些应用呢，我们可以用在提交表单的时候，比如注册用户名、密码、邮箱的时候在前端直接做简单的检验并进行友好的提示，相比提交表单之后，后端返回错...
2020-07-22 19:03:55
194
原创 docker nginx服务器部署
目录概念安装Docker环境说明安装确保 yum 包更新到最新。执行 Docker 安装脚本启动 Docker进程验证docker是否安装成功并在容器中执行一个测试的镜像Docker安装nginx拉取官方镜像本地查看nginx镜像启动部署创建目录 nginx部署命令最后附带一些常备命令Dockerdocker contai...
2019-09-11 17:34:19
577
原创 jquery实现省市区三级下拉框联动（原生js）
当当当当，虽然很晚了，而且健身房也关门了，索性就留下来继续把这个写出来。好的，下面还是老样子，先上效果：首先页面上只有第一个输入框有内容，下面两个都是空的，没有任何数据当我点击第一个选择框选择内容后第二个选择框就会加载出相应的省内各市的数据，当然了，为了模拟下数据，只写了两个，同时第三个选择框会加载相应市区信息当我第二个选择框内容发生改变时，第三个选择框数据也会相应发生改变...
2019-06-28 21:03:17
1552
原创 jquery实现选择框异步刷新功能
emmmm，稍微写点假数据先模拟下，实现的效果大致如下，丑了点，不要介意哈当然了，真实的项目环境中不会是这么简单的，到时候返回一堆的数据，然后进行遍历，这里先上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view...
2019-06-27 20:09:14
421
原创 jquery实时监听选择框select内容变化
作为前端小白，继续记录自己的成长点滴...先上效果图吧，虽然丑了点先上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scala...
2019-06-27 19:49:31
42576
1
原创 jquery 实现上拉加载功能
emmmm，看到了以前自己的写的代码，用jquery实现的上拉加载，顺便修复了以前漏下的bug，感觉可以记录一波。好的先上图，好的首先关注console控制台，再来就是右图的内容，页面上初始仅有两个div接下来上代码段:<!DOCTYPE html><html lang="en"><head> <meta charset="UT...
2019-06-26 20:04:50
2804
原创 手机端简单js点击实现上滑弹框的原生app效果
这个反正我也不知道怎么起名字，首先上效果图哈哈哈嗯，就是这么简单的一个东西哈哈。下面上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-...
2019-06-25 19:58:35
1099
1
原创 原生JS实现tab组件联动
吐槽下这编辑器居然还没有居中的。当当当当，我又回来了，请了一周假去学校毕业，舒服，今天回来就是各种赶，一天做了三个页面。其中比较值得分享的还是这个tab组件。先上图：那么大致上的效果就是当我点击tab1的时候显示的是content1内容块，点击tab2或3的时候显示为content2或3内容。好了，先上代码块:<!DOCTYPE html><html>...
2019-06-24 20:07:44
640
原创 better-scroll实现下拉加载和横向滚动
今天学习到很多新知识，满足咩哈哈哈 2019.06.13 20:01 赶紧写完下楼健身咯//2019.06.16 13：21更新首先是下拉加载功能，赶时间，不多说，先上代码段created () { this.initial() this.loadData()},methods: { initial () { this.$nextTick(...
2019-06-16 13:20:53
256
html2canvas.min.js + FileSaver.min.js + jszip.min.js
2022-04-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人