首页
学习
活动
专区
工具
TVP
发布

狮乐园

专栏作者
48
文章
44996
阅读量
14
订阅数
高级 Vue 组件模式 (2)
我们需要实现的需求是能够使使用者通过 <toggle> 组件动态地改变包含在它内部的内容。
littlelyon
2020-01-21
6980
高级 Vue 组件模式 (3)
之前一篇文章中,我们虽然将 toggle 组件划分为了 toggle-button、toggle-on 和 toggle-off 三个子组件,且一切运行良好,但是这里面其实是存在一些问题的:
littlelyon
2020-01-21
4360
高级 Vue 组件模式 (4)
在第三篇文章中,我们使用 mixin 来抽离了注入 toggle 依赖项的公共逻辑。在 react 中,类似的需求是通过 HOC 的方式来解决的,但是仔细想想的话,react 在早些的版本也是支持 mixin 特性的,只不过后来将它标注为了 deprecated。
littlelyon
2020-01-21
4810
高级 Vue 组件模式 (5)
在之前的文章中,详细阐述了子组件获取父组件所提供属性及方法的一些解决方案,如果我们想在父组件之中访问子组件的一些方法和属性怎么办呢?设想以下一个场景:
littlelyon
2020-01-21
5360
高级 Vue 组件模式 (6)
之前的五篇文章中,switch 组件一直是被视为内部组件存在的,细心的读者应该会发现,这个组件除了帮我们提供开关的交互以外,还会根据当前 toggle 的开关状态,为 button 元素增加 aria-expanded 属性,以 aira 开头的属性叫作内容增强属性,它用于描述当前元素的某种特殊状态,帮助残障人士更好地浏览网站内容。
littlelyon
2020-01-21
5570
高级 Vue 组件模式 (7)
到目前为止,仅从 toggle 组件自身的角度来看,它已经可以满足大多数的业务场景了。但我们会发现一个问题,就是当前 toggle 组件的状态对于调用者来说,完全是黑盒状态,即调用者无法初始化,也无法更改组件的开关状态,这在一些场景无法满足需求。
littlelyon
2020-01-21
6030
高级 Vue 组件模式 (8)
在第七篇文章中,我们对 toggle 组件进行了重构,使父组件能够传入开关状态的初始值,同时还可以传入自定义的状态重置逻辑。虽然父组件拥有了改变 toggle 组件内部状态的途径,但是如果进一步思考的话,父组件并没有绝对的控制权。在一些业务场景,我们期望父组件对于子组件的状态,拥有绝对的控制权。
littlelyon
2020-01-21
6460
高级 Vue 组件模式 (9)
到此为止,我们的 toggle 组件已经足够强大以及好用了,因此这篇文章不会再为它增加新的特性。如果你是从第一篇文章一直读到这里的读者,你一定会发现,整篇文章中,我几乎没有对 toggle-on 和 toggle-off 做出任何更改和重构,因此这篇文章着重来重构一下它们。
littlelyon
2020-01-21
5860
13 个设计 REST API 的最佳实践
之所以翻译这篇文章,是因为自从成为一名前端码农之后,调接口这件事情就成为了家常便饭,并且,还伴随着无数的争论与无奈。编写友好的 restful api 不论对于你的同事,还是将来作为第三方服务调用接口的用户来说,都显得至关重要。关于 restful api 本身以及设计原则,我陆陆续续也看过很多的文章和书籍,在读过原文后,感觉文中指出的 13 点最佳实践还是比较全面的且具有参考意义的,因此翻译出来分享给大家。如有错误,还望指正。
littlelyon
2020-01-21
3.4K0
高级 Angular 组件模式 (6)
Render Props最近在React社区中引起了轰动,但是与之类似的模式在Angular中似乎并没有得到太多关注。我在之前写的文章提及过,TemplateRefs就是Angular中的Render Props,同时我会在这篇文章中列举一个简单易用的例子。
littlelyon
2020-01-21
1.1K0
高级 Vue 组件模式 (1)
去年,曾经阅读过一系列关于高级 react 组件模式的文章,今年上半年,又抽空陆陆续续地翻译了一系列关于高级 angular 组件模式的文章,碰巧最近接手了一个公司项目,前端这块的技术栈是 vue。我对于 vue 本身还是比较熟悉的,不过大多都是一些很简单的个人项目,在构建相对比较复杂的应用中缺乏实践经验,就想着也搜搜类似题材的文章,涨涨知识。结果似乎没有找到(其实也是有一些的,只不过不是和 react 和 angular 对比来写的),不如就按照 react 和 angular 这两个系列文章的思路,使用 vue 来亲自实现一次吧。
littlelyon
2020-01-21
8240
vscode typings配置
vscode发布至今已经到1.5.2了,我是从1.1开始用的,经历了几个改动比较大的版本。总体给我的感觉还是很好的,作为一个rich editor,能够提供像webstorm之类ide的代码提示功能非常赞,但是对于这块的配置还真没折腾过,只知道它的提示是基于ts的compiler提供的,虽然是ts提供的,但是js作为ts的编译对象,同样可以享受这个compiler提供的便利。
littlelyon
2018-10-19
2.2K0
interview record 20160822
问了一些列范围超级广的问题,不过我感觉大部分问题的答案,面试官还是比较满意的,有一些小问题没有答上来,我觉的并不是因为自己没有能力,其实就是所谓的“约书亚树”道理,当你不明白或者不知道一个事情的时候,如果没有机会去了解它,确实可能永远不可能了解了。就好比这次面试,如果面试官不问我,而我项目经验又比较匮乏,确实真的不知道啊。
littlelyon
2018-10-19
4250
HTML is about meaning
HTML标签本身的意义是为了传递对于一个document元素的含义,所以再考虑使用正确的标签表达内容之前,考虑你的网页看起来怎么样为时过早,请将注意力集中到每一个你使用的HTML标签上。
littlelyon
2018-10-19
5500
liferay-portlet-container
portlet是portal中最常用的组件了,所以也来山寨一个70版本的portlet container的UI吧。
littlelyon
2018-10-19
6010
liferay-progress-bar
上次山寨了一个smile face,最近因为一直都在测70,然后就又对70的progress bar起了兴趣。
littlelyon
2018-10-19
6500
liferay和proxy server那点事
这里的proxy server应当是指正向代理(forward proxy)。正向代理大概的意思,就是一个位于客户端和原始服务器之间的服务器,当客户端为了从原始服务器拿一些内容的时候,不向原始服务器直接发送请求而是向代理服务器发送,代理服务器转发客户端请求给原始服务器并将获得内容返还给客户端。
littlelyon
2018-10-19
7920
liferay smile face
说到这个face,自从70开始改版的时候,我就一度以为这个face是歪的,后来才知道,人家就是故意歪的,并且它是一个gif图片,正好最近在学习css相关的东西,借机自己重新仿制一个山寨版的吧。
littlelyon
2018-10-19
4420
高级 Angular 组件模式 (3b)
Kent C. Dodds的第四篇文章中的一个重要元素在上一篇文章中没有涉及,使用withToggle高阶组件(HoC, react中的常用模式)可以将<toggle-on>、<toggle-off>、<toggle-button>组件中的公用逻辑分离出来。
littlelyon
2018-10-19
1K0
高级 Angular 组件模式 (2)
我们需要实现的需求是能够使使用者通过<toggle>组件动态的改变包含在它内部的内容。
littlelyon
2018-10-19
7870
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
热点技术征文第五期
新风口Sora来袭,普通人该如何把握机会?
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品·最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档