网页开发的一种暴力方式
博客专区 > HonChy 的博客 > 博客详情
网页开发的一种暴力方式
HonChy 发表于3年前
网页开发的一种暴力方式
  • 发表于 3年前
  • 阅读 272
  • 收藏 4
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 所谓暴力就是不讲究策略,使用本办法来尝试解决所有问题的一种思路。有点你打你的,我写我的意思。

##网页开发暴力方式

  • 他很炫,我只看资源
  • 交互多,抓转态,分阶段
  • 控件杂,挨个建模

###他很炫,我只看资源 网页的设计样式越来越炫,这意味着需要为边框,颜色,留白,动画等做出更多的额外的设计,而不仅仅是资源本身。但是这里的关键就是抓住资源。不管页面如何的设计,要抓住资源而非设计。这里的资源参考REST中有关资源的概念和DDD中领域对象的概念。 有了资源,你就可以在规划dom结构时,适当的应用上微格式,使逻辑重新回归。

###交互多,抓状态,分阶段 很多元素的事件需要响应,但是大多数情况下,这些事件不是一起发生的。所以可以针对这些事件涉及网页的多个状态。通过事件驱动状态发生改变。一个事件一个状态。

###控件杂,挨个建模 这个一般是第二个有关,当有很多个dom元素会有事件或者状态变化的时候,可以对每个dom进行封装形成一个对象。然后为这些对象安装状态切换功能和事件触发相应能力。

##为什么可以这么暴力 其实把网页拆分成为各个元素和功能组件,就好比不是造一个拖拉机,而是造一堆零件。拿着这一堆零件可以拼凑出一台拖拉机,也可能拼凑不出来一台拖拉机。这是风险所在,但是也是灵活性所在。其实就是REST思想中拆分的资源和资源的相关链接,DDD中拆分的不同粒度的领域对象。这样你在拆分的页面元素和功能的时候,其实也是熟悉各个零件的过程,有这个工程中的思考,对与整体的把握会更好,再经过多次的重构后,系统会逐渐的由凌乱形成章法。代码会进化。 但是在开发的时候,一次只需要考虑一个零件,它是什么,有什么作用,有什么事件等,这样就大大降低了设计难度。在零件开发完成以后,自然会在零件之上开发更粗粒度的功能包装,来组装这些零件的功能。所以可以减少很多思考的时间,只需要花费心思,思考如何拆分,如何组装。做完一步,再看下一步。不急不躁,是一个很自然的过程。

##如何实施 这个需要借助前端工程化的解决方式,因为要写很多的模块,有些是资源,有些是dom封装,有些是辅助,这些零散的js模块还需要一个或者多个组织者。这么多的js文件,需要进行合并压缩来减少体积。这些文件一般选择在后端打包压缩。

共有 人打赏支持
粉丝 13
博文 100
码字总数 87679
×
HonChy
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: