发新帖

代码重构：让网站网站的代码更优美和简洁

6653 25
重构，排名关键词词在前端排名块让人想到的更多的是页面制作（HTML/CSS）排名块的工作。然后在前端中还seo优化块更重要的地方  百度就是代码的重构；学软件工程的同学应该会比较清楚。


对于排名次重构后，得到以下改进：


代码重构，简单来讲就是把原来的代码重新构建和编写，让代码更加清晰，提升代码的竿?居呕?性和性能等。


seofuwu655301550241.png


2、  是否真的需要在右上角加优化关键词关闭命令菜单；


较之前相比：


经过之前的实践，将多例改成单例，排名里也去除掉了右上角的关闭按钮，为了增加其扩展和灵活性，排名里采用了事件注入（钩子）的方式进行回调处理。


2、方法分离，各司其职。如：show/hide 只负责其可见性，其它的由对应的方法处理，使接口方法的职责更清晰；


seofuwu655301550242.png


排名里创建优化关键词对话框（多例）的基本代码，排名里主要做了以下几件事


1、  如果页面上找不到为当前ID的对话框，则创建优化关键词新的；


实例：Web弹层（Dialog/LayerBox/LogicBox）


2、  设置对话框标题；


3、  设置右上角关闭命令菜单的事件；


4、  设置对话框内容；


5、  设置对话框操作按钮。


代码二：


seofuwu655301550243.png


下面开始抛砖，希望能为在做代码重构和对代码重构seo兴趣的同学能带来优化些启发和帮助。


seofuwu655301550244.png


seofuwu655301550245.jpg


思考：


3、  ……


1、  将多例改成单例，降低了对实例的维护，并且更方便的对实例进行管理；


2、  事件机制的改成，减少事件绑定和维护；


3、  将HTML结构解耦，JS代码不需要关心页面结构的维护；但是会带来页面上的维护工作；


还seo没seo其它更灵活和简洁优化点的方式呢？


1、  是否真的需要多例形式的组件；


代码三：


seofuwu655301550246.png


代码优化：


上面是最近的优化关键词演进版本，排名关键词是优化关键词公共的逻辑弹层（表单操作等），排名里较上优化次去调了事件钩子，直接采用callback传递的方式，并采用链式的方式进行处理，页面上调用更加简单。


调用示例：


OK，抛砖结束。


思考：


seofuwu655301550247.png


1、不需要先去set对应的事件钩子；


3、页面结构回归到了JS代码，考虑多产品的应用场景，减少页面结构的维护


最后优化句话，代码优化无止境，只seo更多的思考、重构。让自己的代码更具可用性、灵活性。也为团队降低学习成本。


延伸阅读：


  • 网站代码优化怎么做？得学会做减法
  • 该如何通过代码优化来提高网页加载速度？
  • 网站代码优化：网站加速必须注意的八关键词方面

精彩评论25

jn7   学习于  2016-6-18 16:53:58
这篇seo文章很不错
5800   学习于  2016-6-18 17:32:13
楼主是优化界超人
SEO服务   学习于  2016-6-18 17:42:24
顶顶多好，多学点优化技巧
qsgpd   学习于  2016-6-18 17:20:50
难得一见的好帖教会我如何优化网站
ez2r3   学习于  2016-6-18 17:15:16
LZ真是SEO的人才
腐女   学习于  2021-2-28 12:03:15
网站运营seo优化公司
游民星空   学习于  2021-2-28 14:45:35
洛阳网站推广优化公司
管住您的裤裆   学习于  2021-3-2 03:53:15
普宁网站优化关键词公司
幸福爱人   学习于  2021-3-3 23:28:47
蒙城企业网站优化公司铸造辉煌
查看下一页
返回列表
123下一页

帝国网络 网站优化

www.100ip.net

西安百度优化公司 提供网站SEO优化、降权分析恢复等服务,分享网站SEO优化技术细节思维,解答SEO问题,让新手从零基础开始学习网站的优化

Copyright © 2008-2018 网站优化 xian.100ip.net 版权所有 All Rights Reserved. 网站优化技术支持

西安SEO优化公司致力于SEO优化外包、网站建设、网站优化公司、整站优化、网站运营、危机公关、SEO外包、网站推广等;SEO服务电话:400 050 4004