学习JavaScript以及React技术报告

原创 2018年04月15日 16:05:33

在学习JS中遇到的一些问题总结:

1.

   我们需要在页面加载时能够通过javascript去动态操作html中的一些对象,对于这些操作,我们最好是在body中定义onload操作,然后在该操作中去完成这些任务,尽量避免在html中嵌入script执行代码,因为对于比较大的页面,当这些脚本执行的时候,页面往往还没有加载完毕,因此许多页面对象还没有被生成,此时动态去改变很可能会报异常。也可以把脚本保存在外部文件中,文件扩展名为 .js,外部文件通常包含被多个网页使用的代码。注意:在使用外部脚本时,脚本内不能包含 <script> 标签。

2.

   在一个页面含有某个iframe,其id="myframe"name="myframe",此时使用document.getElementById("myframe")取到的是iframe标签对象,通过该对象可以获取iframe的各个属性,例如src、frameborder、style等等,但是不能获取到iframe所包含的子页面的各个对象。如果使用document.frames("myframe")取到的是iframe组件对象,通过该对象可以获取到iframe所包含的页面的子页面的各个对象,例如子页面的window对象,但是不能获得iframe标签得各个属性,例如上面说到的src等等。

3.

   在 JavaScript 中,你可以通过在引号前面使用反斜杠(\)来转义引号。

例如:

var txt = "Tom said, \"Helen is learning Java Script\".";

初步学习React体会:

   React及其相关配套的技术是一套前端开发框架,采用了面向对象式的编程方式来编写前端。并且可以独立运行前端,使得前后端分离。三大特性:

一、组件化;

   React是单页面程序,所有的页面代码最终将转化为一个页面,然而页面中的任何元素都可以封装成一个独立的组件。大到整个页面,小到一个输入框,都可以是一个组件,同时React为这种组件组合、封装制定了一套完整的规则和方法,使得编程非常方便,如同JavaC#中的类,包以及DDL等。

React通过props实现父子组件的数据传递,通过state实现组件内部数据传递。

二、

Virtual Dom;

   Virtual DomReact宣称它效率更快的重要原因。开发WebUI的都知道,在页面上进行Dom树查找是非常费时费力的事情,由此在Jquery中还有多种为提高查找效率的写法。ReactJs却提供了虚拟Dom树,在内存中保持实际Dom树的拷贝,如果Dom树发生变化,则先修改内存中数据,然后保存到时间Dom树中。这将比直接操作Dom要快的多。

三、Learn Once Write Anywhere;

   主要是指React已经成为一种跨平台、跨前后端的语言,React不仅适用于Web UI,也适用于Node,以及移动App,并且采用React Native编写的App,只需少量的代码改动就能同时在Android,IOS上运行。

收藏助手
不良信息举报
您举报文章:学习JavaScript以及React技术报告
举报原因:
原因补充:

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