关于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个层次方面的累计学习,当然还有更高级的一些技术和认识那也是要有缘分有机会去接触,在此仅为个人学习总结,谢谢指导



     

浅谈MVC架构—你到底有什么本事

MVC的处理过程:首先控制器接收用户的请求,并决定应该调用哪个模型来进行处理。然后模型根据用户请求进行相应的业务逻辑处理,并返回数据。最后控制器调用相应的视图格式化模型返回的数据,并通过视图呈现给用户...
  • u010168160
  • u010168160
  • 2015年01月27日 07:58
  • 57728

unity3D 游戏开发之工程代码框架设计思路MVC

unity3D 游戏开发之工程代码框架设计思路MVC 设计目的 1.使工程结构更规范。 2.提高代码可读性,封装性,拓展性  3.提高工作效率。 正文内容:  1.Frame的组成结 (1)视图层(...
  • book_longssl
  • book_longssl
  • 2015年02月02日 08:55
  • 3029

浅谈MVP架构的实现方式(架构思想)

浅谈MVP架构的实现方式(架构思想) MVP模式 - 谈起MVC模式可能大家都耳熟能详,最开始多用于web应用的开发,后在移动开发的过程中也引入了MVC,但是很多公司的项目在使用M...
  • u010839880
  • u010839880
  • 2016年07月15日 18:32
  • 2930

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

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

js轮播图框架结构

// JavaScript Document  //获取dom元素样式属性的。//获取对象obj 的样式,属性为 attr 的值; function getStyle(obj, attr) {  ...
  • lunwenjun13269950823
  • lunwenjun13269950823
  • 2016年05月07日 20:28
  • 167

框架结构简图的模式识别

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

框架结构的优化设计

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

css基本框架结构 very good

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

个人框架结构网站代码

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

注册登录界面,asp.net+Table框架结构

  • 2010年05月13日 22:53
  • 63KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于JS的初具实用意义的小型框架结构的思路
举报原因:
原因补充:

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