- 博客(135)
- 收藏
- 关注
RSS订阅
原创 el-table动态渲染列、可编辑单元格、虚拟无缝滚动
针对日常开发的组件二次封装、方案设计实现。包括对el-table的动态渲染、单元格编辑；对于无缝滚动的实现，优化大数据量下的页面卡顿问题。1. el-table实现动态渲染列常规使用el-table<template> <el-table ref="multipleTable" :data="data" > <el-table-column prop="family_name" label="姓名" align="center">
2022-05-01 15:36:25
12522
8
原创 常用浏览器API-URL、File、FormData
面向对象编程,目前还是主流,个人也比较喜欢细化组件、切割对象.这样看起来比较清晰、每个对象职责单一,不会混淆造成混乱.前端经常会和浏览器打交道,在处理一些与浏览器相关的逻辑时,就会调用浏览器API,整理日常会用到的API对象.
2021-08-21 16:09:04
1455
原创 vue 实现 el-select 下拉选项的懒加载
下拉选择是常用的用户交互选择的操作;常用固定选择项或者动态渲染选择项.实际项目中存在数据量大,一次性渲染很多数据会造成下拉卡顿的问题, 通过滚动懒加载,逐步增加下拉选项.
2021-06-29 20:03:59
5525
6
原创 Vue 系列 - v-model自定义组件结合el-form做表单校验
1. ElementUI form表单基本使用 , 表单校验流程.2. v-model 自定义组件 , 并结合element from进行校验.
2021-04-09 23:49:39
6206
3
原创 vue-cli项目升级rsbuild，效率提升50%+
在项目中，原有的vue-cli脚手架打包时间过长，严重影响了开发效率。为了提升开发效率并缩短打包时间，最终选择了rspack作为替代方案。rspack是webpack的平替，兼容webpack插件，迁移成本较低。尽管在迁移过程中遇到了一些问题，如编译时间未如预期缩短，但通过性能分析和社区支持，最终通过降级rspack版本至1.2.19，成功将编译时间从几分钟缩短至50秒，显著提升了开发效率。迁移过程中，移除了vue-cli相关依赖，安装了rsbuild及其插件，并调整了配置文件，最终实现了从vue-cli到
2025-05-14 22:01:27
660
原创 rust 全栈应用框架dioxus server
本文介绍了如何在dioxus全栈应用框架中集成后端服务。首先，通过修改Cargo.toml文件，增加dioxus的fullstack特性，并移除默认的web平台设置，添加server服务端功能。接着，展示了如何定义和使用内连服务（RPC），通过#[server]宏定义异步服务端函数，并在前端组件中调用。文章还提到在web平台上无法直接运行服务端程序的问题，并建议改用desktop平台进行测试。最后，介绍了如何手动注册服务，并通过条件编译实现前后端代码的分离，确保在特定平台上只编译相关代码。
2025-05-12 22:58:02
815
原创 rust 全栈应用框架dioxus
全栈应用框架dioxus,适用于webdesktopmobile。零配置、集成了热启动和基于信号的状态管理。是由rust编写的，所以也就不受平台限制。
2025-04-29 20:49:14
1475
原创 rust 前端npm依赖工具rsup升级日志
部署了rustup文档服务网站往期rustup模式匹配、trait 特征行为、必包、宏多线程任务执行并发线程间的数据共享包、模块，引用路径开发一个命令行工具rust 命令行工具rustup管理前端npm依赖。
2025-02-24 21:41:48
1273
原创 rust 实例化动态对象
这几种实现方式都有一定的使用场景，根据实际需求选择合适的方式。rust 集合、错误处理、泛型、Trait、生命周期、包并发线程间的数据共享。
2025-02-20 18:21:28
938
原创 vue-cli项目配置使用unocss
在了解使用了Unocss后，就完全被它迷住了。接手过的所有项目都配置使用了它，包括一些旧项目，也跟同事分享了使用Unocss的便捷性。这里分享一下旧项目如何配置和使用Unocss的，项目是构建的，
2025-01-12 11:49:22
1465
原创 Quill富文本实现内容自定义格式format
在使用`quill`富文本编辑器时，我们输入文本会被作为类似DOM节点的数据对象存储在内部，渲染时生成相应的DOM节点。这是`quill`的文档模型`Parchment`,它提供了多种内容节点类型，如`Inline` \ `Block` \ `Embed`等。
2024-12-09 22:48:29
1900
2
原创 Quill 富文本编辑器实现自定义font-size
使用quill实现富文本编辑，除了设定默认值，也可以自定义值。通过自定义font-size来看看如何实现自定义工具栏值。
2024-11-27 08:40:29
1221
原创 学会Github Actions自动发布版本
Github Actions是一个 CI/CD 工具，可以自动执行代码仓库中的任务，比如构建、测试和部署等。学会Github Actions，解放自己的双手。
2024-09-12 20:30:26
1875
1
原创 rust 命令行工具rsup管理前端npm依赖
rsup - npm依赖版本管理工具。远程请求依赖包，获取依赖的版本信息，并从中过滤出当前版本的最新版本信息；通过 web 页面展示这些数据。选择性升级或者批量升级依赖到最新版本。
2024-09-06 00:05:31
1636
原创 setInterval 定时任务执行时间不准验证
一般在处理定时任务的时候都使用间隔定时调用任务。这是由于浏览器执行 JS 是单线程模式，使用定时执行的回调只会在线程空闲时调用。
2024-06-22 21:48:15
1417
原创 Web Worker 学习及使用
Web Worker提供了可以在后台线程中运行 js 的方法。可以不占用主线程，不干扰用户界面，可以用来执行复杂、耗时的任务。在worker中运行的是另一个全局上下文，不能直接获取 Window 全局对象。
2024-06-22 21:32:10
1464
原创 基于trunk、yew构建web开发脚手架
trunk 构建、打包 rust wasm 程序；yew web 前端开发库；构建前端开发脚手架，包括路由、网络请求；
2024-05-22 22:06:47
1279
原创 rspack 使用构建vue3脚手架
基于 Rust 的高性能 Web 构建工具。rspack 主要适配 webpack 生态，对于绝大多数 webpack 工具库都是支持的。
2024-04-13 14:18:13
2002
原创 rust 面向对象编程特性、模式与模式匹配、高级特征
学习了结构体、枚举，它们可以包含自定义数据字段，也可以定义内部方法，它们提供了与对象相同的功能。面向对象的四大特征：封装、继承、多态
2024-04-05 23:38:21
1223
1
原创 rust 创建多线程web server
创建一个 http server，处理 http 请求。web server 中主要的两个协议是 http 和 tcp。tcp 是底层协议，http 是构建在 tcp 之上的。
2023-10-28 17:39:45
741
原创 echarts 饼图的label放置于labelLine引导线上方
以上两种配置完基本可以看到文本与引导线在同一水平位置了。想要实现将文本放置在引导线上方，效果长这样。y 方向上的偏移量，调整到合适位置。配置标签布局，设置垂直对齐方式。一般的饼图基础配置后长这样。
2023-08-05 23:56:23
9045
原创 echarts 图例组件legend配置
默认的图例数据会从系列中获取，如果需要设置不同的图例样式或者不需要展示某个系列图例则可设置数据。图例的数据字段name必须是系列中的系列名称或数据名,
2023-08-05 22:57:08
7294
原创 rust 自动化测试、迭代器与闭包、智能指针、无畏并发
编写测试可以让我们的代码在后续迭代过程中不出现功能性缺陷问题；理解迭代器、闭包的函数式编程特性；`Box`智能指针在堆上存储数据，`Rc`智能指针开启多所有权模式等；理解并发，如何安全的使用线程，共享数据。
2023-07-09 12:23:24
870
2
原创 rust 集合、错误处理、泛型、Trait、生命周期、包
集合组织特性相同的数据；泛型可以定义任何抽象数据类型；生命周期限制所有权的作用域范围；错误处理使程序更健壮。
2023-06-23 14:41:51
933
原创 rust 使用第三方库构建mini命令行工具
扩展增加一些 crate 库。这些基础库在以后的编程工作中会常用到，他们作为基架存在于项目中，解决项目中的某个问题。
2023-06-18 00:02:45
2536
7
原创 rust学习 - 构建mini 命令行工具
rust 的运行速度、安全性、单二进制文件输出和跨平台支持使其成为构建命令行程序的最佳选择。实现一个命令行搜索工具grep,可以在指定文件中搜索指定的字符串。
2023-06-08 22:08:24
1373
2
原创 rust 初识基础： 变量、数据类型、函数、所有权、枚举
了解到 rust 和 WebAssembly 的结合使用，可以构建前端应用，而且性能也比较好。初步学习使用rust 是预编译静态类型语言。
2023-05-28 12:37:55
1450
2
原创 初识rollup 打包、配置vue脚手架
rollup javascript 代码打包器，它使用了 es6 新标准代码模块格式。面向未来，拥抱 es 新标准，支持标准化模块导入、导出等新语法。tree shaking 静态分析导入的代码。排除未实际引用的内容
2023-03-09 22:26:38
1853
1
原创 uniapp 开发微信小程序问题笔记
最近接手了一个小程序开发，从头开始。使用了 uniapp 搭建，以前没有做过小程序开发，着手看文档、查文档。一步一步完成了任务的开发。特此记录开发过程中的问题。
2023-01-02 16:06:10
3588
6
原创 vite配置多页面应用
通过配置多页面应用，从而将给子模块依赖分隔开各自加载，可以减少初始资源请求，加快访问速度。vite 实现多页面应用配置，访问各模块页面；
2022-09-03 18:42:11
6000
原创 vue3 sfc单文件组件中如何书写JSX语法？
最近一直在学vue3.并从头开始，搭建了vite+vue3的开发模板；vite+vue3 地址配置了sfc，jsx两种书写方式。想在单文件组件中书写jsx语法却总是报错。最后查找，只要预设script 处理语言lang="jsx"就好了。<template> <div></div></template><script lang="jsx"> export default{ data(){ return {
2022-07-29 18:28:04
909
2
原创 vite-vue3开发环境搭建
目前项目还未使用vite 以及vue3 。 计划下一个新的项目就是用，提前做个示例demo，根据以往的项目所需要的配置，搭建vite+vue3 代码架构；
2022-07-17 11:20:34
2732
原创 Vue基础知识 -过滤器、样式绑定、slot插槽内容分发
习惯了使用React， 偶尔接手Vue项目，使用的时候有点别扭，故做此笔记，以供时不时查看。1. 过滤器插值或绑定表达式。<p>{{name|formatValue}}</p><my-info :name="name|formatValue" />// ...export default{ data(){ return { name:"" } }, filters:{ .
2022-05-02 14:06:15
949
ifun-grep mini命令行工具实现文件内容搜索制定的字符串，rust学习demo实例
2023-06-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人