- 博客(121)
- 收藏
- 关注
RSS订阅原创 uni-app开发安卓app时控制屏幕常亮不息屏
本文详细介绍了在uni-app中实现安卓应用屏幕常亮的方法：1. 推荐使用uni.setKeepScreenOn API或plus.device.setWakelock API实现；2. 必须配置android.permission.WAKE_LOCK权限并重新打包；3. 提供了完整实现步骤及特殊场景处理方案；4. 针对常见问题给出解决方案；5. 强调按需控制、优化电量使用等最佳实践。文章还包含完整代码示例和注意事项，帮助开发者平衡功能实现与用户体验。
2025-11-05 17:30:33
1237
原创 uView2开发APP实现悬浮按钮
uView2框架提供了两种实现悬浮按钮的方法：1. 使用内置Fab组件（推荐），支持基本功能如位置设置、点击事件和子菜单；2. 使用uview-suspension插件，可实现高级功能如拖拽和磁吸效果。指南详细介绍了安装步骤、使用示例和常见问题解决方案，适用于uni-app多平台开发。悬浮按钮可应用于多种场景如"回到顶部"或"发布内容"，使用时需注意版本兼容性和平台差异。通过简单的配置即可增强应用交互体验。
2025-11-05 17:30:18
1013
原创 1024 程序员节
1024程序员节源于计算机基本数值1024（2的10次方），2016年由中国博客园社区发起，现已成为全球程序员共同庆祝的技术节日。该节日不仅体现程序员对技术的热爱，更通过技术分享会、编程比赛等活动推动行业交流。随着计算机科学发展，程序员角色从硬件操作员演变为技术创新的推动者，编程语言、软件架构及云计算等技术革新深刻改变了其工作方式。1024程序员节提升了程序员社会地位，促进了知识共享与技术创新，对技术教育普及产生积极影响。未来，该节日有望成为全球性技术盛会，在推动前沿技术发展和人才培养方面发挥更大作用。
2025-10-24 18:05:16
697
原创 我的创作纪念日
《技术创作365天：从0到1930粉丝的实战复盘》摘要：本文系统复盘了作者在CSDN平台一年的技术创作历程，产出90篇专文获18万+阅读量。创作始于解决缓存雪崩等实际问题，形成"项目驱动+生活化解析"的特色写作模式。通过构建代码规范、内容矩阵及时间管理体系，实现技术深度提升40%。收获包括技术影响力扩大、文档编写能力提升60%等成果。未来规划系列专题、直播答疑及开源项目，倡导"实用为王，温度为基"的创作理念，致力于构建有价值的技术生态。
2025-10-24 17:21:17
548
原创 vue3和vue2生命周期的区别
Vue3对生命周期进行了优化调整：1)钩子函数统一添加"on"前缀；2)组合式API替代选项式API，setup()取代beforeCreate/created；3)新增onRenderTracked/onRenderTriggered调试钩子；4)父子组件执行顺序调整为setup→onBeforeMount→onMounted；5)采用异步更新机制优化性能。建议优先使用组合式API，在onBeforeUnmount中清理资源，利用新调试钩子优化性能。
2025-09-09 17:42:55
562
原创 vue3中 ref() 和 reactive() 的区别
Vue3中ref()和reactive()是两种核心响应式API。ref()适用于基本类型和复杂类型数据，需通过.value访问；reactive()仅适用于对象/数组，直接访问属性。主要区别：ref返回带.value的对象，支持替换整个对象；reactive返回Proxy代理对象，适合嵌套结构。最佳实践：基础类型用ref，复杂对象用reactive，需替换对象时用ref，嵌套结构用reactive。注意避免直接解构reactive对象，大型静态数据可用markRaw优化性能。
2025-09-09 17:08:59
1297
原创 渐变背景色和渐变字体颜色的实现方法
CSS渐变效果实现指南：包含线性渐变、径向渐变、重复渐变和多色渐变4种背景渐变方式，以及3种文字渐变方法（背景剪裁、遮罩渐变和SVG渐变）。文章提供代码示例并对比不同方案的优缺点，指出WebKit浏览器兼容性限制，建议复杂场景使用SVG方案。最后提醒注意渐变效果的性能影响和透明度应用技巧。
2025-09-04 13:48:36
658
原创 vue3实现滚动中奖名单-组件vue3-seamless-scroll
Vue3-seamless-scroll是一个实现无缝滚动的Vue3组件，支持上下左右四个方向的滚动效果。该组件通过CSS3动画或JavaScript实现，适用于表格、图片等内容的滚动展示。主要特性包括：支持数据监听、鼠标悬停控制、单步滚动设置、动画效果自定义等。安装方式支持npm/yarn或直接引入，使用时可全局注册或单文件引入，通过配置项如direction、hover等控制滚动行为。组件还提供拷贝列表、滚轮控制等高级功能，能满足不同场景的无缝滚动需求。
2025-08-19 14:38:18
820
原创 禁止浏览器点击放大图片并能触发点击事件
移动端浏览器中图片默认放大行为会影响自定义点击事件。本文提供四种解决方案：1) 使用CSS的pointer-events和事件委托，通过父容器触发点击；2) 通过touchend事件阻止默认行为；3) 结合CSS(user-select)和JavaScript控制；4) 用背景图替代img标签。各方法适用不同场景，需权衡兼容性、实现难度和功能需求。建议根据实际项目情况选择，注意移动端兼容性和用户体验优化。
2025-07-21 10:24:24
535
1
原创 我的创作纪念日
256天的创作旅程，让我从一个默默无闻的开发者，成长为被1557位读者认可的创作者。这段经历教会我：真正的价值，不在于流量，而在于能否为他人带来切实的帮助，未来，我会继续以代码为笔，以文字为墨，书写更多有温度的技术故事。
2025-07-07 10:24:36
641
原创 页面跳转方法
本文介绍了10种前端URL操作与页面跳转的方法：1. location对象方法（assign/replace/reload）；2. URLSearchParams处理查询参数；3. URL对象解析/构建URL；4. fetch/XMLHttpRequest异步请求；5. 表单POST跳转；6. 前端路由库（VueRouter/ReactRouter）；7. history API无刷新修改URL；8. 第三方库（如urljs）简化操作；9. location.href直接跳转；10. 修改location属
2025-07-04 15:40:23
823
原创 网页跳转window.location
JavaScript中的window.location对象提供了操作当前页面URL的属性和方法。主要属性包括href（完整URL）、host（主机名+端口）、pathname（路径）等，可用于读取或修改URL各部分。常用方法有assign()（跳转页面）、replace()（替换页面）和reload()（刷新页面）。使用时需注意同源策略、脚本执行时机和编码问题。该对象适用于页面导航、参数解析和动态修改URL等场景，是前端开发中管理URL的重要工具。
2025-07-04 15:20:03
1083
原创 uni-app组件通信
本文详细介绍了uni-app中10种组件间传参方法及其实现示例：1）父子组件通过props/$emit通信；2）跨级组件使用$attrs/$listeners；3）全局状态管理采用Vuex/Pinia；4）非父子组件用event-bus；5）页面间传参通过URL参数或本地存储；6）访问子组件使用ref；7）跨层级传参采用provide/inject。每种方法都附有代码示例，并对比分析了适用场景和优缺点，建议根据具体需求选择合适方式，兼顾通信效率和代码可维护性。
2025-07-02 13:46:43
1109
原创 pinia与vuex的区别
Pinia和Vuex都是Vue.js的状态管理工具，但存在显著差异。Pinia专为Vue3设计，采用简洁API（state/action/getter），支持TypeScript，体积轻量（1KB），适合中小项目；Vuex适用于Vue2，包含复杂概念（mutations/modules），体积较大（3-4KB），适合需要严格规范的大型项目。选择建议：Vue3新项目优先Pinia，Vue2项目或大型应用可继续使用Vuex。两者在模块化、TS支持和性能表现上各有优势，需根据项目需求选择。
2025-07-02 10:50:31
1217
原创 vue3组件通信
Vue3组件传参方式总结：1)props父传子；2)defineEmits子传父；3)$attrs跨级传参；4)Pinia全局状态管理；5)provide/inject祖孙通信；6)ref直接访问子组件；7)v-model双向绑定；8)EventBus事件总线；9)本地存储跨页面通信；10)getCurrentPages页面间传参。根据场景选择合适方式，保持通信简洁可维护。
2025-07-01 11:57:15
1098
原创 vue组件通信
Vue组件传参方式总结：1)父子组件通过props/$emit进行单向/双向通信；2)跨级组件使用$attrs/$listeners或provide/inject；3)兄弟组件通过事件总线(EventBus)通信；4)复杂场景建议使用状态管理工具(Vuex/Pinia)。每种方式各具特点，props适合父子组件简单通信，provide/inject适合跨层级静态数据，EventBus适合非直接关系组件，而状态管理工具更适合全局数据共享。应根据具体场景选择合适方式，平衡灵活性与维护性。
2025-07-01 11:53:46
873
原创 uni-app使用uview2自定义tabber
在uni-app中使用uView2.x实现自定义tabbar的步骤：安装uView2.x、配置pages.json隐藏原生tabbar、创建自定义tabbar组件（含u-tabbar组件和跳转逻辑）、在App.vue中隐藏原生tabbar、在页面底部引入自定义组件。需要注意图标路径、当前选中项绑定和页面跳转路径设置，可通过easycom简化组件引入。最终实现效果为底部tabbar可切换不同页面并保持选中状态。
2025-06-30 14:00:45
938
原创 uni-app开发app保持登录状态
在uni-app中实现用户token过期前自动免登录功能，需结合本地存储、拦截器和状态跳转逻辑。核心步骤包括：1. pages.json配置默认页面；2. App.vue的onLaunch中校验本地token有效性并跳转；3. 登录成功后存储token及过期时间；4. 通过请求/响应拦截器自动添加token、刷新过期token并重试请求；5. 主动检查token时效性，提前刷新。安全建议包括加密存储和登出清理。完整流程可实现token有效期内的无缝免登录体验。
2025-06-30 13:52:52
774
原创 使用JSAPI调起微信/支付宝支付有哪些具体步骤？
本文详细介绍了微信JSAPI和支付宝JSAPI支付的全流程实现方案。微信支付方面，需开通权限、配置域名，后端生成预支付ID和签名，前端通过JSSDK调起支付，并处理异步通知结果。支付宝支付类似，需获取支付参数，前端调起支付SDK，同时处理回调通知。注意事项包括：微信支付必须使用HTTPS域名、时间戳格式要求、OpenID获取流程；支付宝需用RSA2签名、浏览器兼容性等。文末提供了关键代码示例及常见问题解决方案，强调测试验证的必要性。两种支付方式均需注重安全性和流程完整性控制。
2025-06-19 16:30:00
2180
原创 ios浏览器无法使用window.open()方法拉起微信支付
iOS浏览器（如Safari）因安全策略会拦截非用户主动触发的window.open()调用，导致微信支付调起失败。解决方案包括：1)改用location.href跳转；2)延迟执行window.open()；3)引导用户在微信内置浏览器打开；4)尝试iframe嵌入；5)检查微信支付接口配置。关键须确保支付动作由用户直接触发，并符合微信支付环境要求（如JSAPI或H5支付）。代码示例展示了通过setTimeout延迟调用或直接跳转的实现方式。注意支付链接需配置白名单并满足同源策略。
2025-06-19 14:36:09
1455
原创 ios如何把H5网页变成主屏幕webapp应用
通过以上方法，你可以将 H5 页面转化为 iOS 上的伪 Web App，并控制其名称和图标。iOS 不支持在运行时动态修改已添加到主屏幕的图标和名称。在 iPhone 上打开 Safari 浏览器，访问目标网页（H5 页面）。添加完成后，点击主屏幕上的图标即可全屏运行该网页，体验类似原生应用的效果。在用户添加到主屏幕之前，可以通过 JavaScript 动态修改页面的。在弹出的页面中，可以修改快捷方式的名称（默认为网页的。图标（箭头向上的按钮）。在分享菜单中找到并点击。在 HTML 页面的。
2025-06-18 16:40:05
2680
原创 Vue项目中动态修改页面标题Title
本文介绍了在Vue项目中动态修改页面标题的四种方法：1)使用组件生命周期钩子，简单但需重复代码；2)利用VueRouter导航守卫，通过路由meta统一管理；3)使用vue-meta第三方库，适合复杂SEO需求；4)全局混入实现自动继承标题逻辑。每种方法各有适用场景和优缺点：小型项目适合生命周期钩子，多页面应用推荐路由守卫，SEO需求选择vue-meta，而全局混入则提供统一方案。文章还提供了常见问题的解决方案，如标题更新问题和SEO优化建议。开发者可根据项目规模和维护需求选择最合适的方式。
2025-06-18 16:19:36
1399
原创 uni-app隐藏返回按钮
在uni-app中隐藏返回按钮的几种方法：1. 使用uni.hideHomeButton()（仅部分平台有效）；2. 通过pages.json配置全局或单页面隐藏导航栏；3. H5平台可用DOM操作隐藏元素；4. 使用uni.redirectTo/reLaunch跳转方式；5. 自定义导航栏（推荐做法）；6. 处理物理返回键。建议优先使用pages.json的navigationStyle配置或自定义导航栏方案，不同平台需选择适配方案，隐藏后需确保提供替代的返回功能。
2025-06-12 11:27:55
2395
1
原创 webpack和vite之间的区别
Webpack 和 Vite 都是现代前端开发中非常流行的构建工具，但它们的设计理念、工作原理以及适用场景都有所不同。
2025-03-28 13:55:50
1090
原创 前端性能优化有哪些方法？
前端性能优化是提升网站加载速度、交互响应速度以及整体用户体验的关键环节。随着互联网技术的发展，用户对网页加载速度和流畅性的要求越来越高，因此前端性能优化变得尤为重要。以下将详细探讨前端性能优化的各种方法，并举例说明。
2025-03-28 13:50:07
615
原创 我的创作纪念日
随着时间的推移，我发现每当自己解决了一个难题后，总有一种强烈的冲动想要把解决方案记录下来。同时，我也希望能够出版一本关于编程实践的书籍，将自己的经验和见解分享给更多的人。最重要的是，我希望能一直保持对技术的热情，不断探索未知领域，追求卓越。同时，我会制定详细的计划表，合理分配时间和任务，确保既能完成高质量的文章，又不影响日常工作和生活。此外，我还打算开设一个技术专栏，专注于某一特定领域，如人工智能或云计算，为读者提供更为系统化的知识体系。
2025-03-03 15:34:28
318
原创 如何使用若依框架？
使用若依框架（RuoYi Framework）可以分为几个关键步骤，从环境搭建、项目初始化到开发和部署。以下是详细的指导，帮助你顺利地开始使用若依框架。
2024-12-24 15:01:44
1581
原创 什么是若依框架，有什么特点
综上所述，若依框架以其先进的技术选型、模块化的架构设计、丰富的内置功能以及强大的社区支持等特点，成为了一个非常受欢迎的企业级快速开发平台。无论是初创公司还是大型企业，都可以借助这个框架迅速搭建起符合自身业务需求的高质量后台管理系统。如果你正在寻找一个既能加快开发进度又能保证项目质量的选择，那么若依无疑是一个值得考虑的好选项。
2024-12-24 14:56:47
2973
原创 什么是全栈应用，有哪些特点
全栈应用（Full Stack Application）是指一个应用程序涵盖了从前端用户界面到后端服务器处理以及数据库管理的所有层次。它不仅仅涉及客户端的网页设计和交互，还包括了服务器端的业务逻辑实现、数据存储与检索等功能。开发全栈应用意味着开发者需要掌握多种技术和工具链，从 HTML/CSS/JavaScript 等前端技术到 Node.js、Python、Java 等后端编程语言，再到 MySQL、MongoDB 等数据库管理系统。
2024-12-23 00:00:00
1694
原创 什么是服务器端渲染应用，有哪些特点
服务器端渲染应用（Server-Side Rendered Application，简称 SSR）是指在服务器上预先生成页面内容，并将完整的 HTML 发送到客户端浏览器的应用程序。与传统的单页面应用（SPA）不同，SSR 应用在用户首次访问时会由服务器处理请求并返回一个已经构建好的页面，之后再由客户端 JavaScript 取代部分功能或进一步增强交互性。这种方式结合了静态网站和动态网站的优点，提供了更好的初始加载性能和搜索引擎优化（SEO）效果。
2024-12-22 00:00:00
1321
原创 什么是静态站点生成器，有哪些特点
静态站点生成器（Static Site Generator，简称 SSG）是一种用于创建静态网站的工具或框架。它通过将内容（如 Markdown 文件）、模板（HTML 和 CSS 样式表）以及配置信息组合在一起，在构建过程中预先渲染出完整的 HTML 页面。这些页面随后可以被部署到任何 Web 服务器上，供用户直接访问。与传统的动态网站不同，SSG 不依赖于服务器端脚本语言来处理请求，而是完全基于客户端浏览器加载和显示内容。
2024-12-22 00:00:00
1430
原创 什么是渐进式 Web 应用，有哪些特点
渐进式 Web 应用（Progressive Web App，简称 PWA）是一种结合了传统 Web 技术和现代移动应用特性的新型应用程序形式。PWAs 可以像普通网站一样通过浏览器访问，但同时具备安装到设备主屏幕作为独立应用运行的能力。它们利用了一系列前沿的 Web 技术，如 Service Workers 和 Web App Manifest，提供快速加载、离线可用、推送通知等功能，旨在为用户提供接近原生应用的体验。
2024-12-21 00:00:00
1403
原创 什么是混合应用，有哪些特点
混合应用（Hybrid Application）是指那些使用 Web 技术（HTML、CSS 和 JavaScript）开发，但在打包后可以在多个平台上作为本地应用分发的应用程序。这类应用通常依赖于容器或框架（如 Apache Cordova 或 Ionic），这些工具提供了访问设备原生功能（如摄像头、GPS、联系人等）的能力，同时允许开发者利用熟悉的 Web 开发技能来构建跨平台的移动应用。
2024-12-21 00:00:00
1129
原创 什么是单页面应用，有哪些特点
单页面应用（Single Page Application，简称 SPA）是一种 Web 应用程序类型，它在用户与应用交互时不会重新加载整个网页。相反，SPA 使用 JavaScript 动态更新部分页面内容，从而提供流畅且快速的用户体验。这种设计模仿了桌面应用程序的行为，使得导航和操作更加直观。综上所述，单页面应用（SPA）以其独特的技术和设计理念，在现代 Web 开发中占据了重要地位。它们不仅提供了卓越的用户体验，还具备高效能、易维护等诸多优点。
2024-12-20 00:00:00
2012
原创 什么是多页面应用，有哪些特点
多页面应用（Multi-Page Application，简称 MPA）是一种传统的 Web 应用程序类型，用户每次导航到新页面时，服务器都会生成并发送完整的 HTML 文档。这意味着每当用户点击链接或提交表单时，浏览器会发起新的请求，服务器端处理后返回一个新的页面，然后整个页面会被重新加载。这种架构简单直观，符合早期互联网的发展模式。综上所述，多页面应用（MPA）以其结构清晰、SEO 友好、易于实现等特点，在许多应用场景中发挥着重要作用。
2024-12-20 00:00:00
1515
原创 什么是静态网站，有哪些特点
静态网站（Static Website）是指那些页面内容在服务器端固定不变，不随用户请求而动态生成的 Web 应用。它们主要由 HTML 文件组成，可能还包括 CSS 样式表和 JavaScript 脚本，但这些资源都是预先构建好的，并且在每次访问时直接从服务器传输给客户端浏览器，而不涉及任何服务器端处理逻辑或数据库查询。综上所述，静态网站以其简便的架构、高效的性能以及低廉的成本，在众多应用场景中发挥着重要作用。
2024-12-19 00:00:00
2102
原创 什么是动态网站 ，有哪些特点
动态网站（Dynamic Website）是指那些能够根据用户请求或输入实时生成内容的 Web 应用。与静态网站不同，动态网站不仅包含 HTML 文件，还涉及服务器端脚本语言（如 PHP, Python, Ruby, Node.js 等）来处理业务逻辑，并且通常连接到数据库以存储和检索数据。当用户访问动态网站时，服务器会执行相应的程序代码，动态地构建页面并将其发送给客户端浏览器。综上所述，动态网站凭借其高度的灵活性和强大的交互能力，在现代社会各个领域扮演着不可或缺的角色。
2024-12-19 00:00:00
2276
原创 有哪些 Web 应用程序类型
每种类型的 Web 应用都有其独特的优势和适用场景。选择合适的类型取决于项目的具体需求、目标受众以及技术团队的专业技能。随着技术的发展，越来越多的 Web 应用正在融合多种类型的特性，以提供更好的用户体验和服务质量。
2024-12-18 10:57:41
2696
原创 MVVM、MVC、MVP 的区别
MVC：适用于传统的Web应用，尤其是服务器端渲染的应用。它通过控制器协调模型和视图之间的交互。MVP：适用于需要高度测试性的应用，特别是移动应用。它通过Presenter来分离视图和业务逻辑。MVVM：适用于现代的单页应用（SPA），特别是使用JavaScript框架如Vue、Angular或React构建的应用。它通过数据绑定简化了视图和模型之间的同步。
2024-12-18 00:00:00
4075
原创 什么是nuxt.js，有什么特点
Nuxt.js 不仅简化了 Vue 应用的开发过程，还增强了其灵活性和性能。它的强大之处在于将许多复杂的概念（如 SSR、SSG、API 路由等）封装成了易于使用的工具，让开发者可以快速搭建高性能的 Web 应用。此外，Nuxt.js 社区活跃，文档详尽，插件生态系统丰富，这些都是选择 Nuxt.js 构建现代 Web 应用的重要原因。通过上述的具体例子，可以看到 Nuxt.js 如何简化各种任务，并为开发者提供了丰富的功能来提升用户体验和开发效率。
2024-12-17 09:11:40
1532
空空如也
好用的pc组件库(适用于vue3)
2024-10-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人