用纯js就可以写一个网页!为什么还要用html和css,为什么不把html及css舍去??有这发展

作者&投稿:招狡 (若有异议请与网页底部的电邮联系)
为什么Web前端开发不抛弃HTML和CSS,用纯JavaScript 开发?~

很多学生在学习JS的时候都会有这个疑,为什么不抛弃css它们直接用JavaScript开发呢?
首先要确定,即使抛开游戏不论,一般的Web应用或者网站,完全用JavaScript开发也是可行的。比如ExtJS、webOS的Enyo等。但是主流Web开发很少采用全JS的方案。原因大体有以下几点:
1. 注重考虑那些无法运行JS的用户代理。
用户使用不支持JS的浏览器(比如较老的手机浏览器),或者禁用脚本。当然你可以选择忽略这一小撮用户,尤其是现在绝大多数网站和应用也是如此选择的,但是至少我们应该对坚持考虑无JS情况的开发者予以基本的尊重。此外,如 Mobile Transcoder或某些手机浏览器的“极速模式”是基于服务器端对网页的解析和重组,是否能支持JS很够呛。
更重要的因素是SEO friendly。如果是全JS生成的网页,搜索引擎无法索引内容。这一点对于许多网站是性命攸关的。
2. 注重HTML/CSS本身的优点。
诚然JS本身也可以通过精心设计的框架和库来实现分离等所有HTML/CSS模型的优点。但是存在许多不确定因素:
1) 有足够好的框架和库吗?
2) 框架和库给出的抽象模型和HTML/CSS模型的阻抗是否匹配?
3.注重性能。
最终Web应用、页面是在浏览器中执行,而浏览器完全是按照HTML/CSS所设计。抛开Canvas不论,纯JS的实现最终还是要生成DOM。从性能的角度看,纯JS生成DOM自然赶不上直接的markup。同样的道理,就算用CSS预处理器也都会在部署时预先编译——尽管在运行时可以做出更牛逼的特性(然而实际上目前我不知道有任何CSS预处理器干了这样的事情——因为它们都是按照预编译的场景设计的),再如HTML/CSS是按照渐进显示优化的(页面不用全下载完就可以看部分),而纯JS的架构没有精心设计是很难做到的(比如json数据全部下载完你才能parse,数据才可用,DOM才能生成)。
现在想要学习Web前端,好的专业培训机构也很多的。例如北大青鸟、南京课工场、南京中博软件学院等等,你可以试听一下课程参考一下。

是需要的,一些特效还是需要js来实现的。
1、一个纯静态网页大致包括html css js 。
2、一般HTML是一个网页的骨架,css是修饰这些骨架的样式,js是实现一些特效的。
3、现在主流的前端是div+css布局来实现的。HTML只用来布局,而css负责所有样式的修饰。
4、这只是pc的静态网页,对于移动端或者是响应式则需要js来参与基本的布局,比较复杂。

很多学生在学习JS的时候都有这个疑问,为什么不抛弃css它们直接用JavaScript开发呢?
首先要确定,即使抛开游戏不论,一般的Web应用或者网站,完全用JavaScript开发也是可行的。比如ExtJS、webOS的Enyo等。但是主流Web开发很少采用全JS的方案。原因大体有以下几点:
1. 注重考虑那些无法运行JS的用户代理。
用户使用不支持JS的浏览器(比如较老的手机浏览器),或者禁用脚本。当然你可以选择忽略这一小撮用户,尤其是现在绝大多数网站和应用也是如此选择的,但是至少我们应该对坚持考虑无JS情况的开发者予以基本的尊重。此外,如 Mobile Transcoder或某些手机浏览器的“极速模式”是基于服务器端对网页的解析和重组,是否能支持JS很够呛。
更重要的因素是SEO friendly。如果是全JS生成的网页,搜索引擎无法索引内容。这一点对于许多网站是性命攸关的。
2. 注重HTML/CSS本身的优点。
诚然JS本身也可以通过精心设计的框架和库来实现分离等所有HTML/CSS模型的优点。但是存在许多不确定因素:
1) 有足够好的框架和库吗?
2) 框架和库给出的抽象模型和HTML/CSS模型的阻抗是否匹配?
3.注重性能。
最终Web应用、页面是在浏览器中执行,而浏览器完全是按照HTML/CSS所设计。抛开Canvas不论,纯JS的实现最终还是要生成DOM。从性能的角度看,纯JS生成DOM自然赶不上直接的markup。同样的道理,就算用CSS预处理器也都会在部署时预先编译——尽管在运行时可以做出更牛逼的特性(然而实际上目前我不知道有任何CSS预处理器干了这样的事情——因为它们都是按照预编译的场景设计的),再如HTML/CSS是按照渐进显示优化的(页面不用全下载完就可以看部分),而纯JS的架构没有精心设计是很难做到的(比如json数据全部下载完你才能parse,数据才可用,DOM才能生成)。
现在想要学习Web前端,好的专业培训机构也很多的。例如北大青鸟、南京课工场、南京中博软件学院等等,你可以试听一下课程参考一下。

