记录几个最近了解的 web开发的总结
1.
网页里在包含 js 时,要写成
<script type = "text/javascript" src="index.js"></script> 不要简写成 <script type = "text/javascript" src="index.js"/> ,写成这样浏览器虽然不会报错,但至少在chrome 上会无法执行 js 里面的 函数.2.
js 构建 ajax 请求的基础写法,我从网上抄的, 记录在此:
function ajaxObject() { var xmlHttp; try{ xmlHttp = new XMLHttpRequest(); } catch(e) { try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP") } catch(e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") } catch(e) { alert("Browser not support Ajax!") return false } } } return xmlHttp; } function ajaxPos(url,data,fnSucceed,fnFail,fnLoading) { var ajax = ajaxObject(); ajax.open("post",url,true) ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ajax.onreadystatechange = function() { if(ajax.readyState == 4) { if(ajax.status == 200) { fnSucceed(ajax.responseText) } else { fnFail("Http request error!Error code:" + ajax.status) } } else { fnLoading(); } } ajax.send(data) }3.
XMLHttpRequest 形式的 ajax请求 无法做到 跨域,即 ajax 的 目标对象必须和自己在同一个域名下。
如果请求的地址跨域了,则会 收到 state == 0 的错误码.
4.
我是个web开发纯新手,最近一直有这样的想法,不知道想的对不对。
工作上,一直在做 cocos2dx 的卡牌游戏,前后端区别分明,后端只负责返回数据,前端用负责显示。我现在想写个简单的个人网站,也希望能够做到明确的前后端开发分离的效果。但是在看了一些 html css js php的资料后,我发现 很多我看到的资料上,前端 页面都是 由后端 负责生成的。比如一个 .php 文件, 里面有 html 标签,有 <?php?>标签,这样动态生成一个页面。这样一来,归根结底还是后端生成 ,没有彻底做到前后端彻底分离。
于是我打算这样做:前端用 javascript 来生成网站的动态部分,动态部分的数据,用 javascript 的 ajax 向后端发请求获得。这样一来前后端完全分离,做法就很像游戏开发的方式了。去年做了不长时间的 egret 游戏,做法基本上就是这样的。只是前端显示上,完全体现在 html 的 canvas 标签里。而做网页的话,需要体现在 DOM 上。
JS 前端应该有一些列的 ui 库,以我现在的理解 jquery, react, bootstrap,extjs 应该就是专门做 用 JS 写 ui 件事的( 不知道我的理解对不对).但是由于我在学习 html css js ,所以暂时不打算用 任何 ui 框架,而是自己从头开始构建界面的每一部分。
js 构建 html DOM 的话, 一些页面的公用部分,可以封装成 js 代码,这样理论上就能较好的解决 html 页面重复部分 要写好几遍的问题。
最终网页的效果可能很丑陋,但至少先做一个试试吧。
