- 博客(256)
- 收藏
- 关注
RSS订阅原创 Plugin-前端打包内存溢出以及TerserPlugin(webpack打包js(代码混淆 + 体积优化)),可视化包体积分析报告-项目为老项目vue2+webpack4
前端打包内存溢出，TerserPlugin(webpack打包js(代码混淆 + 体积优化)),webpack-bundle-analyzer 可视化包体积分析报告------项目为老项目vue2+webpack4
2026-01-05 22:30:00
158
原创 Plugin-安装Vue.js devtools6.6.3扩展(组件层级可视化)
安装Vue.js devtools6.6.3扩展(组件层级可视化)
2026-01-04 22:22:58
177
原创 随笔小计-telnet与ping的区别(“ping 不通 ≠ 服务不可用”，而 “telnet 端口不通 ≈ 服务不可用”（至少当前无法连接）)
telnet与ping的区别(“ping 不通 ≠ 服务不可用”，而 “telnet 端口不通 ≈ 服务不可用”（至少当前无法连接）)
2025-12-30 08:00:00
175
原创 Plugin-前端相关插件了解
(1) pdfh5，一个基于PDF.js的移动端PDF预览插件，支持缩放和滑动翻页；(2) NProgress，用于显示顶部加载进度条；(3) video.js和vue-plyr两款视频播放器(4) amfe-flexible，阿里开源的移动端适配方案
2025-12-29 22:10:51
268
原创 component-编辑数据页面(操作按钮-编辑，保存，取消) Object.assign浅拷贝复制
编辑数据页面(操作按钮-编辑，保存，取消) Object.assign浅拷贝复制
2025-12-26 20:00:00
198
原创 component-Echarts柱状图实现(Y轴平均刻度，X轴动态计算宽度，提示挂载body不被边缘遮挡)
Echarts柱状图实现(Y轴平均刻度，X轴动态计算宽度，提示挂载body不被边缘遮挡)
2025-12-26 19:00:00
133
原创 component-Echarts圆环数据展示-延长线,label,鼠标移动提示，圆环数据中心总数，信息面板
Echarts圆环数据展示-延长线,label,鼠标移动提示，圆环数据中心总数，信息面板
2025-12-25 23:00:00
402
原创 js-清除首尾空白字符再进行空白匹配str.trim().match(...)
清除首尾空白字符再进行空白匹配str.trim().match(...)
2025-12-23 19:00:00
353
原创 js-fetch流式实现中断重连
fetch流式请求，重连两种机制断点续传(中断流式块ID重新发起请求重连)，指数退避(间隔时间指数次数进行重连 最长不超过30S)
2025-12-22 19:45:00
708
原创 component-弹窗自定义组件
基于element表格与弹窗，实现表格的搜索，导入导出，新增，编辑，文件预览，删除，分页；父组件传递表单数据可实现弹窗组件复用。
2025-12-16 20:30:00
221
原创 css-Echarts图表tooltip / label文本过长 超出屏幕边缘或容器范围
Echarts图表tooltip / label文本过长 超出屏幕边缘或容器范围
2025-12-15 23:10:55
212
原创 vue3-Pinia Vue3状态管理库
vue3中Pinia状态管理的基本使用，主要应用场景-大屏状态集中管理(面板折叠，主题切换)，跨组件共享状态(登录用户信息与用户状态)，Pinia与Vuex明显区别(Pinia在actions中直接修改状态，Vuex必须通过mutations同步，在actions中commit进行修改)
2025-12-09 20:00:00
563
原创 vue3-provide 和 inject 组件树中跨层级传递数据(祖先-后代)
provide 和 inject 组件树中跨层级传递数据(祖先-后代)，应用场景:弹窗或后代数据更改后触发首页状态数据刷新请求
2025-12-05 08:00:00
238
原创 knowledge-scss学习
scss语法嵌套规则，变量$color: red，@mixin混合指令，@function，@extend继承，@use
2025-12-04 22:29:48
1036
原创 Plugin-postcss-px-to-viewport前端适配
postcss-px-to-viewport前端适配，可视化大屏，以及多端适配
2025-12-04 22:29:18
346
原创 Plugin-stylelint（css代码检测），Husky（git钩子工具）
stylelint(css代码检测）,Husky(git钩子工具,提交前代码校验)
2025-11-24 08:30:00
144
原创 css-pointer-events: none（容器本身不阻挡鼠标事件）
pointer-events: none，给元素设定后，它会忽略所有的指针事件(点击，hover，active，滚动)，事件会穿透到元素的下方的层级。
2025-11-24 07:30:00
356
原创 git-git cherry-pick（从分支挑选特定提交-哈希值）更改应用到当前分支
git cherry-pick（从分支挑选特定提交-哈希值）更改应用到当前分支，查看分支hash（git log target<分支名>）
2025-11-23 20:57:11
326
原创 ts-属性修饰符，接口(约束数据结构)，抽象类(约束与复用逻辑)
类的基础知识，抽象类与接口(interface)对比，interface接口实现约束数据结构（组件通信传参，定义口返回数据结构），抽象类(约束数据结构以及复用逻辑)
2025-11-23 20:28:20
783
原创 git-Git约定式提交
gti约定式提交，git commit -m "fix: 修改了对应的代码解构优化"，type的常用类型：feat-新增功能，fix-修复Bug，style-代码格式调整，docs-文档修改，refactor-代码重构，test-测试相关
2025-11-16 22:59:01
469
原创 git-拉取代码报错update ref failed ref ‘ORIG HEAD‘
git-拉取代码报错update ref failed ref 'ORIG HEAD'，删除.git文件夹下的ORIG HEAD文件然后重新pull拉取代码
2025-11-16 22:08:43
156
原创 ts-静态类型检查，自动编译，ts类型 01
静态类型检查，自动编译，ts类型(any:任何类型，unknown:未知类型，void:函数返回值为空或undefined，objec:存储非原始类型，tuple:元组 特殊的数组类型，enum:枚举，type:任意类型)
2025-11-10 23:53:56
1080
1
原创 Starting again company 03
1.单向数据流 2.打包后项目 刷新无反应 3.CDN(内容分发网络) 4.const声明的对象是否能修改 5.EventBus全局事件总线 $on接收 $emit发送 6.生命周期，promise，事件循环(同步任务，微任务)，canvas，输入地址流程，页面渲染流程，git提交代码，markdown样式调整，响应原理，数据更改后未渲染，created与mounted操作dom节点，echarts图表的实际运用
2025-10-23 22:59:26
845
原创 Starting again myself 03
1.vue路由传参(query params) 2.hash与history 3.路由拦截 4.动态路由 5.vuex刷新数据丢失 6.计算与监听属性 7.vuex作用 8.常见的循环遍历 9.过滤器(价格格式) 10.vue强制刷新 11.git操作命令 12.h5与css3新特性 13.es6的解构赋值 14.es6扩展运算符 15.es6map（键值对）set（唯一标识去重）
2025-10-14 17:28:44
645
原创 Starting again myself 02
1浏览器存储 2.登录流程以及token 3.url输入渲染过程 4.精灵图与base64 5.前端的缓存策略 6.同源策略与跨域 7.防抖与节流 8.无感登录-双重令牌 9.大文件分片上传 10.v-if与v-show 11.v-for中key 12.created与mounted 13.组件间传值 14.keep-alive缓存组件与路由 15.axios封装 401-登录 403权限 404 资源 500服务器错误 300重定向
2025-10-13 15:49:27
794
原创 Starting again myself 01
1.css选择器优先级 2.隐藏元素 3.px与rem 4.重绘与重排 5.css属性继承 6.js组成 js内置对象 7.数组方法 8.数据类型检测 9.内存泄漏 10.事件委托 11.原型链 12.new操作符 13.script中async与defer 14.定时器 15.call apply bind 16.递归函数 17.事件循环 18.get与post 19.promise与async await
2025-10-12 17:18:07
627
原创 Starting again company 02
1.ts与js的区别 2.vue通信 3.闭包 4.promise三种状态 5.es6新内容 6.箭头函数与普通函数7.父子组件初始化生命周期>父 beforeMount -......子组件mounted---->父mounted
2025-10-04 00:01:51
965
原创 Starting again company 01
1.js基础类型 2.状态码 3.跨域问题 4.vue2与vue3的区别 5.首屏优化 6.普通路由与拦截路由 7.遍历map forecah
2025-10-02 22:08:50
963
原创 knowledge-vue2项目（Electron）打包为PC桌面应用程序
允许开发人员使用常见的Web技术，来创建桌面应用程序，同时利用Node.js来访问底层操作系统功能。在对应的文件目录下进行前端项目的创建，根据自己需求进行选择相关配置创建项目。不同的项目开发需要的node版本环境不一样,所以需要使用nvm进行版本管理。（1）安装依赖，在vue项目中进行Electron依赖安装。（3）保存重新引入并使用Electron打包项目。（2）文件空白处配置二进制文件的镜像源。（5）检查当前node版本是否正确。（3）安装指定node版本16。（4）使用对应的node版本。
2025-06-25 15:03:18
515
原创 node.js-Node.js 中使用 Express 框架创建一个简单的假服务（Mock Service）来返回数据以及FeHelper json格式化插件
Node.js 中使用 Express 框架创建一个简单的假服务（Mock Service）来返回数据以及FeHelper json格式化插件
2025-05-07 07:30:00
266
原创 react-14defaultValue（仅在首次渲染时生效）和value（受 React 状态控制）
react中defaultValue（仅在首次渲染时生效）和value（受 React 状态控制）
2025-05-06 15:32:13
748
原创 react-13react中外部css引入以及style内联样式（动态className与动态style）
react中外部css引入以及style内联样式（动态className与动态style）
2025-05-06 15:11:41
607
内网引入gantt-elastic依赖包
2025-01-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人