vue.js
文章平均质量分 90
恪愚
江湖人称“云小梦”。一个大前端路上还未“毕业”的“小学生”。爱好分享、执着探索、乐于开源;曾参与过中大型微信小程序项目前端开发,并主导过一些官网(原生)开发;着迷于vue、node、css以及原生js技术。热衷研究现有技术的成型创新应用。目前对前端可视化和webRTC、web安全有浓厚的兴趣。开源且目前维护的有:微信小程序扩展组件库—— https://github.com/1314mxc/yunUI ,欢迎star!
展开
-
『可组合的Vue』别样的“小组件”设计
最近在设计笔者所在组自己的组件库。从设计上看,一个组件库是否“成功”取决于前期的设计 —— 我决定用上ITCSS模型。为这个组件的团队维护、扩展打下坚实的基础。但这还不够,组件库最重要的组件往往是非大型库开发中最容易被忽视的。为此,我将组件从使用场景上分为两种类型:大组件:也叫“场景组件”。功能完善,自成一片天地。取之即用,通过传参在内部做不同处理 —— 或渲染不同UI、或返回不同值。最重要的是:不会侵入页面逻辑。也就是说,无论谁在什么场景下调用,都是相同的方式。拿到值以后这个组件在当前操作流中就算完原创 2022-01-12 17:04:30 · 3704 阅读 · 0 评论 -
由浅入深Vue:购物车功能开发实战
经过之前的核心知识点,代码块的介绍,本文上手实战一个核心业务功能:购物车。当然,功能为主(更高级的放在进阶中)翻到以前写过的某个功能性案例,想了想,还是发上来吧,,,在写代码之前,进行业务分析:购物车需要展示一个已加入购物车的商品列表,包含商品名、单价、购买数量和具体操作等信息,当然,还要有实时的总价显示。功能:购买数量可以增加或减少,,每类商品可以从购物车中移除购买数量降低到“...原创 2019-08-20 10:10:24 · 580 阅读 · 1 评论 -
由浅入深Vue:数字输入框组件开发实战
Tips:组件与复用组件时Vue最核心,也是最出色的地方。毫不客气的说,Vue.js的组件就是提高重用性的,让代码可复用。知识回顾组件中最惹人注目的,莫过于 组件间的传值(通信) 了。父子组件传值:子组件用props接收,这是必要的。当然,传递的数据并不需要是写死的,比如:来自父级的动态数据,可以使用v-bind动态绑定。单向数据流:Vue2.x的一个改变就是:通过props传递...原创 2019-08-22 14:02:57 · 388 阅读 · 0 评论 -
由浅入深Vue:模拟各大网站留言列表的开发
一、解析留言列表原创 2019-09-01 09:10:45 · 654 阅读 · 2 评论