- 博客(8)
- 收藏
- 关注
原创 基于window.html2canvas的打印功能。适用于打印浏览器上内容。将内容转换成图片来导出成PDF文件。VUE打印功能
基于window.html2canvas的打印功能。适用于打印浏览器上内容。将内容转换成图片来导出成PDF文件。VUE打印功能做一个记录直接封装成一个方法printPDFvue项目直接调用打印方法:this.printPDF(document.getElementById("printPDF"),"打印文件的名称");(document.getElementById("print...
2020-03-17 17:24:29 1208
原创 css:移动到一个div上出现另一个div
完成的功能主要是在,orgchart组织结构图上实现,将鼠标移动到node节点上,显示div(里面可以显示详细信息)我是通过CSS实现的 ,如下.orgchart .second-menu-icon {height: 217px;width: 200px;transition: opacity 0.5s;display: none;right: -20...
2018-09-04 11:37:38 6722
转载 npm——安装教程、安装vue脚手架
npm——安装教程、安装vue脚手架npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2)允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 3)允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。首先:先从nodejs.org中下载nodejs如图,下载8.9.3LTS(推荐给绝大部分用户使用的)双击安装...
2021-05-06 10:12:01 200
原创 CSS伪类与伪元素的区别-面试题
1)伪类(pseudo-classes)。其核心就是用来选择DOM树之外的信息,不能够被普通选择器选择的文档之外的元素,用来添加一些选择器的特殊效果。。比如:hover :active :visited :link :visited :first-child :focus :lang等。由于状态的变化是非静态的,所以元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。2)伪元
2021-04-16 15:27:01 285
转载 请画出 Css 盒模型,基于盒模型的原理,说明相对定位、绝对定位、浮动实现样式是如何实现的-面试题
一、Css 盒模型页面上任何一个元素,我们都可以看成是一个盒子,盒子会占用一定的空间和位置,他们之间相互制约,就形成了网页的布局。w3c 的盒模型的构成:content border padding marginIE盒模型和标准盒模型IE盒模型和标准盒模型唯一的区别是内容计算方式的不同IE 盒模型,宽度:width = content + padding标准盒模型,宽度:width = content不同定位一、相对定位relative(相对定位) 对象不可层叠、不脱离
2021-04-16 15:08:42 256
原创 Tomcat8 服务器端配置GZIP参数,加快访问页面加载速度
起因:因为项目中页面比较多,js、json等内容很多很多,加上不同人开发不同模块最后引用了很多第三方资源,使用webpack打包后js资源好大啊,加载速度好慢以下这两个JS都有3M左右,加载时间平均3-4秒(已经修改了就没截图出来了)后来决定给他优化下,使用Tomcat的GZIP优化下(只需要修改Tomcat配置)1、找到服务器上面Tomcat中conf文件下的server.xml配置文件2、使用vim编辑这个文件,找到<Connector port="8080" protoco.
2021-04-08 18:23:08 458 1
转载 HTML 减少dom的办法?一次性给你大量的dom怎么优化?
一、减少dom数量的方法可以使用伪元素,阴影实现的内容尽量不使用DOM实现,如清除浮动、样式实现等;按需加载,减少不必要的渲染;结构合理,语义化标签二、大量DOM时的优化当对Dom元素进行一系列操作时,对Dom进行访问和修改Dom引起的重绘和重排都比较消耗性能,所以关于操作Dom,应该从以下几点出发:1. 缓存Dom对象首先不管在什么场景下。操作Dom一般首先会去访问Dom,尤其是像循环遍历这种事件复杂度可能会比较高的操作/那么可以在循环之前就将主节点,不必循环的Dom节点先获取到,那么在
2021-04-08 17:20:31 1208
原创 HTML布局元素(标签)
1、HTML布局元素是什么? html的一些常见的元素有div、span、a、b、em 、h1--h6、input、textare、li 、ul、br等等,这些元素标签上都有着自己的默认的display属性,不同的display属性值有不同的 用处,对于布局元素来说主要分为三种inline(内联元素)、block(块状元素)、inline-block(内联块状元素)2、三种布局元素的说明 1、inline(内联元素): 常见的内联元素有:spa...
2021-04-07 14:25:52 1149 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人