首页 >>  正文

vue脚手架版本

来源:baiyundou.net   日期:2024-09-21

Vant 是有赞前端团队维护的移动端 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant 可以快速搭建出风格统一的页面,提升开发效率。


Vant

一、关于 1.0

距离 Vant 首次发布刚好过去了半年时间,在这半年时间里 Vant 团队广泛吸纳社区的反馈和建议,持续对组件进行打磨、优化,使得 Vant 逐渐成长为一个轻量、可靠的移动端 Vue 组件库。

在这个时间点上我们决定发布 Vant 的 1.0 正式版,希望未来有更多小伙伴能够参与到 Vant 的开发和使用中来。

GitHub 地址:github.com/youzan/vant

二、现有组件


三、开发理念

轻量化

作为移动端组件库,Vant 一直将轻量化作为核心开发理念。为了平衡日益丰富的功能和轻量化之间的矛盾关系,我们尝试了很多的优化方式,包括支持组件按需加载、公共模块复用、组件编译流程优化等。

在应用一系列的优化手段之后,目前 Vant 的组件平均体积仅有 8.8KB,Uglify + Gzip 后约 1KB。作为对比,mint-ui 的组件平均体积为 15.2KB,某些组件库的组件平均体积甚至在 25KB 以上。

Vant 之所以能保持如此小的组件体积,主要归功于我们独特的组件编译方式。目前主流的组件编译方式是通过 webpack 搭配 vue-loader 对每个组件进行编译,为每个组件生成一个打包后 JS 文件。这样的做法会产生大量的冗余代码,比如 webpack 内置的模块化代码、vue-loader 内置的 normalize 函数、重复引入的 babel helper 等等,而我们不希望在组件的编译结果中引入这些冗余代码。

一开始我们尝试通过使用 rollup 和 rollup-plugin-vue 去解决上述的问题,但很快我们就发现了更为直接的方式,即通过官方提供的 vue-template-compiler 和 babel 对组件进行编译,这样的方式简单纯粹,编译出的代码非常干净,细节在此不做赘述,有兴趣的同学可以看下 Vant 中构建部分的源码。

快速迭代

另外一个很重要的理念是快速迭代。有赞前端团队几十个工程师每天都在用的就是现在你看到的 GitHub 上这个版本,我们并没有一个所谓的“内部版”。同时,出于对自己名誉的珍视,我们不是简单地把它开源了事,而是把它当做一款技术产品去维护,不单单自己用的爽,也要让别人好用,因此我们会保持对社区需求的快速响应、对 bug 及时跟进并修复。

迄今为止项目 commit 总数超过 1600 次,解决 issue 300 个,合并 Pull Request 400 个,发布 90 次,基本上保持了一周 1 ~ 2 次的发布节奏。这里面包含了很多社区开发者的付出,感谢他们对 Vant 作出的贡献~ 在未来我们也会继续保持这样的开发节奏,为社区输出更好的开源产品。

生态化

除了提供组件以外,我们也在为丰富 Vant 的开发生态做很多尝试,希望能覆盖各个场景下的开发需求,为大家提供便利。下面是我们现有的一些生态或能力:

  • 基于 vue-cli 的脚手架 vue-cli-template-vant
  • 支持 nuxt 服务器端渲染
  • 支持 Typescript 类型检测
  • 支持 i18n 多语言定制
  • 支持通过 postcss 插件进行主题定制
  • 官方 Demo 仓库 - vant-demo
  • 基于相同视觉规范的小程序组件库 - zanui-weapp
  • 开源社区的移动商城示例项目 - vant--mobile-mall

在生态化方面我们还有很多需要补齐的方面,比如提供对 rem 的支持、vscode 代码提示插件等,这些将会是我们 2023年05月15日尝试的方向。

四、最后

开源项目的进步离不开社区的贡献,非常感谢过去对 Vant 提出 PR 和意见的所有人,希望未来能有更多的同学加入到 Vant的开发中来。如果你对有赞的前端团队感兴趣,也欢迎加入我们一起玩耍~

","gnid":"9d273ca6a6c1c2142","img_data":[{"flag":2,"img":[{"desc":"","height":"1000","title":"","url":"https://p0.ssl.img.360kuai.com/t0185058863c38656c6.png","width":"1000"},{"desc":"","height":"2198","title":"","url":"https://p0.ssl.img.360kuai.com/t0120831b39a4a8eb1b.png","width":"2238"}]}],"original":0,"pat":"art_src_0,fts0,sts0","powerby":"hbase","pub_time":1684130683000,"pure":"","rawurl":"http://zm.news.so.com/20df27ade43f4f3acead1c1be7936064","redirect":0,"rptid":"793fb0874455d588","rss_ext":[],"s":"t","src":"大凡","tag":[{"clk":"ktechnology_1:github","k":"github","u":""}],"title":"vant_轻量、可靠的移动端Vue

