前端

前端界面生成PDF并导出下载

最近,公司后台管理系统有个项目需求,将前端定义好的界面导出PDF文档。我查阅很多文档,发现可以使用html2canvas、jspdf来完成。也可以通过jspdf来绘画PDF文档 思路: 通过 html2canvas 将 HTML 页面转换成图片,然后再通过 jspdf 将图片的 base64 生成为 pdf 文件 1、安装 npm install html2canvas --save np

Vue2 中使用Swiper构建中间大两边小轮播效果

Swiper是一个功能丰富的“滑动特效”插件: 常用的tab切换,banner切换等等,包含各种切换特效,看Demo就非常炫酷。同时,也提供了主流的框架组件版本。然而,最新版的Vue组件只支持在Vue3中使用。查找资料后实践,记录一个Vue2中的使用方式。 Swiper的官网介绍也比较清楚,英文官网中是最新的版本的内容,没有找到旧版的文档内容,中文官网可以看到旧版的文档。 一、Swiper 在Vu

iOS Xib弹框展示多行文字父视图根据子视图高度自适应

项目开发中经常会遇到弹框的需求,如果弹框中文字内容是固定的那么弹框高度也是固定的很好写。如果文字从接口获取,并且要求弹框高度随文字高度变化就要考虑多种情况了。 至少要考虑三种情况,分别给弹框设置一个最小高度和最大高度。 1.如果当前文字内容高度<规定的文字内容最小高度 ,那么当前弹框高度=规定的弹框最小高度 2.如果规定的文字内容最小高度<当前文字内容高度<规定的文字内容最大高度

原生微信小程序实现打卡日历组件

背景:最近接了个外包,其中有个打卡功能,里面包含了一个日历,甲方要求百分百还原,闲暇之余就撸了一下,下面是效果图 源码地址 求star ✨ image.png 分析: 要求左右箭头可切换上下月; 需要展示农历日历; 点击日期拿到年月日(yyyy-mm-dd) 样式一比一还原 想法💡:网上都没一毛

如何从零到一建立前端规范

前言 不以规矩,不能成方圆。 本人有幸经历了团队从缺乏标准到逐渐规范的一个过程,在此当做记录供大家参考。 本文从为什么需要规范以及建立规范的重要性出发,逐步引申出如何去建立适合自己团队的规范,详细讨论了前端具体涉及到的规范都有哪些,部分小节有具体的配置步骤和操作链接。 文中涉及到的所有配置均放在github上的 Demo 中,觉得不错的点个赞 ❤️❤️❤️。 下面我们开始吧🏃。 为什么需要规范 规

SVG 从入门到后悔,怎么不早点学起来(图解版)

本文简介 点赞 + 关注 + 收藏 = 学会了 作为一只前端,只懂 Vue、React 感觉已经和大家拉不开距离了。 可视化、机器学习等领域 JS 都有涉及到,而可视化方面已经被很多领域用到,比如大屏项目。 可视化领域相关的技术有 canvas 和 SVG ,而这两个东东是迟早要接触的了。 在我接触 SVG 之前,我觉得这是一个很高深的东西,有点恐惧。我第一次接触 SVG 是在 iconfo

react 复习

一.jsx 1.定义虚拟DOM时,不要写引号 2.标签中混入JS表达式时要用{} 3.样式的类名指定不要用class,要用className 4.内联样式,要用style={{key:value}}的形式去写 5.标签必须只有一个跟标签 6.标签必须闭合 7.标签首

CSS中空格的问题如何处理?教你三种方法

1、空格规则 HTML 代码的空格通常会被浏览器忽略。 <p> hello world </p> 上面是一行 HTML 代码,文字的前部、内部和后部各有两个空格。 浏览器的输出结果如下: hello world 可以看到,文字的前部和后部的空格都会忽略,内部的连续空格只会算作一个。这就是浏览器处理空格的基本规则。 如果希望空格原样输出,可以使用 <pre&gt

vue中基于iview封装支持搜索选中的Tree组件

1.实现效果 stree.gif 2.实现原理 2.1前端实现搜索过滤 indexOf:indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置,如果没有找到匹配的字符串则返回 -1。(区分大小写) 语法:string.indexOf(searchvalue,start) eg: var str="Hello world, welcome to the unive

vue-router笔记摘录认识

1.SPA单页面应用的理解 SPA(single-page application),翻译过来就是单页应用SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互,这种方法避免了页面之间切换打断用户体验在单页应用中,所有必要的代码(HTML、JavaScript和CSS)都通过单个页面的加载而检索,或者根据需要(通常是为响应用户操作)动态装载适当的资源并添加到页面页面在任何时间