编写高质量代码--Web前端开发修炼之道（写写帮推荐）.docx

编写高质量代码--Web前端开发修炼之道（写写帮推荐）

第一篇：编写高质量代码--Web前端开发修炼之道（推荐）ajax是什么？①ajax(asynchronousejavascriptandxml)异步的javascript和xml②是7种技术的综合,它包含了七个技术(javascriptxmlxstlxhtmldomxmlhttprequest,css),ajax是一个粘合剂,③ajax是一个与服务端语言无关的技术.即可以使用在(php/javaee/.net网站/asp)④ajax可以给客户端返回三种格式数据(文本格式，xml,json格式)⑤无刷新数据交换技术有以下:flash,javaapplet,框架,iframe,ajax)ajax的运行原理分析看一个需求:ajax在什么地方用的多动态加载数据，按需取得数据。【树形菜单、联动菜单.../省市联动】2改善用户体验。【输入内容前提示、带进度条文件上传...】电子商务应用。【购物车、邮件订阅...】访问第三方服务。【访问搜索服务、rss阅读器】5.数据的布局刷新经典的案例使用ajax与服务器通信的的步骤①创建一个XMLHttpRequest对象②创建url,data,通过xmlHttpRequest.send()③服务器端接收ajax的请求,做相应处理(操作数据库)，然后返回结果(echo语句)④客户端通过xmlHttpRequest的属性reponseText,responseXML取的数据，然后就完成局部刷新当前页面任务1.使用ajax完成用户名的验证register.php用户注册第二篇：Web前端代码规范龙图教育，全球游戏50强教育品牌Web前端代码规范此项目用于记录规范的、高可维护性的前端代码，这是通过分析Github众多前端代码库，总结出来的前端代码书写规范。前端普适性规范黄金定律永远遵循同一套编码规范，可以是这里列出的，也可以是你自己总结的。如果你发现本规范中有任何错误，敬请指正。不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。项目命名项目名全部采用小写方式，以中划线分隔，禁止驼峰式命名。比如：my-project-name文件命名文件命名参照上一条规则，多个单词组成时，采用中划线连接方式，比如说:error-report.html有复数结构时，要采用复数命名法，比如说：scripts,styles,images,data-models龙图教育，全球游戏50强教育品牌文件名中只可由小写英文字母a~z、排序数字0~9或间隔符-组成，禁止包含特殊符号，比如空格、$等为更好的表达语义，文件名使用英文名词命名，或英文简写。不允许命名带有广告等英文的单词，例如ad,adv,adver,advertising，防止该模块被浏览器当成垃圾广告过滤掉。任何文件的命名均如此。index.shtml引导页&首页main.shtml首页download.shtml下载页面act.html活动列表页面video.html视频cdkey.htmlCDKEY页面base.css基本样式layout.css框架布局module.css模块样式global.css全局样式font.css字体样式index.css首页样式link.css链接样式print.css打印样式龙图教育，全球游戏50强教育品牌HTML规范语法使用四个空格的缩进，这是保证代码在各种环境下显示一致的唯一方式。嵌套的节点应该缩进（四个空格）。在属性上，使用双引号，不要使用单引号。不要在自动闭合标签结尾处使用斜线-HTML5规范指出他们是可选的。不要忽略可选的关闭标签（例如，和第三篇：WEB前端开发经验总结ASP.NET前端开发经验总结通过此次大作业的设计到完成，我负责的是web前端的开发，经过此次作业和结合W3C上的自学，我渐渐有了一些对前端开发的小小经验（仅为个人意见）。WEB标准是什么？说是WEB标准，不过我这里主要是对HTML5和CSS3.0的一些经验总结。因为WEB含盖的内容实在是太多了，“WEB标准”是一系列标准的总称，包括HTML5.0、HTML4.0、XHTML1.1、CSS3.0、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来一下，WEB标准不是我们所说的DIV+CSS。刚刚上面提到了――DIV+CSS，这里要说明下，这样说其实是不正确的。DIV+CSS准确的说法（个人的理解）应该是：采用W3C推荐的WEB标准中的HTML5结合CSS3.0样式表制作页面的方法，DIV应该指的是HTML标签，而CSS显示是指的CSS样式表了。采用WEB标准开发的好处那么W3C为什么会推荐这样的页面制