node实现使用HTML生成PDF和图片
2024-03-15前段时间接到一个任务，是将网页生成PDF。开始的解决方案是使用将页面生成图片，再使用jspdf生成PDF。jspdfPDF后面了解到Puppeteer库，Puppeteer是一个node库，他提供了一组用来操纵Chrome的API, 通俗来说就是一个浏览器。既然是浏览器，那么我们手工可以在浏览器上做的事情PuppeteerPDFVUEPDF我们使用midwayjs作为HTTP服务，通过调用Puppeteer生成图片和PDF返回二进制给浏览器。_nodejs pdf2html 图片处理
使用CSS的@media screen 规则为不同的屏幕尺寸设置不同的样式(响应式图片布局)
2024-03-15使用CSS的@media screen 规则为不同的屏幕尺寸设置不同的样式(响应式图片布局)_@media screen and 各个屏幕尺寸
js 页面截图三种解决方案
2024-03-153、让使用者在浏览器插件再去调用插件（不推荐）2、获取屏幕流转为图片。_js调用浏览器截图
【web前端技术】响应式画廊Gallery插件-Justified-Gallery
2024-03-13Justified-Gallery是一个常见的图片布局插件，他拥有安装简单，方便使用的优点，且图片布局较为好看，是一款极为好用的图片布局插件。可惜是网上资料较少，因此我下载了一份官方的代码，上传到了码云，并且整理了一些基本的使用教程。..._justified-gallery
移动端 懒加载、下拉刷新、上拉加载
2024-03-13优势：提升性能实现原理：图片是通过img的src属性，当对src赋值时，浏览器就会请求图片资源。基于这个问题，我们可以利用标签的自定义属性(data-xxx)，来保存图片的路径，当我们需要加载图片的时候，将data-xxx赋值给src就可以实现按需进入按需加载。插件(lazyload)网址：https://github.com/jieyou/lazyload移动端懒加载案例<!DOCTYPE html><html lang="en"><head>._jquery移动端下拉刷新
CSS实现背景图片模糊——毛玻璃效果 | 浅谈CSS属性 filter、backdrop-filter
2024-03-13CSS实现背景图片模糊——毛玻璃效果 | 浅谈CSS属性 filter、backdrop-filter_css 背景模糊
html css js实现无缝轮播图思路及其实现
2024-03-12上图黄色方块代表轮播图的排列位置，默认图片从start开始，切换到end的时候再往后走一个图片的宽度，到达chang的位置。此时通过js把盒子的transition过渡属性的时间置为，然后让盒子的位置切换到start的位置（此时看不到过度动画），再通过js把盒子的过渡属性置为n秒（n为滚动时间），继续自动切换，此为一个循环。_html 轮播
background-image使用
2024-03-11目录background-image:(" ")background-repeat属性（背景平铺）background-size属性（设置背景图片大小） background-position属性（背景图片位置）1.background-image: url(" ") ;首先要知道background-image是将图片作为背景，使用方法为：background-image: url("") ;其次是关于图片路径问题，如果该..._background-image
three.js CSS3DRenderer、CSS3DObject渲染HTML标签
2024-03-11【代码】three.js CSS3DRenderer渲染HTML标签。_three.js使用loader批量生成图片的css3dobject
如何在 Chrome 中使用纯 CSS 创建视差滚动效果
2024-03-11现代 CSS 是一个强大的工具，您可以使用它来创建许多高级用户界面（UI）功能。在过去，这些功能依赖于 JavaScript 库。在本指南中，您将设置一些 CSS 行来在网页上创建一个滚动视差效果。您将使用上的图片作为占位符背景图像。完成本教程后，您将拥有一个具有纯 CSS 滚动视差效果的网页。