现在做前端响应式网站特别，响应式成为现在前端设计一个热点，它成为热点的最主要的原因就是，移动端设备屏幕的种类多样，那么如何设置响应式屏幕。* 打印样式 *@media print { color: red; }* 手机等小屏幕手持设备 *@media screen and (min-width: 320px) and (max-width: 480px) { …
css resize
egret3d的GUI目前还没有，在做3d游戏的时候没有UI可用，只能使用egret2d的EUI组件库，egret3d与egret2d混合开发，canvas3d的大小与位置与canvas2d并没有重合，导致适配ui时总是错位。在做手机屏幕适配的时候必须解决这种问题，我的解决方法是两个属性相同。我的解决方案为修改源码，在egret2d适配屏幕的时候加入自定义 …
响应式设计几乎是现代网站的标配，开发者搭建好网站之后若是要测试其响应式的变化效果，需要大量的测试设备来确保网页显示不会出问题，可是拿大量的实际设备来测试并不现实。在这种需求之下，催生了许多实用而可靠的响应式网站测试工具，这些工具当中绝大多数是免费的，让开发者从海量的测试设备中解脱出来。今天，我们从这些测试工具中，挑选出9款免费又实用的测试工具，造福网页设计师 …
为什么浏览器内置的API你还在用某个臃肿的Javascript库呢？用内置的API有什么好处呢？Web平台经历了巨大演进，引入了强大的原生API，不再需要臃肿的JavaScript库。现代浏览器现已支持以往需要第三方依赖的复杂功能，从而带来更快的加载速度、更好的性能表现和更小的代码体积。在分析了数百个生产环境应用后，我总结了10个最具影响力的原生Web AP …
在FusionCharts中既可以通过像素又可以通过百分比（相对于其容器）来指定图表的尺寸。若以像素为单位指定，那么无论在什么尺寸的屏幕或设备上查看图表，图表的尺寸都将保持不变。但是，如果该图表的宽度和高度设定为容器的百分比，在渲染图表时转换为像素，如果容器的尺寸改变了，则图表会自动关联其容器相应的改变尺寸。在初始化时设置图表宽度和高度像素指定图表的宽度和高 …
在Vue 3中，Composition API的引入为组件逻辑的复用和组织带来了全新的方式，而Hooks则是这一API中的重要概念。通过自定义Hooks，我们可以更好地提取和复用组件逻辑，保持状态的响应性，并实现关注点分离。本文将从基础概念出发，逐步深入到高级模式和最佳实践，帮助你全面掌握Vue 3自定义Hooks的使用。一、Hooks基础概念1.什么是Ho …
本文将介绍如何使用Python编写脚本批量处理图片。我们将使用Pillow库来缩放、裁剪和压缩图片，并使用MD5哈希值来重命名输出文件。通过本文的学习，您将学习如何使用Python快速自动化处理大量图片。简介对于需要处理大量图片的工作，例如调整图片大小、裁剪图片等，手动处理是非常繁琐的。为了提高工作效率，我们可以使用Python编写脚本来自动化这些任务。在本 …
宇哥闲着没事做了一个人脸识别网页，练练手。（懒人看过来：完整代码贴在最后，想要的拿走直接用不必客气，反正都是开源的） 这个人脸识别模型的语言是JavaScript，从网上找的开源模型，基于TensorFlow的Face-Api，模型下载链接： https:cdn.jsdelivr.netnpmface-api.js@0.22.2distface-api.mi …
Compressor.js 是一个基于 JavaScript 的轻量级图片压缩库（仅4KB），无需后端支持即可在浏览器端实现高质量的图片压缩。它通过Canvas实现图片处理，支持调整压缩质量、尺寸缩放、格式转换等核心功能。核心优势：零依赖，纯客户端处理支持主流图片格式（JPEGPNGWEBP）保留EXIF方向信息提供丰富的配置选项兼容现代浏览器（包括移动端） …
一、背景在互联网时代，网站性能的好坏直接影响用户体验和转化率。对投放的广告页面而言，如何在保证视觉效果和功能的同时提升加载速度，成为了开发者必须面对的挑战。本文将探讨几种有效的外投页面性能优化策略，包括构建方式的优化、非首屏组件的处理、关键大图的预载、动效方面的升级，以及针对弱网环境下的降级策略、外投流渲染的技术升级等相关内容。二、难点 & 收益首屏秒开率口 …