- 博客(115)
- 资源 (17)
- 收藏
- 关注
RSS订阅
原创 vite+vue3+ts简单例子todolist
vue3发布以来备受瞩目，与之起来的vite都是倍感神秘，在这里我们用一个todolist的小例子，来揭秘vue3+vite的面纱。本文是在《Vite + Vue3 初体验 —— Vue3 篇》的启发下写的，由于原文的代码和过程有一些需要注意的坑点，在这里我们会把步骤详细的整理以及简单的优化。创建项目使用vite创建npm init vite@latest输入项目名 如 vue-todolistvite可以构建多种框架的项目，这里选用vue选用vue-ts的组合，如果你对ts还不熟，需要
2022-03-01 20:28:15
4941
原创 新的好朋友Pinia，引领状态管理新时代
Pinia 是 Vue.js 的轻量级状态管理库，非常的受广大开发者的欢迎，尤大大更是强力推荐。Pinia作为Vue生态里Vuex的替代者，全新的Vue状态管理库，它的优势有哪些？比起Vuex好在哪些地方呢？我们就先来看看Vuex的五大优势。 可以对Vue2和Vue3做到很好的支持，也就是老项目也可以使用Pinia。 抛弃了Mutations的操作，只有state、getters和actions.极大简化了状态管理库的使用，让代码编写更加容易直观。 不需要嵌套模块，符合Vu..
2022-02-18 15:40:44
2602
1
转载 一起来揭开Vue 3.0的One Piece神vue+vite新体验
前言2020年9月19日凌晨，尤雨溪大大正式发布了3.0版本，代号：One Piece。vue从一开始就是以快速上手的特性被众多开发者欢迎的框架。在随着使用者的逐渐增多，框架的规范也在不断扩大，以适应不断增长的需求。随着时间的推移，它成为了所谓的“渐进式框架”：一个可以逐步学习和采用的框架，同时随着用户应对越来越多的需求场景而提供持续的支持。首先3.0版本的特点 在Vue3中，基于对象的 2.x API 基本没有变化，3.0 还引入了 [Composit...
2020-09-24 20:28:10
2943
原创 共享内存（SharedArrayBuffer）的使用，以及兼容性情况
推荐使用：需高频双向数据交互、处理大体积二进制数据（如三维模型、传感器流）的场景，且项目可接受现代浏览器兼容性（放弃 IE/Edge Legacy）。谨慎使用：对内存安全敏感的场景（如金融支付），或需支持低版本浏览器的项目。未来趋势：随着浏览器对的支持逐步稳定（如 Safari 16+ 已部分启用），其将成为高性能前端系统的标配技术，但安全配置仍需开发者重点关注。
2025-05-29 18:03:35
623
原创 三维可视化和实时数据处理对前端性能要求以及优化渲染效率
三维可视化和实时数据处理的性能优化需从计算并行化（Web Workers）、渲染轻量化（虚拟 DOM）、图形渲染优化（LOD/OC）、数据处理策略（节流 / 增量更新）等多维度切入。对于睿网电子这类聚焦垂直行业的企业，建议在技术选型上优先考虑行业成熟方案（如 Three.js+React 组合），同时针对特定场景（如高密度设备监控）定制优化策略，在功能丰富性与性能稳定性之间取得平衡。通过持续监控与迭代，可确保前端系统在数万级设备并发场景下仍保持 60FPS 的流畅渲染。
2025-05-29 17:26:54
954
原创 前端的面试笔记——Vue2/3（一）Vue2和Vue3的区别和优缺点
在面试中，Vue2 和 Vue3 的区别及优缺点是高频问题，需要从技术实现、开发体验、性能优化、新特性等多个维度进行对比。
2025-05-29 16:26:43
621
原创 前端的面试笔记——HTML&JavaScript篇（二）前端页面性能检测
前端页面性能检测和判定是优化用户体验的核心环节，需要结合（Field Data）和综合评估。
2025-05-19 16:38:01
1187
原创 前端的面试笔记——HTML&JavaScript篇（一）
页面渲染是浏览器解析、计算、绘制的复杂过程，核心优化点在于缩短关键路径（减少阻塞资源）、降低渲染计算成本（避免不必要的回流 / 重绘）、合理利用合成层加速。开发者需结合具体场景（如首屏渲染、动画性能），针对性优化各阶段性能，确保用户获得流畅的视觉体验。脚本类型是否阻塞HTML解析执行时机执行顺序同步脚本是解析到标签时立即执行顺序执行defer 脚本否DOM 解析完成后（前）顺序执行async 脚本否下载完成后立即执行（可能早于或晚于 DOM 解析）不保证顺序。
2025-05-19 11:42:07
1061
原创 前端的面试笔记——JavaScript篇（二）
instanceof运算符在检查对象与构造函数的继承关系时非常有用，但在使用过程中要特别注意基本类型、跨窗口对象以及原型修改等特殊情况可能带来的影响。在实际的编程工作中，你可以根据具体的使用场景，将instanceof与其他类型检查方法结合起来使用。浅拷贝：适用于单层对象，使用 Object.assign()、展开语法等。深拷贝：适用于复杂嵌套对象，推荐使用成熟库（如 Lodash）或手动递归实现。面试注意点：处理循环引用、特殊对象（如 Date、RegExp）、性能优化（避免过度递归）。
2025-05-15 11:36:38
903
原创 裸辞8年前端的面试笔记——JavaScript篇（一）
裸辞后的第二个月开始准备找工作，今天是第三天目前还没有面试，现在的行情是一言难尽，都在疯狂的压价。下边是今天复习的个人笔记。
2025-05-08 11:19:57
648
原创 java org.springframework.boot 对redis操作
如果你需要存储Java对象而不是简单的字符串，你可以使用来序列化和反序列化对象。@Bean// 所有字段全部可见，包括私有字段等。根据实际情况调整。// 设置序列化工具类。也可以自定义序列化工具类。例如：new CustomObjectMapper()。具体根据需要选择合适的序列化工具类。例如：new CustomObjectMapper()。具体根据需要选择合适的序列化工具类。例如：new CustomObjectMapper()。
2025-04-20 16:59:05
277
原创 在 Windows 上使用 choco 安装 mkcert 并配置 Vue 运行HTTPS
windows中解决vue2或vue3本地运行http转https问题
2025-03-13 19:19:52
934
原创 js树结构筛选,关键字查询和根据id值或某个属性的值从树结构中查询数据
js树结构筛选,关键字查询和根据id值或某个属性的值从树结构中查询数据，可以便捷的从属性数据中查找出所需数据
2024-10-12 16:58:13
809
原创 HTTP中的301、302实现重定向
HTTP状态码301和302用于实现重定向，其中301代表永久重定向，而302代表临时重定向。这两种重定向方式在网页开发、搜索引擎优化（SEO）以及用户体验方面扮演着重要的角色。
2024-09-21 09:56:13
2588
原创 js将阿拉伯数字转为中文数字(阿拉伯数字转为金额数字，包含大写中文数字)
里边有金额数字的格式化，以及阿拉伯数字转为中文大写金额数字的方法，在一些使用中文小写数字的时候就不适用，这里将方法进行了扩展使用更加完善。代码直接放到下方，可以直接封装成一个numberToChineseUpper.js 文件，使用时直接引入到相应的地方。
2024-06-28 13:17:52
610
原创 js直接下载附件和通过blob数据类型下载文件
js下载文件方式有使用a标签的，也有直接用window.open的，还有用form表单的；这里采用的是a标签的下载方式，一种是url直接下载，另一种是文件的blob数据类型进行下载。文件blob数据类型的获取一般是后端返回文件的二进制流，前端通过请求工具获取为blob数据类型进行下载；也可以这直接通过ajax或fetch等将url转化为blob数据类型，一些特殊的附件直接通过url下载，浏览器可能会将其打开，如：pdf。
2024-01-26 14:50:08
1678
原创 保姆级阿里云ESC服务器安装nodejs和服务器node服务管理工具PM2安装使用
保姆级在云服务器或服务器中安装nodejs教程，希望让你在安装的过程中少点烦恼和不必要的弯路，以及nodejs在窗口关闭后的持续执行工具pm2的安装和简单操作命令
2023-10-19 16:11:55
1564
原创 React antd table组件expandedRowRender属性添加后没有值隐藏展开操作的问题
今天突然被朋友问的antd table的展开子table的问题，在根据文档操作后发现并没有问题，但是在自己操作过程中想让数据中某行不展示+符号，看了文档并没有这样的属性或者值，网上查了一下也没查到，然后就根据文档在思考了，最后看到了expandIcon 这个属性，然后就跟句这个属性来进行修改了，主要的方案就是在icon这里判断如果符合不展示的条件，就不展示这个icon就可，其他的icon就正常显示，icon回调的参数里边还给了展开关闭的方法，看来这个就是解决这个问题的方案吧。
2023-03-23 20:09:36
1711
原创 CSS媒体查询@media (prefers-color-scheme:dark)判断系统白天黑夜模式
纯CSS监听系统黑夜模式，媒体查询修改黑夜模式中的样式，js获取黑夜模式的方法与使用
2023-03-02 19:14:31
3812
转载 Vue3 UI库/相关工具/可视化/生态全分享
40+ Vue3 实用工具、UI库、插件、生态，本群内容为技术胖在视频中分享，此处仅作为个人笔记使用和分享给其他需要帮助的前端小伙伴，技术胖的原视频链接。
2023-02-21 21:41:14
1187
原创 纯CSS锚点过渡效果，CSS3的属性scroll-behavior: smooth；轻松搞定置顶操作
CSS属性处理锚点滚动的过渡效果，以及过渡动画的实现操作；并通过过渡效果，轻松实现置顶效果
2022-09-26 19:12:14
4561
原创 TypeScript基础学习笔记
以下为在学习ts过程中笔记，为自己认为需要谨记的点，再次整理出来为了以后自己能温故知新，若有幸被哪位读者所读到也有所帮助的，还是非常庆幸的。由于下方为个人的学习笔记，基础知识内容不多，如有需要的朋友可以到TypeScript官网学习，这里推荐阮一峰的《TypeScript 入门教程》《TypeScript 入门教程》师傅领进门修行在个人，感觉基础的看完研究透彻，然后上项目历练效果挺好的。ts官方的定义是 Typed JavaScript at Any Scale. （添加了类型系统的JavaScript
2022-07-13 19:03:38
2244
原创 纯前端js直接导入导出json文件
现在很多公司都有多个测试环境或者其他环境，有些配置信息在其他环境需要同样的信息，按照传统只能修改数据库对于新手小白来说只能求助于服务端了，现在前端也可以直接将当前的数据导出为json文件，然后在需要的地方导入即可也不需要服务端，相对比较方便，而且还比较灵活。遵循本博客传统，话不多说上代码：代码里边注释较为清晰，方法也可以直接拿来使用的，如果在使用过程中遇到什么问题，欢迎在评论区留言，我们一起交流。如果对您有所帮助，还希望您能点赞关注。...
2022-07-12 20:34:38
6480
4
原创 vite+vue3+ts直接在样式中使用setup script中的变量
在已往的前端项目中，我们经常会碰到换肤换主题的需求，我们是多么希望能直接在js中操作css中的色值或者其他值的变动，用less有解决方案但是比较繁琐，现在setup script中我们可以直接使用js中声明出来的变量了，还可以相对自由的变化，这给我们开发带来了极大的便利。下边不多说直接上代码：有兴趣的小伙伴可以敲一下，好记性不如烂笔头，敲得多了量变引起质变是个很不错的成长之路。以上就是本文全部内容，如对你有帮助欢迎点赞留言如有疑问可以留言，也可以到QQ群一起探讨：QQ群1: 657011407， Q
2022-07-12 16:42:05
1050
原创 JS中JSON序列化JSON.stringify的坑点和处理
JSON.stringify的问题在js中提到对象转JSON字符串，基本都会想到JSON.stringify这个方法，以及对应的解析方法JSON.parse方法，这个的转换也被不少人用于深拷贝的操作中。但是随着这一对方法的使用，我们会发现它们存在的弊端，比如会丢失函数和undefined类型的内容，如下：这里边的丢失内容为undefined类型c和函数f，在查询了资料后发现JSON.stringify会丢失的内容有以下内容:使用JSON.Stringify 转换的数据中，如果包含 function
2022-03-21 17:27:58
12379
原创 vite+vue3+ts路由vue-router的使用，以及参数传递
前边我们分别介绍了pinia以及vite+vue3+ts这套组合的组件传参方式，以及简单todolist的demo，这些基本上都够一个项目的开发了，这时候是不是觉得还缺点什么？那就是路由vue-router，以及数据请求axios了。axios的用法与vue2的差别不大，就是一些ts的语法问题，所以也就不对axios的用法做介绍了，本篇来介绍下vue-router路由的使用。本篇也不从创建项目开始了，对vite+vue3这套项目不了解的可以看下《vite+vue3+ts简单例子todolist》,本篇
2022-03-03 20:35:17
18080
2
原创 vite+vue3+ts父子组件传值，及属性监听watch用法
vite+vue3中父子组件传值，defineProps和defineEmits的使用，以及watch的使用
2022-03-03 16:28:45
15588
VantUI组件库离线版中文文档,内有Vant2、Vant4和Vant Weapp离线版中文文档
2024-09-05
点聚weboffice,点聚weboffice全部资料和安装包
2018-08-29
windows仿Mac空格预览软件Seer
2018-04-09
VSCode插件 杨超越鼓励师插件离线安装
2019-04-17
jquery跑马灯轮播图插件jquery.roundabout.js
2018-03-22
cordova.js
2018-04-09
LICEcap简洁的windows录屏工具
2017-12-20
JavaScript设计模式(张容铭)pdf(下载解压即可）
2018-05-10
JavaScript设计模式详细资料PDF文件(下载解压即可）
2018-05-10
jquery使用手册.zip
2020-04-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人