HTML、CSS、JS是网页最基础的三要素,一个网页中可以没有JS,可以没有CSS,但不能没有HTML,因为浏览器的工作原理基于HTML的,你说的用纯JS写一个网页,难道不输出任何HTML标签?


用纯js就可以写一个网页!为什么还要用html和css,为什么不把html及cs...
最终Web应用、页面是在浏览器中执行,而浏览器完全是按照HTML\/CSS所设计。抛开Canvas不论,纯JS的实现最终还是要生成DOM。从性能的角度看,纯JS生成DOM自然赶不上直接的markup。同样的道理,就算用CSS预处理器也都会在部署时预先编译——尽管在运行时可以做出更牛逼的特性(然而实际上目前我不知道有任何CS...

如何用纯js代码面向对象写个简单的21点游戏
1,html写好界面,定义好class和id 2,为了模拟出扑克牌21点游戏,应先定义卡牌池中有1-10,J,Q,K每个数字和字母分别有4个 3,js中实现界面交互,如点击开始按钮,随机从卡牌池中抽取一个数字或字母存入临时变量a,并附于点数之和num其相应的点数 4,点击抽牌按钮随机从卡牌池剩余的卡牌中抽取,...

写前端 js 的时候,只用原生 js 现实吗
不现实 。比如要说原生js比jQuery性能好,在用对的情况下,是没问题的。可原生js比jQuery好看...这就理解不能了。如果单纯不喜欢 jQuery , 使用先进写的前端框架配合 CoffeeScript ,写代码也比较容易的。只写原生js有种造轮子不用第三方库的感觉。

纯js:让一个圆(div)每隔2秒向上移动两个像素
你好 实现如下 假设div id=a css: #a{position:absolute;top:0px;} function move(){ var top=$("#a").offset().top-2;("#a").attr({"top":top});setTimeout("move()",2000)} (function(){ move();})希望能帮到你 谢谢 ...

js可以写网页吗?
可以。html一句不用都行,css一行不写都行。不过html还是要的,毕竟是入口。纯js可以通过dom操作写出html+css

如何用纯js实现点击“记住用户名”按钮,刷新之后用户名依旧在页面的效果...
JS Timing JS 库 cookie 用来识别用户。实例 创建一个欢迎 cookie 利用用户在提示框中输入的数据创建一个 JavaScript Cookie,当该用户再次访问该页面时,根据 cookie 中的信息发出欢迎信息。什么是cookie?cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 ...

纯js在网页中渲染一个列表,列表中的数据用js定义一个数组,存储在数组中...
{"id":"1","text":"姓名1"},{"id":"2","text":"姓名2"} ]var html = [];html.push("")for(var i=0,len=data.length;i<len;i++){ html.push(""+data[i].text+"");} html.push("");document.body.innerHTML = html.join("");

有哪些用 JavaScript 实现的图形库
Highcharts JS 是一个制作图表的纯 Javascript类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括 iPhone、IE 和火狐等等;对个人用户完全免 费;纯JS,无BS;支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;跨语言:不管是 PHP、Asp.net 还是 Java 都可...

