关于JS的初具实用意义的小型框架结构的思路

原创 2016年06月01日 10:54:07

最近一直在研究关于JS的技术,关于基本功方面只是看资料难以入门实践,故只能从实践中去寻找关于该语言中的一些特性以及该实现当中的JS基础了,现在分享下所了解的JS关于一些能实际应用的初步想法:

1.JS的技术历史起源到如今的应用广泛可以参考各个知识库或者官方说明,比较实用的认识就是:ECMAScript--->js的浏览器实现(JScript、javascript)---->各种其他应用如各种框架以及可以作为服务器端脚本的Node.js了

2.作为网站开发入门级别的实现技术:DOM|BOM,其中的各种浏览器实现和当中的编程技巧值得网站开发一直研究下去,关于当中的一些学习就是今天要讲诉的小型初具实用意义的JS实现了:

   关于网站入门级别的技术:css+html4.01/xhtml/html5+js+各种js框架实现等,当然现在处于初步摸索阶段要从基本的JS实现当中来实现自己的构思实用小型框架,实现思路为:

  网页要求结构、表现、行为的分离,所以不得不对CSS的思路进行构思以及html代码的语意方面去了解:

   1.结构:熟悉常见的html标签以及关于该标签的定位(表现、意义、动画等),以及未来方向性的html5的研究,找出不同版本的html元素之间的变更以及这样差异的意义.....

  2.表现:从CSS2.0开始到CSS3.0和之后的版本中关于CSS布局、文本、动画、特效等的实现,当然还是像html那样去熟悉每个属性的意义和用法,特别是关于定位布局方面的认识和元素类型(比如块、行内;元素默认的触发样式是怎么样的等)的认识..........

  关于CSS就是要自己构思个能尽量兼容的代码框架,用有名的MVC思路去实现:

关于model层来解决标签的不同浏览器的默认样式去除;定位布局排版方面的细化类样式的沙粒化来组合实现网页的表现,从而少用继承多用组合来实现一个网页的可重构型(关于这重构型需要项目经验的积累,所以要努力还是要努力的去做的.....);

关于common层还是需要能从网页的模块化认识去写出来也是实战性很强的层

关于view层就是页面层了,就是一些很琐碎的很独立的一些页面样式的实现,真正的实现还是要项目来累积

所以别偷懒还有很多东西可以学可以进步...................

  3.行为:就拿实现最广泛实用的JS来讲,也用所谓的MVC来实现

  M层实现:有一个全局的命名空间以及不同程序员实现的匿名初始方法来实现初始化的步骤,利用该全局空间来实现最底层的关于DOM、Event、Tools(实用工具方法库)的实现

  C层实现:Cookie的读取、拖拽Drag、动画Animation、切换标签Tab、树形目录Tree、弹出窗口Msg、日历、文本编辑器等等

 V层就是页面的独特的一些操作.....


学习中资料难得能找到自己想要的以及自己水平能及的资料来帮助自己,所以有感而发来做下阶段的总结理下思路,接下来的关于前端的技术就是关于这6个层次方面的累计学习,当然还有更高级的一些技术和认识那也是要有缘分有机会去接触,在此仅为个人学习总结,谢谢指导



     

相关文章推荐

点击框架结构左侧内容后,添加到右边指定的文本域中的JS代码

上面三处对框架窗口中,右边那个窗口的名称一定要一致,否则无法实现将左侧点击后的内容放到右边指定地方...
  • jaray
  • jaray
  • 2014年11月28日 09:09
  • 1720

js轮播图框架结构

// JavaScript Document  //获取dom元素样式属性的。//获取对象obj 的样式,属性为 attr 的值; function getStyle(obj, attr) {  ...

框架结构简图的模式识别

  • 2015年12月16日 23:54
  • 160KB
  • 下载

框架结构的优化设计

  • 2014年05月14日 19:11
  • 2.35MB
  • 下载

Spring3.0框架结构

原文:http://chenchh.iteye.com/blog/675701 Spring 框架是一个分层架构,它包含一系列的功能要素,并被分为大约20个模块。这些模块分为Core Con...
  • liou825
  • liou825
  • 2014年01月23日 10:46
  • 3395

css基本框架结构 very good

  • 2015年08月09日 14:57
  • 2KB
  • 下载

个人框架结构网站代码

  • 2008年12月03日 19:40
  • 13.19MB
  • 下载

高精度定时器在mips上的框架结构

大体流程: run_timer_softirq hrtimer_run_pending hrtimer_switch_to_hres tick_setup_sched_timer hrti...

二次结构方案(主体框架结构)

  • 2011年07月14日 21:38
  • 12.39MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于JS的初具实用意义的小型框架结构的思路
举报原因:
原因补充:

(最多只允许输入30个字)