摘要: 什么是ajax 什么是ajax AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 Ajax包含下列技术:基于web标准(standards-basedpresentation)XHTML+CS 阅读全文
posted @ 2016-04-25 22:43 goweb 阅读(709) 评论(0) 推荐(0) 编辑
摘要: 何为canvas 何为canvas <canvas> 标签只是图形容器,您必须使用脚本来绘制图形。默认情况下该矩形区域宽为300像素,高为150像素,设置宽高必须在canvas标签内部,不能加单位px。 大多数 Canvas 绘图 API 都没有定义在 <canvas> 元素本身上,而是定义在通过画 阅读全文
posted @ 2016-04-21 01:09 goweb 阅读(363) 评论(0) 推荐(0) 编辑
摘要: 在对DOM对象操作时,往往都要涉及到其属性的操作,为了提高开发效率,同时兼顾浏览器的性能,在这简单的封装了几个常见的属性。因为是模块化,在这只是引入了部分代码,其他代码在前几篇模块封装中有写。如有不足,万望提出,谢谢! 1、判断是否有属性,以及设置属性的操作 2、预先设定值val方法 3、返回或设置 阅读全文
posted @ 2016-04-19 17:30 goweb 阅读(492) 评论(0) 推荐(0) 编辑
摘要: 在js中,对样式的操作我们并不感到陌生,在很多框架中都是用极少的代码,实现更强大的功能,在这做出一些的总结。存在不足还望指出! 1、封装一个添加css的方法(这篇引用了前面的框架结构) 在 js 中 获得样式, 默认只能获得行内样式, 类样式与外部样式无法获得, 可以使用计算样式来获得第一次的结果w 阅读全文
posted @ 2016-04-19 00:10 goweb 阅读(574) 评论(0) 推荐(0) 编辑
摘要: 在触发DOM上的某个事件时,会产生一个事件对象event。这个对象中包含着所有与事件有关的信息。包括导致事件的元素,事件的类型以及其他与特定事件相关的信息。 例如: 鼠标操作点击事件时,事件对象中会获得鼠标的按键信息等,会提示按的哪一个键 获得鼠标按键属性button和which 鼠标左中右按键分别 阅读全文
posted @ 2016-04-16 21:23 goweb 阅读(2358) 评论(0) 推荐(0) 编辑
摘要: 上一篇基本实现了框架结构,但是与真正能用上的项目框架比较还是存在很多不足,在这又做了些加强与优化 对以上函数封装为dom.js文件 1、验证appendTo方法代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title 阅读全文
posted @ 2016-04-15 00:21 goweb 阅读(342) 评论(0) 推荐(0) 编辑
摘要: 在前端开发的过程中,javascript极为重要的一个功能就是对DOM对象的操作,而对其封装就是为了更好地进行DOM操作,提高浏览器的支持效率 现在给出一个案例:页面创建三个div,然后给其添加样式 现在给出一个案例:页面创建三个div,然后给其添加样式 1、第一种方法 //第一种方法 var i, 阅读全文
posted @ 2016-04-13 00:24 goweb 阅读(630) 评论(0) 推荐(1) 编辑
摘要: 在上篇介绍了选择器的获取标签、id、类名的方法,现在我们在上篇基础上继续升级 1、问题描述:上篇get('选择器')已经实现,如果get方法里是一个选择器的父元素,父元素是DOM对象,那么如何获取元素 思路:1、首先想到的是标签、id、类名的三个方法 2、假设是body节点,那么方法中的docume 阅读全文
posted @ 2016-04-12 01:26 goweb 阅读(800) 评论(1) 推荐(0) 编辑
摘要: 问题分析:例如在IE8浏览器及以下,不兼容getElementsByClassName,那么问题1是如何判断浏览器是否支持,问题2是如何实现自己的方法 首先拿到这个问题,一般想到的是用if判断条件,如下 首先拿到这个问题,一般想到的是用if判断条件,如下 if(node.getElementsByC 阅读全文
posted @ 2016-04-10 16:22 goweb 阅读(400) 评论(0) 推荐(0) 编辑
摘要: 选择器模块之传统做法 选择器模块之传统做法 由浅入深之tag方法 由浅入深之tag方法 这是html部分代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> 阅读全文
posted @ 2016-04-10 00:07 goweb 阅读(344) 评论(0) 推荐(0) 编辑