- 博客(19)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 前端解决方案：实现网页截图并导出PDF功能
在前端开发中，我们经常会遇到需要将网页内容导出为PDF的需求。本文将以一个准考证预览和导出的例子，带你一步步实现这个功能。我们会处理包括跨域图片、Canvas绘图、PDF生成等多个技术要点。首先，我们需要搭建一个基础的HTML结构，并引入必要的依赖。这里我们引入了两个重要的库：接下来，我们创建一个简单的准考证预览界面：三、处理跨域图片问题在处理外部图片时，我们首先需要解决跨域问题。运维：需设置图片允许跨域访问，以阿里云 OSS 跨域规则配置为例。前端：先检测图片是否支持跨域访问，支持图片跨域访问的情
2025-03-25 23:39:45
999
原创 给Web开发者的HarmonyOS指南02-布局样式
样式应用方式HTML/CSS：使用选择器和属性声明样式ArkUI：使用链式API直接在组件上设置样式布局容器HTML：使用<div>等标签，配合CSS实现布局ArkUI：使用专门的布局组件如ColumnRow等组件，配合样式属性布局单位使用HTML/CSS：使用 px、em、rem、百分比等单位ArkUI：使用 px、vp、lpx 、百分比等单位，使用数字单位 vp 可省略样式继承HTML/CSS：通过CSS选择器实现样式继承ArkUI：没有样式继承。
2025-03-25 23:09:40
942
原创 【Bug记录】node-sass安装失败解决方案
node-sass依赖node版本，而sass则不需要。解决方案：卸载node-sass，安装sass，项目全局搜索/deep/, 把/deep/替换为::v-deep即可。
2025-03-24 23:49:49
236
原创 给Web开发者的HarmonyOS指南01-文本样式
本系列教程适合 HarmonyOS 初学者，为那些熟悉用 HTML 与 CSS 语法的 Web 前端开发者准备的。> 本系列教程会将 HTML/CSS 代码片段替换为等价的 HarmonyOS/ArkUI 代码。
2025-03-24 23:46:49
999
原创 鸿蒙特效教程10-卡片展开/收起效果
通过本教程，我们学习了如何在HarmonyOS中实现卡片展开/收起效果，掌握了ArkUI中状态管理和动画实现的核心技巧。使用@State管理组件状态使用属性和函数实现动画使用条件渲染动态显示内容实现数据驱动的UI创建为多个卡片独立管理状态这些技术不仅适用于卡片展开/收起效果，也是构建其他复杂交互界面的基础。希望本教程对你理解HarmonyOS的UI开发有所帮助！
2025-03-23 00:20:51
1076
1
原创 Powershell 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
Win 键 + Q ，在搜索框内输入 Powershell。点击以管理员身份运行 Powershell，注意需要管理员身份证。粘贴代码按回车键执行命令。输入字母A，按回车键确认。重启所有 PowerShell 终端就可以啦。
2025-03-23 00:18:20
416
原创 网页头部的声明应该是用 lang=“zh“ 还是 lang=“zh-CN“？
不知道大家有没有留意到一个问题，就是使用 VsCode 新建的 html 文件的，根标签会有 `lang="en"` 。这样会导致打开网页的时候，浏览器的右上角会蹦出一个翻译英文提示。
2025-03-22 00:22:33
789
原创 鸿蒙特效教程09-深入学习animateTo动画
本教程将带领大家从零开始，一步步讲解如何讲解 animateTo 动画，并实现按钮交互效果，使新手也能轻松掌握。
2025-03-22 00:18:16
1386
原创 鸿蒙特效教程08-幸运大转盘抽奖
本教程将带领大家从零开始，一步步实现一个完整的转盘抽奖效果，包括界面布局、Canvas绘制、动画效果和抽奖逻辑等。
2025-03-20 22:51:02
839
原创 前端接口神器之 json-server 详细使用指南
`json-server` 是一款小巧的接口模拟工具，一分钟内就能搭建一套 Restful 风格的 API，尤其适合前端接口测试使用。🔥🔥🔥只需指定一个 `json` 文件作为 `api` 的数据源即可，使用起来非常方便，30 秒入门，基本上有手就行。👍进阶操作还支持分页，排序等操作，简直强大。💪
2025-03-20 21:53:04
930
原创 鸿蒙开发 HarmonyOS DevEco Studio 常用快捷键
做HarmonyOS鸿蒙开发离不开开发工具，DevEco Studio 是基于 IntelliJ IDEA Community 开源版本打造，所以默认的快捷键其实继承于 IntelliJ IDEA。熟悉 DevEco Studio 的快捷键能提升开发效率和开发体验。下面将详细列出 DevEco Studio 一些常用的快捷键，由黑马程序员整理，希望对大家有帮助，也欢迎大家补充或修正。
2025-03-18 23:42:49
836
原创 鸿蒙特效教程06-可拖拽网格
本教程适合 HarmonyOS Next 初学者，通过简单到复杂的步骤，一步步实现类似桌面APP中的可拖拽编辑效果。
2025-03-18 22:58:52
566
2
原创 鸿蒙特效教程05-鸿蒙很开门
屏幕上有一个双开门，点击中间的按钮后，门会向两侧打开，露出开门后面的内容。当用户再次点击按钮时，门会关闭。我们将通过以下步骤逐步构建这个效果：首先，我们需要创建一个基本的页面结构。在这个效果中，最关键的是使用组件来实现层叠效果。代码说明：此时，只有一个简单的背景和按钮，还没有门的效果。接下来，我们在Stack层叠布局中添加左右两扇门：代码说明：此时我们有了一个静态的门的外观，但它还不能打开和关闭。现在我们需要添加状态变量和动画逻辑，使门能够打开和关闭：代码说明：添加了状态变量：使用属性绑定到状态，实现
2025-03-17 22:29:23
1034
6
原创 鸿蒙特效教程04-直播点赞动画
通过本教程，我们学习了如何使用HarmonyOS的Canvas组件实现直播点赞动画效果。我们从最基础的静态图标绘制开始，逐步形成了一个生动自然的点赞动画。
2025-03-15 21:11:48
1071
原创 鸿蒙特效教程03-水波纹动画
通过这个教程，我们从零开始实现了漂亮的水波纹动画效果。HarmonyOS的ArkUI布局系统状态管理（@State）触摸事件处理定时器等技术和概念，不仅适用于这个特定效果，还可以应用于各种交互设计中。希望这个教程能帮助你更好地理解HarmonyOS开发，并创建出更加精美的应用界面！
2025-03-14 22:50:37
900
3
原创 鸿蒙特效教程02-微信语音录制动画
通过这个教程，我们从零开始实现了类似微信的语音录制动画效果。HarmonyOS的ArkUI布局系统状态管理（@State）触摸事件处理定时器和动画条件渲染组件生命周期处理这些技术和概念不仅适用于这个特定效果，还可以应用于各种交互设计中。希望这个教程能帮助你更好地理解HarmonyOS开发，并创建出更加精美的应用界面！
2025-03-13 22:03:36
1030
原创 Nuxt3修改默认端口号的完整指南
生产环境：推荐使用NITRO_PORT=端口方式来修改端口，开发环境：推荐通过的配置或命令行参数--port来修改端口，可以灵活地为Nuxt3应用配置不同的端口，满足开发和部署的需求。
2025-03-13 18:26:21
391
原创 鸿蒙特效教程01-哔哩哔哩点赞与一键三连
通过一键三连特效学习HarmonyOS的ArkUI布局系统状态管理（@State）手势处理（点击、长按）动画系统（animateTo）条件渲染数学计算（用于粒子位置）这些技术和概念不仅适用于这个特定效果，还可以应用于各种交互设计中。希望这个教程能帮助你更好地理解HarmonyOS开发，并创建出更加精美的应用界面！
2025-03-12 22:04:56
1144
1
Device-Art-Generator_手机界面效果图一键生成_Ps脚本
2014-08-07
AdobePhotoshopCS6支持Webp格式导出插件（支持64bit,PhotoshopCC）
2014-06-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人