获得徽章 0
前端开发工程师
关注了
我不是外星人
VIP.5 如鱼得水
前端开发工程师
前端开发工程师
有教画流程图的学习教程、学习资料、学习视频的吗?求推荐。
6
装饰者模式(Decorator Pattern)也称为装饰器模式,在不改变对象自身的基础上,动态增加额外的职责。属于结构型模式的一种。

使用装饰者模式的优点:把对象核心职责和要装饰的功能分开了。非侵入式的行为修改。
评论
使用过一段时间 class 来定义组件,要用 vue-property-decorator 提供定义好的装饰器,辅助完成所需功能,对这个过程好奇,就研究了源码。内部主要依靠 vue-class-component 实现,所以将重点放在对 vue-class-component 的解读上。
评论
观察者模式和订阅发布模式是一样的吗?我的理解在概念和思想上是统一的,在实现和使用场景不一样。DOM用 addEventListener绑定事件用的观察者模式;Vue的依赖收集使用用了订阅发布模式。

详细查看文章
2
一篇对 React 态度转变的文章。可以简单看到前端代码组织方式的演变。
【分而治之】
使用模板引擎时,代码的组织方式,把模板都放在一个文件夹下,js和css也是这样。这样的组织方式太过分散了,要打开多个文件进行变更。
再进一步可以把一块业务逻辑的模板、js、css存放在同一个目录下,这解决了分散,但又遇到了复用问题。
【关注点分离】
通过 React 的组织方式,一个文件就是一个组件,组件只关注单一功能,借助 JSX,像写HTML一样把页面堆起来。
抽象能力也更强,如果同一个组件在不同场景下不尽相同,可以使用传递值的方式解决。
总之,如果你不喜欢它,就不要使用它。

blog.reactstory.com
展开
4
关注了
isboyjc
VIP.4 融会贯通
前端开发工程师
一个16进制的颜色码,转成RGB格式,练下基本功。
主要是 parseInt() 这个方法的运用,当传入以 "0x" 开头的字符串时,检测是16进制,然后转成10进制对应的数字。
例如:parseInt('0xff'),对应的数字为255
具体看截图代码,你有更好的实现,一起交流。
前端技能解锁于2020-11-24 18:39发布的图片
4
Vue3源码文件中parse.ts,用来解析HTML模板, 出现的最长正则:

/^[^\t\r\n\f />][^\t\r\n\f />=]*/。

含义为开头必须不包含制表符(\t)、回车(\r)、换行(\n)、换页(\f)、空格( )、斜杠(/),闭合(>),直到遇到重复一次或者更多次制表符(\t)、回车(\r)、换行(\n)、换页(\f)、空格( )、斜杠(/),闭合(>)等号(=)为止。

这个正则是用来匹配行间属性名,也就是 "a = b",会把 ”a“ 匹配出来,写几个用例:
展开
前端技能解锁于2020-11-18 19:49发布的图片
评论
下一页
个人成就
文章被点赞 41
文章被阅读 9,642
掘力值 356
收藏集
6
关注标签
7
加入于