潜心

原创 和Bug较劲的第n天：[Error: Unable to open snapshot file: No such file or directory]

最近做了一个小demo，基于parcel的，在迁移仓库的时候发生了一个报错。

原创 前端功能拖拽篇：dragleave拖拽事件穿透子元素的优雅解决方案

📚vue专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 前端crypto-js, 文件加密，判断相同文件、图片（MD5,SHA256)

前端相同文件判断，哈希加密,前端crypto-js库MD5,SHA256,文件数据流

原创 跟bug较劲的第n天，undefined === undefined

📚vue☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 vscode中 vue3+ts 项目的提示失效，volar插件失效问题解决方案

📚Typescript☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 TypeScript 第一站概念篇

📚TypeScript专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 vue3 echarts5.4.1 项目重构问题记录，右上角工具栏异常，tooltip异常等

📚echart专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 xlsx，xlsx-style file-saver ,vue3+vite4+Excel导出解决方案

这是我的三个依赖，用以上的三个库就可以完美输出样式excel，这里解释一下xlsx-style-hzx这是一个兼容vue3 的xlsx-style版本，开箱即用，香香。最近在迁移一个vue2项目到vue3，过程真的很曲折，我希望可以帮其他的vue3开发者节省一些时间。前端excel导出，并且希望有样式的话需要依赖三个插件。下面分享一下我的package-json 文件。

原创 nvm 实战过程

📚☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 pnpm 实战开篇

📚前端工程化☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 vue3 框架学习概念笔记

在浏览器平台，渲染器可以利用DOM API完成DOM操作，为了不直接依赖浏览器，将这些操作封装为可配置的对象，用户可以在调用createRenderer函数创建渲染器的时候自定义配置对象，从而实现自定义的行为；📚vue☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 vue3 项目部署，Nginx配置https,重定向，详细流程

📚服务器专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 vue3 一个基于pinia简单易懂的系统权限管理实现方案，vue-router动态路由异步问题解决

📚vue专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 vue3 组件响应式v-model 失效，实践踩坑，一文搞懂组件响应式原理，对初学者友好

📚vue3专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 云IDE 使用体验，git项目快速启动实践

优势总结：云开发环境保存，更利于你仗剑天涯，顺滑的开发体验，友好的插件服务，完善的工程环境个人建议：逐渐开放免费体验区域，而不是限时；node环境默认添加cnpm镜像；配置git clone 个人隐私仓库云IDE我是个最浅层的用户，大家都可以亲手实践，提供更好的建议于官方，也预祝产品越来越好。☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 微信小程序实战 wx.showNavigationBarLoading()，下拉动画配置无效

📚小程序实战☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 web前端工程师面试之路

CSDN话题挑战赛第2期参赛话题：面试宝典人事与我单独交流技术负责人开始面试，人事旁听面试题一：问题剖析：问题解答：面试题二：问题剖析：问题解答：就这样我几乎把细节都说了出来，面试官欣慰的点了头，最后又问了一些vue的基础知识，总体面试难度不难，面试结果是未通过，也许是我的薪资要的太高了；☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。❗如果文章还可以，记得用你可爱的小手点赞👍关注✅，我会在第一时间回、回访，欢迎进一步交流。

原创 echart 打包实战线上问题，初级须知；初始化与销毁，不能正常显示，二次空白；

📚echart专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 vite 静态资源打包配置，echart 主题引入，build上线问题，vue3-echart5使用

📚vite专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 vite3、vue 项目打包分包进阶-组件分包

在上次的分包实战后，我在服务器上测试了分包后的项目效果很好，但是还不够理想，因为在我的Login页面我使用的动态组件，其中包含注册组件register、忘记密码组件renew,我们知道vite的打包机制是由各个分入口汇总到一个总文件，那么我们该怎么做呢？📚vite专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 Pull Request 开源pr实战,过程详细,修改vite-plugin-cdn-import； cdn只导入css

开源的过程真的是走向未来的过程，通过阅读别人优秀的代码，不仅丰富了思想实践能力，也增强了我们对编码的热情；📚git专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 vite3 构建 配合cdn构建排除css入口文件实战 ；rollupOptions.output.manualChunks

📚vite专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 vite3+vue3 项目打包优化实战之-视图分析（rollup-plugin-visualizer）、CDN引入、依赖分包、gzip压缩、history404问题

vue项目在线下环境开发完成后，我们就需要项目的打包上线了，除了要知道打包命令之外，我们还要知道项目整体文件依赖情况，web访问加载速度等概念，包括首屏优化方案。我通过一次实战把最基本可以优化的步骤走一下。build 视图分析依赖文件第三方库CDN引入依赖文件分包gzip压缩文件部署前配置history路由模式的404问题📚vite专栏☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

原创 javaScript 防抖/节流，探索学习，对新手友好的内容

debounce, 节流 :throttle;这俩个名词大家都不陌生，不管是学习，面试，笔试，偶尔总要提提，网上的参考文献也是大有篇章，其中有好多优秀的文章都写的很好了，大家都可以参考的来理解，我们的目的只有一个，那就是理解，并学习，从而创新。我的目的就是从保姆的角度来解释一下这俩个技术，以便大家容易理解；📚javascript专栏☃️ 个人简介：一个喜爱技术，喜欢探索的人。🌞 励志格言: 脚踏实地，虚心学习，相信自己的配得上所有美好。