求一个纯js生成的页面导出为mhtml的例子
转例如:\/\/JSON读者VARJR新Ext.data.JsonReader({根源:“反馈”,领域的'id','名','内容']});VARST新Ext.data.Store({baseParams:{开始:0,上限:100},代理:新Ext.data.HttpProxy({链接:“Webservice.asmx机构\/selectUsers',的方法:'后'}),JSON:真实,读者:新Ext.data.Json...

用js实现随机选取10–100之间的10个且不重复的数字,存入一个数组。
代码如下:\/\/ 纯手打,不谢。var randoms=[];while (true){ var isExists = false; \/\/ 获取一个10–100范围的数 var random = parseInt(10 + (90 - 10) * (Math.random())) \/\/ 判断当前随机数是否已经存在 for (var i = 0; i < randoms.length; i++) { i...

苏州市15566286157: 用纯js就可以写一个网页!为什么还要用html和css,为什么不把html及css舍去??有这发展 -
说子美罗: HTML、CSS、JS是网页最基础的三要素,一个网页中可以没有JS,可以没有CSS,但不能没有HTML,因为浏览器的工作原理基于HTML的,你说的用纯JS写一个网页,难道不输出任何HTML标签?

苏州市15566286157: 为什么 Web 前端开发不抛弃 HTML 和 CSS,用纯 JavaScript 开发 -
说子美罗: JavaScript 是脚本语言,浏览器解释执行的,不是dom元素,dom元素才可以显示到页面上,所以必须有html标签支撑,css样式控制页面元素的位置,颜色和大小等特性,js控制页面元素的交互.

苏州市15566286157: 为什么Web前端开发不抛弃HTML和CSS,用纯JavaScript 开发? -
说子美罗: 简单的web网页开发 HTML+CSS 学习比较容易,门槛低,HTML的语义可以让屏幕阅读器方便的读取页面的内容,搜索引擎不需要转义js直接抓取html里面的内容.复杂的web开发,web app,RIA.html只是作为结构存在,可以认为它是一套组件库,相对于情况一,一个页面的代码里肯定就没几行html,都被写到了js里面(当然最终得到的还是满满的html).当整屏幕的input输入框的时候,难道就那么不稀罕html提供给你的表单功能而硬要自己做一个?游戏开发,canvas就直接用js.

苏州市15566286157: 用代码就能做网页,写程序,请问这原理是什么呢? -
说子美罗: 这没有什么原理的,就是没有用生成网页的工具而已.不管你是DW还是VS最终都是要生成代码的.而直接写代码与生成代码是一样的结果的!这个代码就是HTML+CSS+JS等代码,这些代码如果你自己清楚就可以用记事本直接写网页程序的!

苏州市15566286157: js可以写WEB页面吗 -
说子美罗: 如果你真的想那么做,当然可以了. 调用write(),把所有的代码都写出来.... 不过没有实际意义了...现在的程序都不会再这么写了

苏州市15566286157: 既然js从外部链接,那网页制作中还用的到js吗 -
说子美罗: 不知道您是否理解js在网页制作中的作用,我简明的说一下.js,即javascript,一种脚本语言,主要应用于网页的前端制作,它可以直接写在HTML文件内,也可以从外部引用,但是不管它是以何种方式作用于html,最终js还是由网站制作者来写的. 就算你从外部引入,最终写js的人还是你自己啊.有的时候,为了开发方便,我们会引入一些第三方的js库,比如jquery,这些库虽然不用自己写,但是你要通过这些库来实现功能,最终代码还是自己写,所以怎么能说js在网页制作中没用呢,是吧.

苏州市15566286157: 为什么js代码在HTML文件里可以运行,写在js文件里被html文件调用之后却是无法运行了? -
说子美罗: 为什么js代码在HTML文件里可以运行,写在js文件里被html文件调用之后却是无法运行: 1.立即执行的JS代码会受位置的影响. 2.假如你把JS外部引用放入HEAD里,而你在该JS文件中试图直接访问DOM中的一个BODY的子元素,就可能产生...

苏州市15566286157: javascript是不是只能用于网页制作呀? -
说子美罗: 个人认为软件开发用这个可不好,这是一个解释执行的语言,而且功能很少.不过,既然作为一个脚本,很方便,可以写一些小程序玩儿.比如前两天一哥们写了几句,往QQ窗口上发消息,就可以在你的QQ聊天窗口中输出九九乘法表.脚本对于黑客很好用,一般在入侵时比EXE的较隐弊,不易被发现.

苏州市15566286157: 在一个html页面里可不可以全部用javascript来写? -
说子美罗: 如果你说的是整个HTML里面没一句HTML标签,全是js,不可能,反正我没见到过.但是用js来生成整个BODY中的标签倒是可以的,google一下嘛,有很多这样的例子.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网