草庐IT

Vue开发环境安装

目录Vue概述:Vue特点:Vue官网:一、node.js安装和配置 1.下载安装node.jsStep1:下载安装包Step2:安装程序Step3:查看问题解决:解决npmwarnconfigglobal`--global`,`--local`aredeprecated.use`--location=global`instead.1.问题原因2.解决尝试一3.解决尝试二Step4:环境配置Step5:Node.js测试vue前端框架的环境搭建Vue是一套用来动态构建用户界面的渐进式 JavaScript框架构建用户界面:把数据通过某种办法变成用户界面渐进式:Vue可以自底向上逐层的应用,简单

vue的created函数中方法执行的顺序设置方法

1.vue的created钩子函数中,方法的执行顺序1.1情景:vue框架中通常在created钩子函数里执行访问数据库的方法,然后返回数据给前端,前端data中定义全局变量接收数据 1.2误区:我们可能会思考按照自己设定好的逻辑走,譬如我现在的created的执行顺序this.getUrl()然后是this.ywlxN、this.getDictList()......这样的顺序那么就大错特错了 误区的原因:这是因为js中默认执行网络请求是异步的,他们会按顺序发出请求之后就不管了,谁先返回是不确定的,所以这就是我们的问题所在,这样在我的代码中就是先执行tthis.getDataCount(),

Vue中computed和watch区别

前言vue中的computed和watch我们经常会用到,那么在什么场景下使用computed和watch,两者又有什么区别呢,傻傻分不清楚。记录一下,温故而知新!computedcomputed是计算属性,基于data中声明过或者父组件传递的props中的数据通过计算得到的一个新值,这个新值只会根据已知值的变化而变化,换句话说,这个属性依赖其他属性,由其他属性计算而来的。举个栗子姓名:{{fullName}}data:{firstName:'David',lastName:'Beckham'},computed:{fullName:function(){//方法的返回值作为属性值return

情侣积分微信小程序零基础开发教程(附代码及开发指南)

ToOurLoves本文最新版本0情侣积分互动小程序在idofSunChonggao的基础上进行开发,感谢!且感谢初版(UxxHans)!⭐如果本仓库对您有所帮助,您的fork或star就是对我最大的鼓励,谢谢!v22.0.0改了还蛮多的,具体看界面展示吧~零前端基础,全凭爱意。代码存在诸多不足和bug,仅供参考。v22.1.0⭐增加任务类型选择:(任务可以发给自己,也可以发给对方)发布者from:​我from的任务,你to来监督:(对方监督自己完成)​此任务是from申请,由from执行,需to监督确认。​你to的任务,我from来监督:(自己监督对方完成)​此任务是from申请,由to执行

git commit规范

如何规范gitcommit提交github是我们用于协同开发的平台,方便开发人员协同开发,极大提高了开发效率,但是经过团队第一次协同开发后,我们发现了一个很大的问题,我们的gitcommit非常不规范,至于在开发后期项目出现bug之后,很难找到问题所在,为了规范以后的开发,学习使用commitizen,husky以及standard-version来规返回gitcommit提交,并且自动化生成CHANGLOGcommitizencommitizen是用来制定gitcommit规范的工具首先让我们了解一下commitizen制定的gitcommit规范格式要想规范gitcommit提交,我们要先

input详解之文件上传

input全部类型常用的并且能为大多数浏览器所识别的类型大概有:text、password、number、button、reset、submit、hidden、radio、checkbox、file、image、color、range、date、month、week、time、datetime-local。1、一般类型2、file类型文件2.1、属性accept属性accept=“image/png”或accept=“.png”——只接受png图片.accept=“image/png,image/jpeg”或accept=“.png,.jpg,.jpeg”——PNG/JPEG文件.accept

在vue3+vite项目下按需引入vant报错Failed to resolve import解决方案

在vue3+vite项目下按需引入vant报错Failedtoresolveimport解决方案问题描述原因分析解决方案问题描述近日尝试使用vite+vue3+vant开发项目过程中,参考vant官网开发指南->快速上手->引入组件按照上述配置好后,运行vite环境报错:Failedtoresolveimport原因分析根据报错信息,发现是vant的样式引入路径不对。程序解析为:项目路径/node_modules/vant/lib/vant/es/组件/style实际应该是:项目路径/node_modules/vant/lib/vant/es/组件/style多了一个vant/lib路径。解决

腾讯最热门的 10 款前端开源项目

作为国内知名的互联网公司,腾讯在前端领域做出了很多开源贡献。本文就来盘点腾讯最热门的10款前端开源项目!wujie无界微前端是一款基于WebComponents+iframe微前端框架,具备成本低、速度快、原生隔离、功能强等一系列优点。其能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、应用共享等。Github(star:2.3k):https://github.com/Tencent/wujieTDesignTDesign是一套完整的企业级设计体系,拥有基于Vue/React/小程序等技术栈的组件库解决方案。用于构建设计统一/跨端多技

TypeScript详解十六:类型声明(declare)

目录前言一、类型声明的作用?1.1declare关键字1.2示例二、常见的几种类型声明2.1普通类型声明2.2外部枚举2.3命名空间三、类型声明文件3.1模拟类型声明文件,以jquery为例3.2使用手动实现的jquery.d.ts声明文件3.3第三方声明文件(以jquery为例)3.4npm声明文件可能存在的位置补充知识点总结前言在日常开发中几乎所有的项目都会应用许多第三方库来完成任务需求。这些第三方库不管是否是用TS编写的,最终都要编译成JS代码,才能发布给开发者使用。我们知道是TS提供了类型,才有了代码提示和类型保护等机制。但在项目开发中使用第三方库时,你会发现它们几乎都有相应的TS类型

Vue中,一个组件调用其他组件的方法(非父子组件)

Vue中,一个组件调用其他组件的方法(非父子组件)场景——B页面(组件)想调用A页面(组件)中的方法;但是两个页面(组件)毫无关联(刷新A的数据)。方式一:引用式1、当前组件引入将要调用方法所属的组件这里我的当前组件要调用OrderDetail这个组件的check()方法importDetailfrom"./detail.vue";该方法定义在OrderDetail的methods属性中2、当前组件通过该组件methods属性直接调用该方法//也可以调用created、data等Detail.methods.check();方式二:vuex使用VueX定义一个属性,然后在A页面定义一个计算属性