欢迎来到☆槿畔☆的博客

vite项目按需引入优化optimized dependencies changed. reloadingnew dependencies optimized

vite githooks生命周期pre-commit触发拦截不符合规则的代码

vite.config.ts中环境判断

vue3+vite框架中使用qiankunjs，由于qiankun还没有对vue3版本和vite进行适配，这里将引导大家如何去在新技术中使用乾坤。

关于vue2.0ssr与预渲染的介绍。

参考了大量的拖拽生成h5的平台，其中结合vue，利用vue的组件拖拽配置渲染页面的这一原理过程进行分析。

为了更好得解决大家的问题，csdn开通了前端的vue社区，为了支持前端唯一一个以框架隔离独立出来的板块，身边有vue的使用的同学都可以推荐关注一下此社区，在这里你可以提问问题，经验分享交流，企业招聘（暂未开放）等功能让我们慢慢壮大起来，一起加油！谢谢大家！后期也会定期推出福利制度，大家有好的建议也可以在板块在下方评论区提出。点击前往社区...

大家都知道vue2的时候是使用了Object.defineProperties方法通过set和get来进行数据的劫持，从而达到响应式数据。在vue3中则是使用es6 proxy代理，将对象进行转化拦截，使用weakMap做弱引用缓存。当触发代理的get时就会调用track，在track里面会把对应的effect收集到targetMap（targetMap就是map数据）set时会执行trigger，trigger函数如果有获取有对应的effect，就会触发effect。下面通过手动一个案例来进行

在移动端页面开发中，经常会去封装一个遮罩层（全屏弹窗），遮罩层（全屏弹窗），遮罩层（全屏弹窗）的组件，但是如果是固定定位的position：fixed；在弹出的时候会遇到一些小坑，之前搜索了一下，网上的博客也好评论也罢，总是有点缺陷或者累赘代码太多。就比如今天的主题，如何防止遮罩层（全屏弹窗）下方body内容继续滚动呢？移动端开发遮罩层（弹窗）防止滚动穿透完美解决方案首先，pc的肯定直接就...

前面讲解了vue怎么通过npm发布vue的组件,但是对里面的相关技术却没怎么提及,下面跟大家共同探讨一下如何封装积累自己的VUE ui组件库呢:大家有没有想过各大ui框架是如何封装的呢.ls element-ui/min-ui /vant-ui有时候我们想让自己的组件跟发布的ui框架里面的组件一样使用的简单粗暴,而不是一直去写子组件,然后import引入再到components里面使用一下...

vue3修改link中标签默认icon,vue3初次使用的时候不好好阅读配置难免会遇到一些坑,本人在项目完结的时候打算把浏览器的导航小icon图标给替换了,可是并没有那么顺利,那么如何在vue3中替换默认的icon(favicon.ico)的导航栏图标呢:public的index.html有这么一句话,毫无疑问,一看给人的感觉就是在这个位置替换了而且favicon.ico也是小图标...

有时我们在项目中会用到多个国家语言的切换，这时候我们就不能把内容写死了，而是借助工具实现语言的转换。今天介绍的这个就是开源的 vue-i18n ,如何使用以及如何结合element-ui和vant-ui框架混合使用首先，第一步我们要先学会在项目中如何去使用，才能进行下一步切换ui框架的内置语言，后边会以element-ui和vant ui两个ui框架为例安装：npm i vue-...

当我建好VUE-CLI3的脚手架之后，我们来接着选择一个合适的UI框架来进行实战开发，还不会搭建？---> 点击https://youzan.github.io/vant/#/zh-CN/quickstart 这个的英文VANT的开发文档，感觉在移动端算是功能还算不错的一个UI框架，功能性的东西挺多的，而且也支持国际化。一般情况下如果全部应用CDN或者直接全局使用，直接根据文档...

今天讲述一下vue-config.js配置，我们前面搭建好脚手架会发现,这个对比2.x版本少了很多东西,没有build的配置,也没有webpack的配置,那么问题来了,我们如何去开发我们的项目呢,比如设置代理,打包配置等问题呢?还不会搭建脚手架,点击前往搭建vue-cli3实际上我们都是可以在vue-config.js中进行配置(刚创建的这个js都是空的),我把官网里面很常见的配置都进行了注释...

vue-cli3脚手架/单文件/环境搭建。vue3.x版本相对于2.x版本做了许多地方的优化,个人总结主要还是使用上使开发者更加一目了然,配置起来也更加的方便,减少了各种webpack里面的loader的配置.下面一起看一下,3.x版本该如何从搭建到配置再到开发的一个过程:如果你已经搭建好了,请前往vue-config.js(封装了2.x的webpack配置)一,安装1.如果电脑...

最近对开发Vue组件库的流程很好奇，网上步骤一搜也是一堆，总是少点漏点的步骤，就会导致整段垮掉，下边自己弄完整理了一下。跟着步骤走：一，创建一个vue项目，为了简洁方便，推荐使用webpack-simple构建一个项目 vue init webpack-simple my-project二，就是按照提示，cd my-project------->npm i---------...

在vue项目中，切换路由时肯定会碰到需要登录的路由，其原理就是在切换路径之前进行判断，你不可能进入页面再去判断有无登录重新定向到login，那样的话会导致页面已经渲染以及它的各种请求已经发出。一、如需要登录的路由可在main.js中统一处理（全局前置守卫）我们可以在入口文件man.js里面进行配置，使用router.beforeEach方法，不懂得可以打印to，from的参数就ok，req...

之前，在用vue写一个上传头像的模块，里面需要对头像进行拖动裁剪设置,可是后台却跟我说他只要类似于input上传图片的内容。前端是没有办法操作本地图片的，一般也只能是传图片+裁剪的坐标给后台，除非用canvas来进行绘画裁剪然后再拿到裁剪后的base64图片地址，不断反复的转码再通过new的fromdata转成blob的格式，总之相当复杂。（github直接搜索vue-cropperjs），最终得...