- 博客(92)
- 收藏
- 关注
原创 Vite 项目优化 (一)
最后,总结几个主要的优化点:依赖预构建配置、生产构建的压缩和代码分割、静态资源处理、利用浏览器缓存、CDN加速、按需加载和性能分析工具。,Vite使用Rollup,所以Rollup的优化手段同样适用,比如代码分割、Tree-shaking。,Vite本身的启动速度已经很快,但可能有些配置可以进一步优化,比如调整插件、避免不必要的依赖预构建。需要注意Vite和Webpack的不同之处,比如开发环境下Vite无需打包,但生产环境下还是需要构建,所以优化重点可能在生产阶段的Rollup配置和插件使用。
2025-02-19 13:39:58
694
原创 不为人知的CSS技巧:提升前端效果的8个隐藏宝藏
CSS是Web开发中不可或缺的工具,随着前端技术的不断发展,许多CSS属性和特性已经变得非常常见,如Flexbox、Grid、Box Model等。然而,CSS中还有许多不太被开发者广泛使用,但却非常强大且富有创造性的特性。这些特性不仅能够帮助我们提升开发效率,还能实现更加精致和灵活的设计。本文将介绍一些不常用但极具实用性的CSS特性。这些特性可能在日常开发中被忽略,但一旦掌握并应用,将会带来显著的性能提升和视觉效果的改进。希望本文能帮助你发现并利用这些隐藏的CSS宝藏,提升你的前端开发技能。
2025-02-13 13:15:52
511
原创 别再DeepSeek本地部署了,低配版本根本没用!用这招5分钟用上满血版DeepSeek-R1!!!!!
相信大家都知道春节期间爆火的 DeepSeek。但是最近在和 AI 对话时经常会得到 服务繁忙 的回复那现在就极度需要一个好的方法来使用DeepSeek。
2025-02-08 14:53:29
314
原创 HarmonyOS 应用级状态管理(LocalStorage、AppStorage、PersistentStorage)
【代码】HarmonyOS 应用级状态管理(LocalStorage、AppStorage、PersistentStorage)
2024-10-16 14:53:13
1921
原创 webpack serve --open启动项目 node 报错 import fs, {constants as fsConstants} from ‘node:fs/promises‘;
webpack serve --open启动项目 node 报错 import fs, {constants as fsConstants} from 'node:fs/promises';
2024-09-27 14:58:01
1938
原创 HarmonyOS- 哪位大佬遇到过----- 在组件中调用生命周期 aboutToAppear,当逻辑中存在 if 逻辑判断时,会重复执行多
问题: 在aboutToAppear声明周期中执行 if 逻辑判断 ,if中的逻辑会重复执行。大家有遇到过的吗,这个是什么情况。
2024-08-30 17:04:22
343
2
原创 HarmonyOS 端云一体化 -- 项目初始化
为丰富HarmonyOS对云端开发的支持、实现端云联动,DevEco Studio推出了云开发功能,开发者在创建工程时选择云开发模板,即可在DevEco Studio内同时完成HarmonyOS应用/元服务的端侧与云侧开发,体验端云一体化协同开发。
2024-08-15 17:49:22
900
2
原创 HarmonyOS WebView
HarmonyOs 的webview相较于其他技术栈的webview开发容易太多了,二者之前交互也更加容易
2024-08-13 17:36:14
2104
1
原创 Harmony OS 后台任务-代理提醒
应用退到后台或进程终止后,仍然有一些提醒用户的定时类任务,例如购物类应用抢购提醒等,为满足此类功能场景,系统提供了代理提醒(reminderAgentManager)的能力。当应用退至后台或进程终止后,系统会代理应用做相应的提醒。当前支持的提醒类型包括:倒计时、日历和闹钟。
2024-08-12 16:30:10
686
原创 Harmony OS 后台任务-长时任务
应用退至后台后,在后台需要长时间运行用户可感知的任务,如播放音乐、导航等。为防止应用进程被挂起,导致对应功能异常,可以申请长时任务,使应用在后台长时间运行。
2024-08-08 10:14:20
1267
原创 Harmony OS 后台任务-短时任务
应用退至后台一小段时间后,应用进程会被挂起,无法执行对应的任务。如果应用在后台仍需要执行耗时不长的任务,如状态保存等,可以通过本文申请短时任务,扩展应用在后台的运行时间。
2024-08-08 10:11:41
322
原创 Harmony OS 后台任务
正常情况下为了保证手机的流畅度,设备返回主界面、锁屏、应用切换等操作会使app切到后台,手机app切到后台就不工作了,但是有些时候在app切到后台还得执行,比如页面操作但是没有执行完成的任务、音视频播放、闹钟等
2024-08-08 10:10:29
402
原创 Harmony OS 用户通知服务
将应用产生的通知直接在客户端本地推送给用户,本地通知根据通知类型及发布场景会产生对应的铃声、震动、横幅、锁屏、息屏、通知栏提醒和显示。
2024-08-06 14:59:39
1531
原创 Harmony OS 卡片能力
在 API12 的版本内 => 把 卡片 分成两种 -> 静态卡片: 不允许其他事件的触发( 只能进行整体事件触发 ), 并且需要使用 FormLink 组件包裹 -> 动态卡片: 可以触发其他事件, 但是不能使用 FromLink 来触发拉起 Ability
2024-08-05 16:45:20
764
原创 uniapp踩坑 uni.showToast 和 uni.showLoading
uni.showLoading 和 uni.showToast 混合使用时,showLoading和showToast会相互覆盖对方,调用hideLoading时也会将toast内容进行隐藏。
2024-05-07 17:21:32
3364
原创 微信SDK授权获取定位踩坑--getLocation:invalid signature
1.wx.config 报错 invalid signature 2.wx.config 报错 invalid url domain 3.wx.getLocation ios正常调用返回,安卓报错 getLocation:invalid signature
2024-04-23 18:03:55
2286
10
原创 实现 ElTable 超长显示 … 并且鼠标移入有tooltip
现在看table中的逻辑吧,,因为我们是对table的二次封装用的tsx,这块主要的问题是,如何绑上指令。引入第三方组件库,我用的是这个版本 “@popperjs/core”: “^2.11.8”使用指令的方法 在 mouseover 的时候判断是否渲染。现在我们定的方案是在table渲染完再做tooltip的判断。现在就可以愉快享用了,祝君好运。这样 指令就可以使用啦。
2024-04-02 17:58:05
1016
原创 git commit使用husky校验代码格式报错 因为没有将钩子 ‘.husky/pre-commit‘ 设置为可执行
这个错误是由于系统无法找到 ‘.husky/commit-msg’ 文件或目录导致的。通常,这是因为你的项目中缺少了 ‘.husky’ 目录或者该目录中缺少了 ‘commit-msg’ 文件。然后,检查 ‘.husky’ 目录中是否包含 ‘commit-msg’ 文件。这样应该就可以解决报错问题。如果问题仍然存在,请确保你的文件路径正确,并且确认你已经安装了 husky 插件。首先,请确保你的项目中存在 ‘.husky’ 目录。
2024-01-11 13:23:27
2091
1
原创 egg初体验
开启插件需要放在 plugn.js 中,这块官网写的确实不是很细,给初学者很不友好,这里我刚开始按照官网直接配置有问题,数据库就连不上。使用 server 层中连接数据库,返回数据,controller 中做逻辑处理。按照官网的步骤做就好了。配置数据源也不能按照官网的来,和上面一样,我卡了挺久,查了好久资料。配置完这两步,就可以开始crud了。连接mysql需要用到插件 egg-mysql,参考官网-教程-访问文件,具体文件操作可以看这两个文章,输出hello word。
2023-10-20 10:02:22
255
原创 electron 基础项目搭建 &&主线程和渲染线程的通信
electron 基础项目搭建,简单的项目实现主线程和渲染线程的通信下面中提到的contextBridge是两个线程通信方式 --- 桥接模式
2022-06-23 22:44:04
1447
原创 Vue3 中使用 TypeScript --- 给 Vue 中的 数据 标注类型
像 TypeScript 这样的类型系统可以在编译时通过静态分析检测出很多常见错误。这减少了生产环境中的运行时错误,也让我们在重构大型项目的时候更有信心。通过 IDE 中基于类型的自动补全,TypeScript 还改善了开发体验和效率。Vue 本身就是用 TypeScript 编写的,并对 TypeScript 提供了头等的支持。所有的 Vue 官方库都提供了类型声明文件,开箱即用。Vite 天然支持引入 .ts 文件。Vite 仅执行 .ts 文件的转译工作,并不执行任何类型检查。并假设类型检查已经被你的
2022-06-22 21:59:11
2612
原创 Vue 全局状态管理工具 pinia
- 本文的使用时针对于 Vue3 来展开的- 当然了项目是是基于 `vite` 创建的- 其实有 vuex 的基础 pinia 使用起来会非常简单
2022-06-22 21:57:56
346
1
原创 react- redux 3 优化
- 1.问题 - 问题 1 取值麻烦 `store.getState().name` - 问题 2 改值麻烦 `actionCreatore[CHANGE_AGE](29);` - 问题 3 引入文件太多- 2.解决问题 `react-redux` - 通过 provider 提供其将 store 挂载到根组件的上下文 - 通过 connect 将组件进行处理 简化了获取数据 和 监听的操作 - 将 state 映射到 props 里 - 将 dispath 映射
2022-06-15 17:20:22
177
原创 react- redux 2 基础使用
redux的基本使用,读完本文章,redux你已经可以进行简单的使用了,不过使用起来有点繁琐,详细请看后续文章,redux的优化使用
2022-06-15 17:19:46
135
原创 react- redux 1 自己手写一个 redux 便于理解
1. 全局状态值在组件里都能访问到 * 在原型上添加属性来作为全局状态 * context * 单独在内存中存放一个对象来做state的管理2. 修改数据, 用户通过dispatch 触发 数据修改函数, 返回新的数据赋值给state3. 页面更新 需要的组件通过subscribe 注册一个函数,保存到store对象的lister数组里 数据改变的时候需要更新 事件分发...
2022-06-15 17:18:08
122
原创 react- immutable
- 不可变数据 数据一旦被创建就不修改- 对 immutable 数据做操作的时候都会返回一个新的 immutable 对象, 修改对象的值和原值一样 相当于是没修改- https://immutable- js.com/docs/v4.1.0- js 中原生的数据结构 obj arr 实现队列 堆 栈- 数据修改的时候 只有修改的节点的父级会产生影响,其他的都是复用 效率高- 优点- 节省内存 优化代码 深拷贝- 函数式编程- 可以溯源,所有改变数据的操作都会记录- 缺点- 需要学习新
2022-06-15 17:17:18
163
原创 react---portal
全局 modal 组件zindex 层级问题样式覆盖问题所以我们选择挂载 body 上portal 组件嵌套结构没有发生改变,只是 dom 的渲染位置变了portal 处理过的组件虽然 dom 渲染结构发生改变但是依然可以按照 组件嵌套结构进行冒泡...
2022-06-15 17:16:10
301
原创 react---context上下文信息
- 1. 创建 context 对象- 2. 对上线文对象处理,目的是提供者和消费者配对- 3. 通过 provider value 属性提供数据- 4. 通过 consumer 消费者获取数据- 5. context 上下文的数据直接修改无效,在传递 value 的同时传递一个修改上下文的方法- 6. 是否能够放多个上下文...
2022-06-15 17:15:31
354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人