- 博客(551)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 vue3 - 基于 Vue3 + Vite4 + TypeScript5 + Element-Plus + Pinia 技术栈的后台管理系统
是基于 Vue3 + Vite4 + TypeScript5 + Element-Plus + Pinia 等最新主流技术栈构建的后台管理系统前端模板。基于项目升级到 vue3 版本通过Mock模拟真实接口请求动态权限控制、动态获取菜单路由、按钮级别的权限控制vue-i18n 国际化支持暗黑模式支持添加TopHeader功能、支持顶栏和固钉动态切换基础系统设置模块（用户管理、角色管理、菜单管理、字典管理）可视化用户角色、菜单权限、按钮权限配置。
2023-09-20 15:31:26
1011
原创 微信小程序 - 腾讯地图使用和选点连线计算距离
GitHub Demo 地址: jh-weapp-demo 实现一些常用效果、封装通用组件和工具类小程序码
2022-04-13 15:27:24
6443
2
原创 VSCode -下载安装，高频插件配置
VSCode -下载安装，相关插件配置下载安装添加中文插件：`chinese`账户同步下载安装VSCode官网：https://code.visualstudio.comVSCode下载地址：https://code.visualstudio.com/Download官网打开是这个样子的，两个蓝色按钮都能下载VSCode下载之后正常安装即可，最后添加个桌面快捷方式添加中文插件：chinese启动VSCode之后，选择extensions(或者ctrl+shift+X)，搜索chines
2021-08-05 18:59:14
2354
原创 VSCode - setting.json配置 - Prettier、Vetur格式化和ESLint检查
vscode 前端最佳插件配置格式化代码时用到的插件ESLint（代码规范和错误检查工具）Prettier（代码格式化工具）EditorConfig for VS Code（定义项目的编码规范，编辑器的行为会与.editorconfig 文件中定义的一致，并且其优先级比编辑器自身的设置要高，这在多人合作开发项目时十分有用而且必要）Vetur（识别 vue 文件）Syncing（同步你的 VS Code 配置，在另一台机器使用可以自动同步配置，不需要重新慢慢配了）Manta’s Stylus
2021-06-18 09:26:12
5091
2
原创 iOS - 自定义表单工具类，快捷的创建表单、设置页面
JhFormJhForm - 自定义表单工具类，通过动态配置表单model，可以更加简单、快捷的创建表单、设置页面 GitHub地址：https://github.com/iotjin/JhForm 目录特性安装使用要求默认支持的Cell配置项说明示例更新记录 特性 - Features 动态配置表单model 必填选填、录入校验 配置标题、前缀图标，后缀文字、图标 单行、多行录入、密码录入，最大录入限制，实时录入监
2020-12-12 14:17:43
679
原创 Flutter - 记录遇到的一些问题
1、 修改包名Could not find the built application bundle at build/ios/iphonesimulator/Runner.app.Error launching application on iPhone 11 Pro Max.错误的原因是在xcode中修改了display Name字段的名字 默认是Runner，将display N...
2020-03-17 15:44:01
8261
2
原创 Xcode - 清理Xcode中的垃圾文件
Xcode清理一些文件清理Xcode中的垃圾文件1. 移除DerivedData,建议定期清理，会重新生成这个文件夹中保存的是Xcode的缓存文件，曾经在Xcode跑过的所有项目的索引、build的信息等都会保存在这里。删除后在下次打开项目编译的时候将会重新生成。由于这里包含了大量已经没用的项目的信息又懒得去筛选，于是把整个文件夹删了。文件目录： ~/Library/Developer/Xcode/DerivedData打开方式：方式一：在终端用输入 open ~/Library/D.
2020-01-13 17:38:55
5891
1
原创 Flutter - APP跳转高德、百度、腾讯、谷歌地图
这里介绍的是不需要自己开发地图，直接通过给定的经纬度，跳转到三方地图APP调用导航的方式一种是写的工具类，一种是通过调用三方库实现的官方文档：跳转高德导航 - 路径规划跳转高德导航跳转百度导航 - 路径规划跳转腾讯导航。
2023-10-20 15:13:53
2249
原创 Flutter - 波浪动画和lottie动画的使用
Lottie 是 Airbnb 开发的一款能够为原生应用添加动画效果的开源工具。具有丰富的动画效果和交互功能。
2023-10-09 10:13:29
1249
1
原创 vue3 - 使用 xlsx 库将数据导出到 Excel 文件
xlsx是由SheetJS开发的一个处理excel文件的JavaScript库。它可以读取、编写和操作 Excel 文件安装实现一个通过的数据导出工具类示例。
2023-09-27 16:12:43
1746
2
原创 vue3 - 按需导入使用Element Plus图标、iconify图标、本地SVG/PNG图标
它提供了一个庞大的图标库，包含数千个常用图标，涵盖了各种主题和风格，如 Material Design、Font Awesome、Feather 等。这些图标可以以矢量格式（SVG）使用，适用于各种项目，如网站、移动应用、桌面应用等。它提供了一套简洁、易于使用的样式类，帮助开发者快速搭建漂亮且功能强大的界面。按需自动导入组件，如：Element Plus 等三方库和指定目录下的自定义组件。以下是vue3中使用本地PNG图标的方式（调试和线上图标都显示）使用icon图标一般是通过组件的方式使用的，如。
2023-09-26 14:56:47
933
原创 vue3 - Vue 项目处理GitHub Pages 部署后 _plugin-vue_export-helper.js 404
vue3项目打包后部署到github pages 后，预览网站提示下划线开头的一个文件访问不到，网络请求显示404处理GitHub Pages 部署 _plugin-vue_export-helper.js 404。
2023-09-21 15:59:13
783
1
原创 vue3 - 前端 Vue 项目提交GitHub 使用Actions自动化部署
vue前端项目写好之后，想部署到线上通过在线地址进行访问，可以通过gitee或者GitHub的pagesVue - vue项目打包部署到Github的pages在线访问。
2023-09-21 11:24:40
993
原创 Vue3 - 实现动态获取菜单路由和按钮权限控制指令
关于动态获取路由已在这里给出方案Vue - vue-admin-template模板项目改造：动态获取菜单路由这里是在此基础上升级成vue3和ts，数据和网络请求是通过mock实现的具体代码请看demo!!!本地权限控制，具体是通过查询用户信息获取用户角色，在路由守卫中通过角色过滤本地配置的路由，把符合角色权限的路由生成一个路由数组动态获取菜单路由其实思路是一样的，只不过路由数组变成从服务器获取，通过查询某个角色的菜单列表，然后在路由守卫中把获取到的菜单数组转成路由数组动态路由实现是参考。
2023-09-21 10:47:33
1230
1
原创 vue3 - 项目集成vue-i18n国际化和Element Plus 国际化
创建一个index.ts文件配置vue-i18n并且整合整个lang文件夹下面的所有语言文件。在项目的入口文件中（通常是 main.ts），导入配置。Element Plus 提供了一个 Vue 组件。文件夹下，可以按模块创建不同语言的文件，如。文件夹用于存放不同语言的翻译文件。因为在配置vue-i18n时设置了。是一个国际化多语言插件。用于全局配置国际化的设置。zh-cn.ts 示例。
2023-09-21 10:12:23
686
原创 vue3 - Element Plus暗黑模式适配、切换及自定义颜色
有时需要自定义一些可全局使用的颜色，并且支持暗黑模式可在之后导入一个自定义的style文件，如base.scss然后在内部实现自定义的颜色:root {然后在页面的css中使用设置的自定义颜色。
2023-09-20 17:03:57
2893
1
原创 vue3 - 开发和生产环境通过Mock模拟真实接口请求
在前端开发中，常常需要与后端接口进行交互。然而，在接口尚未实现或者正在开发的情况下，前端开发人员往往无法得到真实的接口数据，这给开发和测试工作带来了一定的困扰。对此，可以通过Mock模拟真实接口请求是一个基于 Vite 构建工具的插件，它提供了一种简单方便的方式来模拟接口数据。使用该插件，我们可以在本地搭建一个 mock 服务器，通过编写模拟接口规则来返回我们预设的数据，从而在开发和测试阶段顺利进行。vue3和vue2使用mock有点区别，在vue2中使用的三方库是mockjs，在vue3中使用的是。
2023-09-20 16:34:53
1707
1
原创 vue3 - Element Plus 切换主题色及el-button hover颜色不生效的解决方法
按文档中设置大部分颜色也会根据设置的颜色改变，但是有部分颜色不生效，比如按钮hover时的颜色还是默认的颜色。这是因为主题色由以下图片的颜色决定的，要修改下面所有的颜色才行。
2023-09-20 15:53:09
1416
原创 Vue - Element el-form 表单对象多层嵌套校验
针对el-form的数据源是对象嵌套对象，在进行数据绑定和校验时和单层的对象有一点区别，
2023-08-03 13:14:12
2781
1
原创 Flutter - 微信朋友圈、十字滑动效果(微博/抖音个人中心效果)
一般APP都有类似微博/抖音个人中心的效果，支持上下拉刷新，并且顶部有个图片可以下拉放大，图片底部是几个tab，可以切换不同的页面，手指往下滑动时图片和标题（整个header）就变成导航条方便展示更多的信息。这里基本是通过TabBarTabBarView实现的，不过在项目中对其进行了封装，代码比较多，具体代码可以demo使用的两个三方库。
2023-07-30 09:14:52
453
原创 Vue - 可视化用户角色、菜单权限、按钮权限配置(动态获取菜单路由)
关于动态获取路由已在这里给出方案Vue - vue-admin-template模板项目改造：动态获取菜单路由这里是在此基础上添加了系统管理模块，包含用户管理，角色管理，菜单管理，字典管理，其中包含按钮权限配置，数据和网络请求是通过mock实现的具体代码请看demo!!!本地权限控制，具体是通过查询用户信息获取用户角色，在路由守卫中通过角色过滤本地配置的路由，把符合角色权限的路由生成一个路由数组。
2023-07-26 13:58:41
1109
原创 Vue - 项目编译速度、性能优化、打包体积优化
在 Vue.js 项目中，可以使用 Vuex 来管理应用程序的状态，在应用程序中经常需要获取相同的数据，因此可以使用 Vuex 的缓存技术来缓存请求过的数据，在下次请求时直接从缓存中获取数据，从而减少服务器的请求次数，提高用户体验。productionSourceMap的作用在于定位问题，打包时会生成.map文件，在生产环境就可以在浏览器查看到输出的信息具体是在哪一行，但相应的包的体积也会变大，也会影响构建速度，将其设置为false则不生成.map文件。当绑定的表达式为真值时，该元素会被渲染到页面中；
2023-06-07 17:27:59
1402
1
原创 Vue - vue-admin-template模板项目改造：动态获取菜单路由
1、demo中的项目已经添加了TagsView功能和本地权限控制关于TagsViewVue - vue-admin-template模板项目改造：增加TagsView功能关于本地权限控制相关代码参考的permission-control分支2、并且demo中的项目在1的基础上增加TopHeader（顶栏）功能，在顶栏中显示项目标题和用户信息，即可以支持原有方式展示，又可以通过setting配置显示顶栏关于增加TopHeader（顶栏）
2023-04-27 11:34:29
1711
1
原创 Flutter - 动画使用及自定义动画组件（tabbar跳动动画或文字抖动）
动画是指将一系列静态图像连续播放，形成一种视觉上的动态效果。在Flutter中，动画是通过对属性进行插值计算，逐步改变属性值，从而实现动态效果的。在Flutter中，动画是通过一系列的动画对象和控制器来实现的。动画对象通常是一个值的插值器，可以将一个值从一个范围映射到另一个范围。Flutter中提供了多种类型的动画对象，如Tween、Curve等。动画控制器则用于控制动画的状态和进度。控制器可以启动、停止、反转动画，并且可以监听动画的状态变化和进度变化。
2023-04-13 10:18:35
902
原创 Flutter - flutter项目添加 Web 支持
使用 base64 数据 URI：将图片转换为 base64 格式的数据 URI，然后将其插入到 HTML 中，避免了跨域问题。修改构建结果中的index.html文件中的base标签，修改成你github仓库的名字，不然关联不到相对路径资源文件.详见：https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS。所以使用的自定义的图片组件，如果是网络图片，加载一个默认的本地图片，保证在web端能看到默认图片。添加ScrollController。
2023-04-10 17:16:14
1776
原创 Flutter - 实现防抖和节流
函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象是应对频繁触发事件的优化方案。
2023-04-10 17:10:36
2029
原创 Flutter - 快速点击弹出多个弹框优化
在 _showBottomSheet 方法中，如果底部菜单未打开，我们将 _isBottomSheetOpen 设置为 true，并调用 showModalBottomSheet 方法打开底部菜单。在 Flutter 中使用 showModalBottomSheet 弹出底部菜单时，如果用户快速点击多次会弹出多个底部菜单，这会影响用户体验。为了避免这种情况发生，我们可以使用一个 flag 来控制底部菜单是否已经打开，只有在底部菜单关闭之后才能再次打开。
2023-03-17 10:21:13
437
原创 Vue - Element el-table 表头、行、列合并，底部或顶部显示汇总行
Vue - Element el-table 表头、行、列合并
2022-11-24 10:18:01
2262
原创 Flutter - APP主界面Tabbar保持页面状态
APP主界面每个模块的页面一般由底部tabbar+顶部导航 + 中间内容组成的。一般情况下，每个模块的页面初始化一次就可以了，每次都刷新的话不太友好。在didChangeDependencies判断currentIndex，以下代码添加了。这是通过IndexedStack保持页面状态的，还是改的build方法。如果需要在某个页面跳转返回到tabbar的指定页面，这里说一下在tabbar中保持页面状态的方式。如果不需要返回tabbar的指定页面，可以把。如果需要每次进入页面刷新得话，可以添加。
2022-09-15 15:21:50
1226
iOS--AFNetworking第三方
2015-10-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人