自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(92)
  • 收藏
  • 关注

原创 Vite 项目优化 (一)

最后,总结几个主要的优化点:依赖预构建配置、生产构建的压缩和代码分割、静态资源处理、利用浏览器缓存、CDN加速、按需加载和性能分析工具。,Vite使用Rollup,所以Rollup的优化手段同样适用,比如代码分割、Tree-shaking。,Vite本身的启动速度已经很快,但可能有些配置可以进一步优化,比如调整插件、避免不必要的依赖预构建。需要注意Vite和Webpack的不同之处,比如开发环境下Vite无需打包,但生产环境下还是需要构建,所以优化重点可能在生产阶段的Rollup配置和插件使用。

2025-02-19 13:39:58 694

原创 webpack 项目优化(二)

通过组合使用上述策略,可覆盖从代码编译到资源加载的全链路优化,尤其适合中大型项目或对性能要求极高的场景。

2025-02-17 14:44:49 1090

原创 webpack 项目优化(一)

通过结合项目实际情况选择优化手段,可有效提升开发效率和用户体验。

2025-02-17 14:40:02 1079

原创 不为人知的CSS技巧(二):提升前端效果的4个隐藏宝藏

【代码】不为人知的CSS技巧(二):提升前端效果的4个隐藏宝藏。

2025-02-13 14:21:32 303

原创 不为人知的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 鸿蒙面试第一弹

【代码】HarmonyOS 鸿蒙面试第一弹。

2024-10-16 15:06:00 2837 1

原创 HarmonyOS 通过用户首选项实现数据持久化

【代码】HarmonyOS 通过用户首选项实现数据持久化。

2024-10-16 14:55:54 845

原创 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

原创 小程序与内嵌webview的数据交互

小程序与内嵌webview的数据交互

2024-05-21 15:38:22 2464

原创 uniapp踩坑 uni.showToast 和 uni.showLoading

uni.showLoading 和 uni.showToast 混合使用时,showLoading和showToast会相互覆盖对方,调用hideLoading时也会将toast内容进行隐藏。

2024-05-07 17:21:32 3364

原创 h5键盘弹出收起时引起的页面变化

键盘弹出时会导致窗口发生变化,置于底部的操作项会被顶上来,所以在键盘弹出的时候处理一下页面节点

2024-04-25 13:30:19 1059

原创 微信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

原创 前端通过 canvas 实现给图片打水印

前端通过 canvas 实现给图片打水印

2024-04-18 13:37:02 957

原创 实现 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

原创 Vue2 到 Vue3 有哪些变化

vue2 到 vue3

2022-06-20 22:17:23 396 1

原创 react- redux 3 异步请求处理 && 模块化

redux 中的异步处理redux 中的模块化

2022-06-15 17:23:41 348

原创 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

原创 原生微信小程序项目基础框架搭建

原生微信小程序项目基础框架搭建

2022-06-13 22:37:26 2457

原创 Vue.confing.js

Vue.confing.js

2022-06-10 22:05:36 60

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除