随笔分类 -  javascript

摘要:前言 导出Excel文件这个功能,通常都是在后端实现返回前端一个下载链接,但有时候我们只想导出前端页面上已经有了的数据,不想再调后端导出接口浪费服务器资源,学习本文demo例子,我们踹掉后端,直接在前端导出Excel! 代码实现 1、利用Blob对象构造一个a标签的href链接,从而实现文件下载,E 阅读全文
posted @ 2022-04-15 16:22 huanzi-qch 阅读(2860) 评论(12) 推荐(10) 编辑
摘要:前言 前段时间在做大屏项目,大量用到echarts图表,大屏对设计规范要求比较高,而大屏项目,经常会因为业务方面的原因、或者是数据方面的原因改动UI设计,所有图表的代码也是三天一小改、五天一大改 因此,项目里有统一的echarts图表配置,能统一所有图表的样式,修改起来也方便,如果有需要特殊设置的地 阅读全文
posted @ 2021-01-22 18:59 huanzi-qch 阅读(3780) 评论(1) 推荐(2) 编辑
摘要:前言 日常开发中,我们有可能会碰到从系统中导出数据并打印的需要,打印的格式是常规的表格形式,例如: 本文记录使用js库html2canvas + jspdf实现html转PDF、图片,并下载 画出页面 对于我们后端开发人员来说,画这样的表格页面还是比较耗时的,我们可以另辟蹊径,在word文档画好表格 阅读全文
posted @ 2020-11-24 19:16 huanzi-qch 阅读(1681) 评论(0) 推荐(4) 编辑
摘要:前言 博客园有着丰富的博客皮肤(目前有124个),博客样式按说应该足够丰富了,总有一款适合我们吧?但作为一名专业的程序员,有时候我们想要有自己的一些自定义操作 1、账号设置 -> 博客设置 2、向博客园申请js权限 3、在以下位置定制代码 有了HTML、CSS、JS代码权限,就可以愉快的美化自己的博 阅读全文
posted @ 2019-08-07 10:50 huanzi-qch 阅读(5943) 评论(9) 推荐(58) 编辑
摘要:前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步,是数据安全的第一道关卡,虽然我们不能100%相信客户端提交的数据(真正的校验还得在服务端进行),但设置前端表单校验也是至关重要的,自己写逻辑代码一个一个表单字段去校验不现实,又不想自己造轮子,使用jquery插件是不错的选择,这里记录一下在 阅读全文
posted @ 2019-06-27 16:59 huanzi-qch 阅读(2540) 评论(0) 推荐(0) 编辑
摘要:前言 众所周知,js是单线程的,从上往下,从左往右依次执行,当我们有耗时的任务需要处理时,便会阻塞线程造成页面卡顿等问题。web worker的目的,就是为JavaScript创造多线程环境,允许主线程将一些任务分配给子线程。在主线程运行的同时,子线程在后台运行,两者互不干扰。等到子线程完成计算任务 阅读全文
posted @ 2019-03-13 16:15 huanzi-qch 阅读(1487) 评论(2) 推荐(0) 编辑
摘要:前言 众所周知,受浏览器同源策略的影响,产生了跨域问题,那么我们应该如何实现跨域呢?本文记录几种跨域的简单实现 前期准备 为了方便测试,我们启动两个服务,10086(就是在这篇博客自动生成的项目,请戳:SpringBoot系列——Spring-Data-JPA(究极进化版) 自动生成单表基础增、删、 阅读全文
posted @ 2019-03-08 18:18 huanzi-qch 阅读(703) 评论(0) 推荐(1) 编辑
摘要:前言 项目开发中,我们可能会碰到这样的需求:select标签,禁止选择但又能通过序列化form表单传值到后台,但是当我们使用disabled="disabled"时发现,无法序列化form获取到select标签的值;当我们使用readonly="readonly"发现,我们还是能展开下拉框并选择值, 阅读全文
posted @ 2019-01-23 14:19 huanzi-qch 阅读(2916) 评论(0) 推荐(2) 编辑
摘要:前言 图片上传是web项目常见的需求,我基于之前的博客的代码(请戳:formData批量上传的多种实现)里的第三种方法实现多图片的预览、上传,并且支持三种方式添加图片到上传列表:选择图片、复制粘贴图片、鼠标拖拽图片,同时支持从上传列表中移除图片(点击“X”号) 效果演示 选择图片 页面操作 后台接参 阅读全文
posted @ 2018-12-27 17:50 huanzi-qch 阅读(3334) 评论(0) 推荐(0) 编辑
摘要:前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为layUI的一个重要组件,使用简单、接口参数丰富,功能健壮,深受广大开发者的喜爱,作为一个热(经)爱(常)工(划)作(水),喜欢钻研探索技术的程序员(狗),我们自己来实现一个web弹窗/层,一窥layer的本源(/手动滑稽脸),进步,从 阅读全文
posted @ 2018-12-07 11:55 huanzi-qch 阅读(2170) 评论(0) 推荐(9) 编辑
摘要:前言 最近项目需要批量上传附件,查了下资料,网上很多但看着一脸懵,只贴部分代码,介绍也不详细,这里记录一下自己的采坑与多种实现,以免以后忘记。 这里先介绍下FormData对象,以下内容摘自:https://developer.mozilla.org/zh-CN/docs/Web/API/FormD 阅读全文
posted @ 2018-10-25 21:31 huanzi-qch 阅读(19665) 评论(9) 推荐(6) 编辑
摘要:前言 文件上传是我们经常会用到的功能,但是原生的input样式太丑了,能不能自定义一个input文件上传样式呢?我这里写了两种方法,form表单提交跟ajax异步提交都没有问题,自动上传或者点击上传按钮上传也都没问题 效果 代码编写 方法1 方法2 controller 总结 样式还是丑了一点,但这 阅读全文
posted @ 2018-10-24 11:01 huanzi-qch 阅读(5135) 评论(0) 推荐(1) 编辑
摘要:前言 以下介绍摘自 layui官网laypage layPage 致力于提供极致的分页逻辑,既可轻松胜任异步分页,也可作为页面刷新式分页。自 layui 2.0 开始,无论是从核心代码还是API设计,layPage 都完成了一次蜕变。清爽的UI、灵活的排版,极简的调用方式,这一切的优质元素,都将毫无 阅读全文
posted @ 2018-10-22 21:41 huanzi-qch 阅读(3045) 评论(2) 推荐(2) 编辑
摘要:前言 在项目中我们通常需要使用ajax异步嵌套去请求数据并做数据的展示,当我们多次快速的多次的发起ajax,因为ajax是异步的,每个ajax触发回调的时间都是不可控的,这样就会造成前面发起的ajax跟后面发起的ajax都有可能去修改同一个DOM,导致展示的数据顺序错乱或数据重复,我们希望DOM展示 阅读全文
posted @ 2018-08-30 21:28 huanzi-qch 阅读(694) 评论(0) 推荐(0) 编辑

  
点击右上角即可分享
微信分享提示