前端
关注
分享
扫一扫
文章平均质量分 52
给钱，谢谢！
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Flutter权限管理终极指南：实现优雅的Android 48小时授权策略
本文介绍了Flutter应用中优雅处理Android权限请求的方法，重点解决了频繁请求导致用户体验下降的问题。通过实现48小时内拒绝后不再提示的智能策略，结合权限用途说明和跨平台兼容处理，提升用户体验。核心实现包括：使用permission_handler、shared_preferences等依赖包创建权限助手类，记录权限拒绝时间，并在48小时内不再重复请求。该方法通过智能对话框交互、权限状态持久化存储和平台差异化处理，既保护用户隐私又确保应用功能完整性。原创 2025-07-18 13:10:06 · 465 阅读 · 0 评论 -
Flutter瀑布流布局深度实践：打造高性能动态图片墙
本文详细探讨了Flutter中高性能瀑布流布局的实现方案。文章首先介绍了瀑布流布局的优势特点，然后重点讲解了三个核心实现模块：1) 采用模块化设计的组件架构和循环分配算法；2) 利用IntrinsicHeight组件解决动态高度图片的显示问题；3) 通过缓存策略、懒加载和状态管理实现流畅滚动体验。此外，文章还分享了卡片美化设计、回到顶部功能等用户体验优化技巧，并提供了完整的代码结构展示。这套方案有效解决了瀑布流开发中的动态高度计算、高效图片加载和内存优化等关键问题，为开发者提供了高性能的实现参考。原创 2025-07-15 13:40:11 · 814 阅读 · 0 评论 -
Vue 3.6 Alpha 深度解析：Vapor Mode 如何颠覆虚拟 DOM 时代
Vue 3.6 推出革命性 Vapor Mode，完全跳过虚拟 DOM 实现原生级性能。通过编译时静态分析直接生成高效 DOM 操作代码，结合全新响应式系统（依赖追踪减少40%、内存降低60%），大幅提升性能。新特性包括组件懒初始化、极致体积优化（<10KB）和双运行时共存架构，支持渐进式迁移。开发者可通过文件后缀、脚本标记或全局配置启用 Vapor Mode，在性能关键场景（如大数据渲染）获得显著提升，同时保留传统虚拟 DOM 的灵活性。Vue 由此进入根据场景选择最优运行时的双轨新时代。原创 2025-07-14 09:34:06 · 2462 阅读 · 0 评论 -
Vue3 + TS 封装 H5 与原生通信的公共方法
本文介绍了基于Vue3和TypeScript封装H5与原生通信的公共方法。通过创建NativeBridge工具类，实现了单例模式的通信桥接，支持Promise形式调用原生方法，并提供了全局回调注册机制。方案包含Android/iOS平台适配、回调处理、事件监听等功能，并通过Vue插件形式全局注册，方便组件调用。使用示例展示了如何调用原生方法和处理异步结果，为混合开发提供了统一、类型安全的通信解决方案。原创 2025-06-30 15:41:23 · 436 阅读 · 0 评论 -
Vite 7.0 全面指南：下一代前端构建工具深度解析与实战
Vite 7.0 正式发布，带来三大核心升级：环境要求：Node.js 最低版本提升至 20.19+/22.12+，放弃 Node.js 18 支持浏览器兼容：默认构建目标改为 "baseline-widely-available"，支持 Chrome 107+、Edge 107+、Firefox 104+ 和 Safari 16+性能革新：集成 Rust 编写的 Rolldown 打包器，构建速度提升 30-50%关键特性增强：新增 buildApp 实验性 API，优化多环境构建原创 2025-06-26 10:29:52 · 1838 阅读 · 0 评论 -
从零搭建SSR企业官网：Nuxt 3 + TypeScript + Vue 3 + TailwindCSS
高性能渲染：利用Nuxt3的SSR能力，提升首屏加载速度和SEO效果全栈一体化：在单一项目中实现前后端功能，简化开发和部署现代化数据管理：使用Prisma实现类型安全的数据库操作响应式设计：通过TailwindCSS快速构建适配各种设备的界面模块化架构：清晰的目录结构和组件化设计提高可维护性完善的安全机制：基于JWT的认证系统保护API安全此项目架构非常适合中小企业快速搭建专业官网，既满足品牌展示需求，又为后续功能扩展提供了坚实的基础。原创 2025-06-03 08:21:41 · 1231 阅读 · 0 评论 -
uniapp map 显示位置通用组件
由于APP 端 map层级高于普通层级，h5仅不支持高德，所以单独抽一个组件用于地图组件兼容1、h5 高德js请在index.html中引入，请参照 https://blog.youkuaiyun.com/weixin_43073383/article/details/1223591232、app使用组件components/aMapRs.vue通过获取当前页面栈 webview.appendJsFile ，提前载入amapjs ，然后 onlaod之后，去执行h5高德地图逻辑3、小程序setCenter有原创 2022-12-08 09:52:50 · 724 阅读 · 0 评论 -
记录https iframe 访问http 地址问题
只需要在index.html添加 即可<!DOCTYPE html><html lang="en" data-theme="torange"> <head> <meta charset="UTF-8" /> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <script> &原创 2022-11-22 10:22:11 · 921 阅读 · 0 评论 -
提问：微信wxConfig 授权时提示noPermissionJsApi: []问题
最近遇到微信浏览器分享，wxConfig 授权noPermissionJsApi: []app分享出来的链接h5 打开 二次分享是可以的； 直接复制h5 链接到微信浏览器打开分享不可以虽然同样wcconfig会报此问题，但是不影响app分享链接的二次分享此问题应该是微信那边禁止了，具体不是很清楚代码仅供参考// 微信自动授权登录function initWxH5Sdk() { // 微信SDK权限注册 var wxConfigRe原创 2022-04-13 16:38:20 · 14027 阅读 · 4 评论 -
cocos2d 接入微信API实现登陆分享支付
cocos2d 接入微信相关api ，分为h5 和 app1、h5// 依赖包引入npm i -S weixin-js-sdk2、app 调用原生sdk api下面是测试代码，此处把相关写成sdksdkMng.tsimport { sys } from "cc";import { AxApp } from "../AxApp";//ajax调用封装方法import { ISdk } from "./sdk/ISdk";import { SdkH5 } from "./sdk/SdkH原创 2022-04-13 16:26:22 · 4497 阅读 · 1 评论 -
vue打包报错building for production...Error processing file:
打包一直卡在这，报错building for production…Error processing file: static/css/app.75b18747bd0b141856解决1、把webpack.prod.conf.js css代码压缩关掉2、在urils.js 压缩 const cssLoader = { loader: 'css-loader', options: { sourceMap: options.sourceMap, mini原创 2022-02-15 14:00:25 · 3576 阅读 · 1 评论 -
记项目运行报错 + CategoryInfo: SecurityError: (:) []，PSSecurityException + FullyQualifiedErro
运行项目报错 npm run buildnpm : 无法加载文件 C:\Users\yanjiuyuan\AppData\Roaming\npm\npm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1+ npm run build+ ~~~ + CategoryInfo : Secur原创 2022-01-12 10:22:42 · 2684 阅读 · 0 评论 -
uniapp h5 引入高德地图
因地图收费、uniapp h5 是腾讯地图，公司为了少交一份钱，就改为引入高德地图我才用是模板引入js首先在项目跟根目录添加index.html<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"原创 2022-01-07 10:35:36 · 3485 阅读 · 2 评论 -
记录uniapp 离线包上传华为应用市场提示appkey 未配置问题
我们项目是uniapp 打的离线包，上架应用市场，只有华为提示用 未配置appkey或配置错误，我们公司是有几十个类似项目，就这个被拒了，配置都是按照官方做的，没有问题，我们测试也没有问题，只有华为官方审核才有会问题经过排查，是因为在华为开放平台多配置了一个应用签名所以会出现此问题解决方案就是把这个项目删了重新建一个，不配置这个应用签名就好了...原创 2021-12-28 15:42:10 · 997 阅读 · 1 评论 -
uniapp webview访问h5 input file 选择相册图片 未授权不会触发onchange回调
uniapp 使用 plus.webview.loadURL(url) 加载h5页面，在未授权获得相册图片的情况下，input type=file 时选择图片不会触发 onchange 回调解决方案1、初始化时候获取手机读写权限，但是现在审核严格，不能做初始化授权2、离线包，原生监听相册打开行为，加了授权操作import io.dcloud.PandoraEntryActivity; public class YYPandoraEntryActivity extends PandoraEnt原创 2021-12-20 09:14:43 · 1961 阅读 · 0 评论 -
记录vue-cli 2.9.6无法升级问题
先通过npm uninstall vue-cli -g卸载vue，然后再安装，但是vue -V时依然是2.9.6版本：第一步：npm config get registry第二步：npm config set registry https://registry.npm.taobao.org第三步：npm i -g @vue/cli安装成功！网上又说环境变量，重装node 我都试了不行，只有这个方法是最有效的...原创 2021-12-18 14:27:21 · 592 阅读 · 0 评论 -
CSS实现矩形按钮左右圆角中间有个往里凹的小半圆
test border:1px solid #f66;border-right:none; }.btn:before {position: absolute;content: ‘’;width: 10px;height: 20px;background: #fff;top: 13px;left: -1px;border-radius...原创 2020-04-03 12:22:25 · 1447 阅读 · 0 评论 -
执行脚本报错：无法加载文件 C:\Program Files\nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。
在新公司新建项目时候遇到一个问题如上图，安装cnpm或者node都会报这个错误找了半天发现解决方法如下（操作如上图）1、打开终端2、在终端执行：get-ExecutionPolicy，显示Restricted（表示状态是禁止的）3、在终端执行：set-ExecutionPolicy RemoteSigned4、在终端执行：get-ExecutionPolicy，显示RemoteSign...原创 2019-12-18 10:06:58 · 12439 阅读 · 7 评论 -
uniapp error页面配置
**uniapp error页面配置@TOCuniapp暂不支持自定义webview所以我们用自带的error首先在根目录新建生成此文件hybrid/html/error.html在manifest.json（源码试图）中配置error，必须在app-plus下（这里要注意路径问题否则页面会找不到）error页面是一个单独页面不支持upx，rem在移动端也不生效（尚不知原因），我直接用...原创 2019-10-15 09:04:39 · 5887 阅读 · 0 评论 -
flutter遇到的问题
1、在Android Studio中发现不了mumu模拟器，找到mumu模拟器的adb文件，一般在\Nemu\vmonitor\bin中，在命令行里重新连接一下就好了端口修改为7555adb connect 127.0.0.1:75552、Flutter 第一次运行就出现白屏的问题–enable-software-rendering...原创 2019-07-09 10:09:09 · 413 阅读 · 0 评论 -
记录 用android studio 打包flutter项目
前面生成key就不多讲了，key文件放到根目录里面然后再\android\app\build.gradle中 的android{ 添加这段话igningConfigs {release {storeFile file(’…/key.jks’)storePassword ‘tienssns’keyAlias ‘release’keyPassword ‘tienssns’}}...原创 2019-07-08 11:12:40 · 422 阅读 · 0 评论 -
记一次vue 项目install时elementui 自动升级版本问题
记一次vue 项目install时elementui 自动升级版本问题 git拉取代码install后因为elementui版本改变导致项目报错(我的elementui 版本时2.5.4，结果install后是2.9.1，因为后者版本进度条ststus没有text参数，所以项目报错)经过研究，原来是package.json中dependencies版本搞事情,如图我们要想需要适配的版本，避免兼...原创 2019-06-05 11:20:57 · 1503 阅读 · 0 评论 -
nginx做反向代理，请求接口
nginx做反向代理跨域会造成携带的cookie消失，所以本地做一个本地转发例如：请求 http://106.12.88.99:9999（示例） 线上接口，我们改为本地locahost请求，首先下载nginx，解压后打开nginx.conf文件，编辑1、定义xxxx重定义访问地址（如下图）再封装ajax中设置请求地址（xxxx是重点）然后正常请求就可以了第一次应朋友要求写博客，...原创 2019-06-13 09:24:04 · 1662 阅读 · 0 评论