張先森呢-CSDN博客

原创基于window.html2canvas的打印功能。适用于打印浏览器上内容。将内容转换成图片来导出成PDF文件。VUE打印功能

基于window.html2canvas的打印功能。适用于打印浏览器上内容。将内容转换成图片来导出成PDF文件。VUE打印功能做一个记录直接封装成一个方法printPDFvue项目直接调用打印方法：this.printPDF(document.getElementById("printPDF"),"打印文件的名称");(document.getElementById("print...

2020-03-17 17:24:29 1166

原创 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 6649

npm——安装教程、安装vue脚手架npm：是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。比如常用的有：　　1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。　　2）允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。　　3）允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。首先：先从nodejs.org中下载nodejs如图，下载8.9.3LTS（推荐给绝大部分用户使用的）双击安装...

2021-05-06 10:12:01 196

原创 CSS伪类与伪元素的区别-面试题

1)伪类(pseudo-classes)。其核心就是用来选择DOM树之外的信息,不能够被普通选择器选择的文档之外的元素，用来添加一些选择器的特殊效果。。比如:hover :active :visited :link :visited :first-child :focus :lang等。由于状态的变化是非静态的，所以元素达到一个特定状态时，它可能得到一个伪类的样式;当状态改变时，它又会失去这个样式。。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。2)伪元

2021-04-16 15:27:01 279

转载请画出 Css 盒模型，基于盒模型的原理，说明相对定位、绝对定位、浮动实现样式是如何实现的-面试题

一、Css 盒模型页面上任何一个元素，我们都可以看成是一个盒子，盒子会占用一定的空间和位置，他们之间相互制约，就形成了网页的布局。w3c 的盒模型的构成：content border padding marginIE盒模型和标准盒模型IE盒模型和标准盒模型唯一的区别是内容计算方式的不同IE 盒模型，宽度：width = content + padding标准盒模型，宽度：width = content不同定位一、相对定位relative(相对定位) 对象不可层叠、不脱离

2021-04-16 15:08:42 227

原创 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 429 1

转载 HTML 减少dom的办法？一次性给你大量的dom怎么优化？

一、减少dom数量的方法可以使用伪元素，阴影实现的内容尽量不使用DOM实现，如清除浮动、样式实现等；按需加载，减少不必要的渲染；结构合理，语义化标签二、大量DOM时的优化当对Dom元素进行一系列操作时，对Dom进行访问和修改Dom引起的重绘和重排都比较消耗性能，所以关于操作Dom，应该从以下几点出发：1. 缓存Dom对象首先不管在什么场景下。操作Dom一般首先会去访问Dom，尤其是像循环遍历这种事件复杂度可能会比较高的操作/那么可以在循环之前就将主节点，不必循环的Dom节点先获取到，那么在

2021-04-08 17:20:31 1162

原创 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 1112 1

qq_37193887的博客