- 博客(315)
- 资源 (24)
- 收藏
- 关注
RSS订阅原创 手把手教你用 react-intl 实现国际化
在项目中创建不同语言对应的消息文件，这些文件通常是 JSON 格式，用于存储不同语言的文本信息。在需要使用国际化文本的组件中，引入 useIntl 钩子（函数式组件）或 injectIntl（类组件）来获取翻译函数。在应用的根组件中引入 IntlProvider，并根据用户选择的语言或浏览器默认语言提供相应的消息资源。首先，你需要在项目中安装 react-intl。
2025-03-20 11:41:43
193
原创 手把手带你配置：mac电脑react- native环境
Node.js 是 JavaScript 运行环境，Watchman 用于监控文件系统变化。
2025-03-04 15:50:29
270
2
转载 从0到1构建部署Arbitrum Stylus合约的完整流程
创建 .env 文件存储自己的私钥（在根文件夹里创建，直接把私钥放在.env 文件里，如下图所示，切记只在测试时使用这种私钥存储方法，主网生产时使用此方法存储私钥容易被盗），存储私钥后运行部署命令。安装 Stylus CLI 工具，它用于协助在 Rust 中构建、验证和部署 Arbitrum Stylus 程序。添加 WASM (WebAssembly) 作为 Rust 编译器的构建目标。安装 foundry 用于 Ethereum 远程调用，便于我们后续调试。成功后，继续执行，安装 foundry。
2025-02-27 11:04:12
39
原创 VSCode AI提效工具，通义灵码前端开发体验
安装依旧很简单，vs code拓展插件中搜索就出来了，记住下边这个图标。这对程序员提效真的太哇塞了，有数据显示可以直接节省12%的开发时间。只要你描述的够详细，需求实现的越完善，这在同类产品中确实出众👍！重要的是个人版完全免费，这对普通开发者简直太友好了。（1）根据我的需求描述，进行功能需求分析。（2）生成的完整项目结构，及详细的代码。
2025-02-19 20:09:54
566
原创 vue3 项目如何接入 AI 大模型
例如，定义一个message数据模型用于绑定输入框，创建sendMessage方法处理发送消息的逻辑，包括将用户输入的消息发送到后端API，并接收AI的回复。创建对话组件：在src/components目录下，创建一个如Chat.vue的组件文件，用于实现对话功能。注册对应AI平台的账号，进入账户设置页面找到“View API Keys”或类似选项，创建属于自己的API密钥，并妥善保存。确定要接入的AI模型，如OpenAI的gpt-3.5-turbo、科大讯飞的星火大模型等。
2025-02-14 15:08:56
998
原创 本地部署deepseek的具体方法，无需联网也能使用AI了
Ollama 是一个开源的本地大语言模型运行框架，旨在帮助用户在本地机器上轻松部署和运行大型语言模型（LLM），而无需依赖外部服务器或云服务。Ollama 为开发者和终端用户提供了简单高效的接口，使得本地运行和管理大型语言模型变得更加便捷。这里以7B模型为例，根据你的硬件配置，也可以选择其他大小的模型，如1.5B、8B、14B等。如果需要通过网页使用，可以下载并安装支持Ollama的网页应用。在终端中输入问题，即可与DeepSeek进行交互。然后在网页应用中选择Ollama作为模型提供方。
2025-02-05 11:07:53
1129
原创 如何快速创建一个 vue3 项目？
Vue CLI：功能强大，支持多种配置和插件，适合复杂项目。Vite：开发体验极佳，启动速度快，适合现代前端项目。官方模板：简单快捷，适合快速上手。StackBlitz 和 CodeSandbox：在线编辑，无需本地环境，适合快速原型开发和学习。你可以根据自己的需求和偏好选择适合的方法来创建 Vue 3 项目。
2025-01-17 10:08:06
1037
原创 一文读懂 React 的 Fiber 架构到底是什么？
React 的 Fiber 架构是 React 16 版本引入的一种新的架构，旨在改善 React 的渲染性能和用户体验。
2025-01-16 18:31:54
516
原创 react 与 vue 的比较，以及如何选择？
如果项目对性能有特别高的要求，需要进行大量的数据处理和复杂的交互，React 的虚拟 DOM 和优化的渲染算法（如 Fiber）能够提供更好的性能表现。丰富的第三方库：React 拥有庞大的生态系统和丰富的第三方库，用于状态管理（如 Redux、MobX）、路由（如 React Router）、表单管理（如 Formik）等。模板语法：Vue 使用基于 HTML 的模板语法来描述组件的 UI，开发者可以在模板中使用指令（如 v-if、v-for、v-model）来实现条件渲染、列表渲染和双向数据绑定等。
2025-01-16 17:37:36
1447
原创 echarts 如何实现饼图只展示前4个扇形的 label 标签？
产品的需求千奇百怪，但作为一个万能前端怎么能难倒我呢？借助 AI 工具这不分分钟就解决了吗，来吧展示！
2025-01-04 16:36:19
316
原创 解决 echarts 在部分浏览器下显示模糊的问题。
主要是渲染方式的区别，根据分辨率的大小选用不同的渲染器。屏幕分辨率宽度大于1920时使用SVG渲染器，小于1920时使用Canvas渲染器的策略是合理的。使用SVG渲染器：SVG渲染器适合矢量图形和高分辨率显示。由于SVG不依赖屏幕分辨率，不会失真，因此在高分辨率屏幕上使用SVG渲染器可以保持图表的清晰度和质量。此外，SVG渲染器在移动端的总体表现更好，特别是在内存占用和渲染性能方面。使用Canvas渲染器：Canvas渲染器适合绘制图形元素数量非常大的图表，也利于实现某些视觉特效。
2024-12-17 10:53:52
454
原创 JSON.parse(JSON.stringify(obj)) 实现深拷贝的优缺点
JSON.parse(JSON.stringify(obj)) 是一种实现深拷贝的简单方法，适用于简单的对象结构。但对于复杂的数据结构或特定的数据类型（如函数、正则表达式等），这种方法可能并不适用。在实际使用时，需要根据具体的需求和对象结构选择合适的方法来实现深拷贝。对于上述问题，可以考虑使用其他深拷贝方法，例如递归拷贝函数或第三方库（如 lodash 的 _.cloneDeep）来实现更可靠的深拷贝[] : {};return obj;
2024-12-04 11:30:13
421
原创 【js|被忽略的代码技巧】用 return 优化代码
我猜很多小伙伴跟我一样，习惯于用 if…else 做逻辑处理，但你有没有想过，这其实是可以优化的……如你可见，过多的逻辑嵌套无法一眼看清楚整个逻辑。更严重的是，随着代码量的增加，同样会增加出错的概率。即在遇到异常情况或不符合条件时，立即返回并结束函数。把最理想的情况留到最后处理。来吧，我们来优化一下这个逻辑。
2024-12-02 17:25:02
221
原创 vue 项目自动生成组件说明文档 styleguidist
具体编写规则参照官方文档：https://vue-styleguidist.github.io/docs/Documenting.html。生成配置文件及安装 vue-cli-plugin-styleguidist （vuecli 的对应插件）在我们的项目中，只要你想你就可以根据配置生成自己想要的组件文档，支持网页端展示。默认会识别 src/components 下的组件文件.配置package.json脚本。（3）根据文档要求增加注释。（4）生成组件说明文档。
2024-11-13 13:19:56
586
1
原创 前端开发利器：npm 软链接
npm 软连接是为开发的模块创造一个全局链接，方便在主项目中使用依赖的模块进行测试。我们可以使用npm link指令将模块链接到项目中，使用软链接，能够避免重复繁琐的打包发布操作。
2024-11-08 16:54:04
637
原创 【性能优化】如何优雅的导入资源，不再满屏 import
我想这是很多前端人的经历，打开一个文件，满屏满眼都是 import，尤其是路由啊、接口啊相关的代码部分。那你有没有想过优化呢？我猜你有，只是苦于没有思路，这不就来了吗。
2024-10-23 15:11:51
269
原创 webpack打包识别无用文件的具体方法
打包时自动在项目的根目录下生成unused-files.json, 保存着无用文件的列表。在vue.config.js中。
2024-10-18 10:35:46
356
原创 zb-table 中单元格的 style 的回调方法 this为 undefined 的解决方法
我们在使用 zb-table 表格组件的时候，有时候会通过 props 中的数据进行判断，但这时候在style 的回调方法中无法使用 this，这就很尴尬了。通过在全局定义 _this，然后在 created 钩子函数中将 this 赋值给 _this 即可。
2024-10-12 09:17:37
293
原创 vue 中如何实现鼠标拖动出发滚动条的跟随移动？
如果要实现鼠标辅助触发滚动条的移动，需要借助 mousedown，mouseup，mousemove 三个事件，通过鼠标的移动来动态修改滚动条的scrollLeft和scrollTop,来模拟实现滚动条的位置变更。在做弹窗、表单或 tab 切换需求的时候，有时候因为内容过长会导致出现滚动条，但是只能拖动滚动条时会导致操作不便，我们会希望实现通过拖动内容区实现滚动条的滑动。这样操作就会简单多了。为方便复用，我们可以创建一个类来封装鼠标事件，使用时把事件挂载到指定容器即可。这样就实现啦，就是如此简单！
2024-09-20 11:00:29
896
原创 el-table 如何实现行列转置？
在某些需求里需要用到 行列转置 的表格，但 el-table 提供的基本表格是不支持行列转置的，这样就需要对这个表格进行二次开发。
2024-09-14 13:57:21
660
原创 code eintegrity npm err sha512
当 出现报错的时候：你应该这样去解决：删除 文件，重新执行 npm install。 错误码表示在npm缓存中无法找到 指定sha512校验合的模块。出现这个问题的原因是缓存不一致，一般安装前端依赖时的package-lock.json会记录每个依赖的文件校验和，再安装依赖时如果出问题就是缓存变了而package-lock.json还是旧的，常见于全局缓存。如果依然解决不了问题，可以尝试以下的方法。方案1 删除package-lock.json适用于当前构建目录有package-lock.json文
2024-09-12 10:58:23
1417
原创 记录 vue-router 跳转到第一个有权限的菜单的实现方式
由于现代浏览器的安全策略，特别是对于弹窗窗口的限制，直接使用 window.open 可能会被浏览器阻止或放入通知中心，尤其是当它是由非用户直接操作触发的时候（比如响应鼠标点击以外的事件）。需要实现一个动态路由，并且点击进来加载的页面是第一个有权限的页面。钩子中加入跳转逻辑，从获取的动态路由中匹配第一个加上即可。如果要跳转到其他项目的页面，可以通过。
2024-09-07 16:07:08
636
原创 element ui form 表单出现英文提示的解决方案
这时候如果需要设置必填项，此时的 require 需要配置在 el-input 中，或者直接配置在 rule 中。出现的原因是在el-form-item中使用了required属性，同时又用rules自定义了表单验证规则。
2024-09-06 15:48:05
1242
原创 windows 如何使用免安装版 node？
由于工作需要，本机无法自主安装软件，于是产生了这样一个需求。苦寻全网良久才实现，所以必须把这个过程记录下来，以防后期再次遇到同样的问题。
2024-09-05 11:09:17
1023
原创 如何解决 iframe 在浏览器 125%、150% 下分辨率的适配问题
有些业务场景（比如单点登录）下，我们依然会用到 iframe 这种嵌套页面的方式。但因为会涉及跨域、跨页面的问题，导致浏览器的适配就变成了一个问题，以下纪录了这种问题的解决方案，供大家参考。来传递数据，如果不涉及跨域问题的话，可以直接更改样式或者在 css 中修改。我们可以通过设置 load 事件确保加载完成之后再执行适配方案。需要注意的是，这里我们使用了。
2024-09-02 10:38:30
315
原创 强大的 solidity 框架：Foundry 之命令行工具 — Cast
Cast 是 Foundry 用于执行以太坊 RPC 调用的命令行工具。我们可以使用 Cast 进行智能合约调用、发送交易或检索任何类型的链数据。
2024-08-23 19:29:59
430
原创 强大的 solidity 框架：Foundry 轻松上手
Foundry 是一个强大的 Solidity 开发框架，帮助开发者高效地构建、测试和部署智能合约。优势以 solidity 为第一公民，可以完全使用 solidity 开发与测试强大的测试功能，方便模拟各种情况，支持模糊测试使用 rust 语言编写，包含一系列可以与 Ethereum 交互的工具安装安装完成后，会自动安装 forge, cast, anvil, Chisel 工具。
2024-08-23 19:12:29
1097
原创 【solidity学习】继承
super.函数名(): 调用父合约的方法。virtual：说明此方法可以被重写。override: 重写父合约的方法。
2024-08-21 18:24:21
162
原创 【solidity 学习】错误处理机制汇总
最近我在 solidity ，其中关于错误处理机制有三种：revert、require、assert。最近发现了一个很好的学习 web3 知识的平台，可以逐步学习 web3 知识，并且经常组织一些线上线下的活动鼓励大家稳步学习。
2024-08-20 17:39:26
319
利用ollama搭建本地deepseek服务
2025-03-04
中文简历模板（可编辑）
2025-02-14
英文简历模板（可编辑）
2025-02-14
influxdb详解-从入门到精通
2022-11-25
processing 可视化设计工具
2022-06-02
前端vue项目实现返回顶部功能的两个超简单方法
2022-03-29
微信小程序表单验证.rar
2021-10-19
微信小程序自定义时间选择器
2021-05-27
wx-timePicker-master.rar
2021-03-24
mac版本 git 图形化工具Sourcetree 安装包.zip
2020-06-24
Snipastemac 截图
2020-05-25
git基础知识整理.pdf
2020-01-02
flowup鼠标滚动页面缓慢滑出的效果插件下载
2019-12-18
快速自学JavaScript的基础语法
2019-11-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人