原创 《el-descriptions》 边框重叠问题

问题有异曲同工之处，属于浏览器渲染问题，所以我排查到了一个属性padding,修改后问题得以解决。dom结构是很清晰的，并且是利用了表格特性，但是边框就是重叠了。能怀疑和调整的地方也只有el-定义的边距问题，边框线重叠呢也和。

原创 FromData()；解析与实践，axios / ajax多文件上传data配置，初级程序员必看

在不清楚问题原因之前，要沉着分析，实在没有头绪，来百度看看，说不定就解决了，没有头绪是因为我们积累不充分，经验不充分，困难真的是我们前进的阶梯。这个对象的方法和兼容性我就不做解释了，自己点击文末链接前往。

原创 铁铁们，粉丝互关一波

内容不够优质真的好难上粉大家互关一下，有关必回，评论区互关，一起学习进步。

原创 《css》flex布局下，文字高低不一，文字对齐细节

你遇到过flex 布局文字高低不齐时的场景吗，你会往哪几个方面分析，今天我就遇到一个类似的场景。

原创 《element-plus》el-scrollbar 横向滚动条隐藏解决方案

新的项目使用Element-plus ui 库开发，说真的，有了这样一个库，我们的开发过程真的很愉悦，但是难免会有些场景会碰上，比如隐藏的横向滚动条。

原创 vue,vue3 新手可能忽略的问题，解构对象丢失响应式，如props，torefs, pinia响应式核心

这段时间在利用vue3开发一个项目，在vue的使用过程中，我处于用到什么学什么的状态，一方面是学业，一方面是技术，项目的影响，导致我一直没有静下心来研究透彻vue核心知识，这么，一个关于组件开发时响应式的问题面对了我，我做的是一个组件嵌套，分别有三个组件，一个负责页面框架，一个负责核心业务，一个负责文件处理，这三个组件需要互相通信，我为了代码简洁没有定义过多的变量，而是充分利用vue的组件通信来完成响应式组件和业务。

原创 vue-router 嵌套子路由无效，不显示页面问题

在中大型vue项目中，嵌套路由是避不开的话题。

原创 前端 vite 跨域配置 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘

官方示例proxy : {// 字符串简写写法 '/foo' : 'http://localhost:4567' , // 选项写法 '/api' : {target : 'http://jsonplaceholder.typicode.com' , changeOrigin : true , rewrite :(path) => path . replace(/ ^\/api / , '') } , // 正则表达式写法 '^/fallback/.*' : {

原创 vue3 router transition(过渡动画) + ＜Transition＞ renders non-element root node that cannot be animated.

每一个template模板都应该有一个根节点，这其实是一个规范，我没有遵守对于vue的相关机制了解不够深入不能够独立判断出问题关键Tips参考作者文献任磊abc。

原创 学习汇编语言-输入十进制数转为十六进制和二进制

十进制接收：依次输入十进制数，运算存储在bx中以回车键结束转十六进制：依次出栈十进制数，循环左移十进制，al转换十六进制，末尾拼接H转二进制：利用寄存器除2取余实现末尾拼接

原创 web页面禁止点击

<div class="shade" style="pointer-events: none;"></div>属性详解

原创 git 常用操作 及问题记录 Failed to connect to github.com

初始化本地空git存储库 git init克隆远程仓库 git clone 仓库地址查看当前本地仓库状态 git status添加文件到暂存区 git add .将暂存区内容添加到仓库中 git commit -m ****提交到远程仓库 git push分支开发查看分支git branch创建分支git checkout -b branchName删除本地分支git branch -d branchName删除远程分支git push origin --

原创 汇编语言实现 大小写字母转换

需求分析：提示输入一个字符：please input a letter:判断是大写范围还是小写范围cmp al<61H 且>=41h则是大写范围，<=7ah则是小写范围不在字母范围 提示只能有三次错误机会，超出三次，程序将会退出在字母范围 大写->小写+20h ，小写->大写-20h程序设计:通用代码段– 输入提示– 输出结果显示 输入+3eh(>) +输出– 换行代码段 （设计为子程序，随处调用)– 错误提示程序逻辑– 输入字符

原创 英语从句总结

原创 flex 布局 justify-between 最后一行左对齐

网络方法层出不穷（佩服），有的追加伪类，但是追加伪类就设计到了item个数问题，就是当最后一行元素是一个的时候，不对左对齐，所以借助dom思想来实现我要实现的是三列利用数组长度，在末尾渲染i个伪元素，来适应justify-between的特性...

原创 vue3 获取vue-quill3编辑器实例，使用api

顺便写一下vue3中quill的使用方法点击前往quill官网安装我就不写了 官网里有 npm 一下注册完就可以组件里使用了其他属性参考官方文档就可以，我来展示一下options,我是用模块导入的export default { debug: "info", modules: { toolbar: [ "bold", "italic", "underline", "strike", // toggl