倪辉须3221如何精简vue - cli安装的依赖项 -
钱竿解18028727763 ______ 指定路径啊解压放VUE素材安装目录文件夹名字都直接放相应素材类建议ISO格式直接加载虚拟光驱VUE调用随用随加载没必要都复制硬盘占据空间调用其软件调用素材打场景或加载物体或者材质编辑器调用材质

倪辉须3221vue.js怎么改变router - link里子的样式 -
钱竿解18028727763 ______ 在用vue-cli脚手架生成项目之后,在app.vue和main.js里面简单修改一下,用来测试路由的连通性,具体代码把官网上的抄下来就可以 按照官网上的代码启动不成功的原因就是,在项目挂载的时候少了一个render,我也只是菜鸟,目前只知道这样子

倪辉须3221怀旧服新开剑士几个问题求指点有新手卡,想回来重新玩个剑士,有几个
钱竿解18028727763 ______ 1,加点:全攻,血敏分配接近对半,但不绝对,你觉得血少就多加点,你觉得出手慢,敏就多加点! 2,技能:乾坤,连击,崩击(可以不烧太高,任务有时有用),气绝(任务必备),功吸(平时练级加血用),攻反(好多任务有用),魔吸魔反(这俩你看情况,未必学),调教,褚刃(这个也未必学,但是乾坤如果你敏低,命中率不高的情况下可以学),圣盾(这个剑士得意技,既然玩剑士了,学吧),明镜止水(也是得意技,但是难烧,学不学看你个人),如果还有多余技能栏,可以学一个抗或者一个中毒魔法,现在SE开的任务,中毒魔法很吃香 3,这里不让发QQ,所以就不发了,新手群还是很多的,游戏里会有些招牌告诉你群号,你可以去游戏里看看

倪辉须3221现在有没有什么即时战略游戏,里面有类似魔兽英雄一样的队伍领导者,?
钱竿解18028727763 ______ 战锤40000,和魔兽类似,是WCG2005指定项目

倪辉须3221税务师是否可以和中级会计职称搭配备考?税务师是否可以和中级会计职
钱竿解18028727763 ______ 可以 中级会计职称考试和税务师考试时间不同,2017年中级考试是9月9-10号,税务师是11月份.只要符合条件,同时报考没有问题.

倪辉须3221为什么12306官网查不到G61次列车?
钱竿解18028727763 ______ 12306官网查不到列车信息如下:1、该班次已经发车所以12306无法查询.2、该班次列车已经取消,所以无法查询.12306网站,是中国铁路总公司下属的信息服务网站...

倪辉须3221签订了三方协议,而目前公司一直没有安排工作,要到八月才能安排现?
钱竿解18028727763 ______ 三方不是法定的劳动合同,安不安排工作也不决定你和公司的关系.关键还是你是不是跟公司签订劳动合同了,而且正规公司会在合同中写明试用期多长和提前解除合同的情况.如果公司拖着不跟你签合同,你现在必须赶紧做两手准备了.而且这种情况一般你很难跟公司要到赔偿,三方跟口头甚至书面offer都不具有法律意义.三方协议就是一个操蛋玩意儿,一点不能保护应届毕业生的利益.你可以申请劳动仲裁跟公司耗可能能要到赔偿,但是最后亏的肯定是自己就是了.

倪辉须3221为什么新社会公婆与儿媳妇关系难相处?
钱竿解18028727763 ______ 新社会公婆与儿媳妇之间应当是平 等和互助的关系,但是,长期居家过日 子,“碗盆碰锅勺”,婆媳间难免会为生活中一些琐碎问题发生争吵.俗话说:“婆媳亲,家事...

倪辉须3221客户对我的评价是:是个热情.有耐心的小伙子这样的评价意味着什么?
钱竿解18028727763 ______ 意味着对你很满意.如果对你不满那你还期望客户能有所保留么?客户对于服务人员的评价,一般不会有言外之意.特别是这种正面评价.

倪辉须3221小明11岁他的爸爸是他的2倍五年后爸爸多少?小明11岁他的爸爸是
钱竿解18028727763 ______ 2*11+5=27

(编辑:自媒体)
关于我们 | 客户服务 | 服务条款 | 联系我们 | 免责声明 | 网站地图 @ 白云都 2024