Service - 业务与 UI 分离业务逻辑与 UI 分离,在服务端人士看来一般理所当然,似乎事情本来就应该这样。 但是在前端领域延伸出了另一条路:UI组件 和 业务组件。 UI组件(基础组件) 负责提供基础展示、交互能力,拥有极大的复用性。 业务组件 在 UI组件 的基础上,添加了定制化的展示,以及业务逻辑。通常很难复用。 业务会分散到多个、甚至多层次的组件中去,在业务复杂后应该还要找一个 store 来完成状态管理。 随javascript2021/05/31 21:20:00
rollup2.x 实践指南最近给一些老项目用的 rollup 升了个级,发现 2.x 的好多依赖包都换名字了... 颇费了些功夫,必须做个记录。 吐槽: 中文版文档太老了,还是 1.x 的,很久很久没人更新。 官网英文版的一些 demo 也跑不起来 =。= 概述 Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或 应用程序。对我而言,是提供了 webrollupjavascripttypescript2020/03/28 14:36:33
javascript 中的正则表达式各语言对正则表达式都有支持,其中支持最好的我觉得应该是 C# 了,shell 的正则最麻烦,大概只有 -P 模式才好点。 javascript 对正则的支持也不错,目前新版的 chrome 跟 node 已经支持了逆向环视。本篇文章主要是对 javascript 中的正则表达式做一个总结。 阅读之前需要对正则有一个基础概念。 声明正则表达式 正则表达式的声明方式有两种: 使用构造函数来 njavascriptregex2019/08/03 11:57:17
基于 Github Issues 和 Vue 的评论组件npm travis gzip license 这是一个基于 github issues 和 vue 的纯前端评论组件,不需要服务端。 效果见文章底部。 Live Demo Have a look at Demo Installation link: <script src="lib/vue.js"></script> <link href="dist/vue-git-commenjavascriptcommentgithubvue2019/08/02 05:26:01
实现一个 requirejs写在前面 requirejs,众所周知,是一个非常出名的js模块化工具,可以让你使用模块化的方式组织代码,并异步加载你所需要的部分。在很多场景拥有 无需编译,立即上手,兼容良好 等优势。 目前模块化主流方式是 es module, amd应用于开发阶段已经比较少了,几乎已经退出了人们的视野。 之所以用 开发阶段 这个词,是因为很多模块化方案最终编译的结果实际也是用类amd的方式去组织模块。 javascriptrequirejsamd2019/07/25 08:24:34
Virtual DOM 的设计与实现目前流行的一些前端框架,比如 React 和 Vue,都是用了 Virtual DOM 作为数据和真实 DOM 之间的一层缓冲,并不是直接更新 dom。Virtual DOM 本质上来说是 javascript 对象,用来描述 DOM 结构以及其附加的属性、状态、事件等。 我在学习了 snabbdom 源码后,借鉴其思路写了个简化版 mini-vdom,并使用 mini-vdom 构建了一个 Mvirtual domsnabbdomjavascript2019/03/05 15:06:33
写一个 javascript 模板引擎我就是要自己写一个模板引擎,只要 40 行。 而且她是兼容 ie6 的 0_o js 模板引擎有很多很多,我以前经常用 art-template ,有时候也会拿 vue 来当模板引擎用。 之前在携程商旅的时候,代码规范是 未经允许不能使用 【外部代码】 ,囧。 有了需求,那么就去写吧,当时因为一些原因没用上。后来分了产线,自己搭了一套构建,用了几个月感觉挺爽,把这小段代码按照比较大众的规javascript模板引擎2018/08/01 16:24:12