- 博客(15)
- 收藏
- 关注
RSS订阅原创 svg和vml自己写的公用类
观看者：有xml，javascript基础的同学目标：了解vml和svg的兼容性写法实现方式：代码和说明lizhi.js由于时间仓促，类库写的很草率，纯粹一时性起玩乐之作，不过基本思路和兼容方式基本就是这样的，可能一些细节没太在意。如果你真的想做一个svg和vml兼容类库可以参考代码思路，自己创作。如果有什么问题可以联系我，很乐意帮你解决。/** 玩乐之作
2012-06-30 11:42:55
4091
7
原创 svg 和vml深入了解（路径path&shape）
观看者：有xml，javascript基础的同学目标：深入了解svg和vml的path属性实现方式：代码及相关文字解释。希望能一步步写完代码当你看完也就掌握了。先看两个例子分别了解一下svg和vml 的path用法。VML：vmlv\: * {behavior:url(#default#vml);display:inline-block}SV
2012-05-16 14:08:00
6487
1
原创 svg 学习笔记（各种元素）
观看者：有xml，javascript基础的同学目标：掌握svg基础图形实现方式：代码及相关文字解释。希望能一步步写完代码当你看完也就掌握了。svg 简单的例子：svg 比vml更方便，只需将xmlns:svg="http://www.w3.org/2000/svg"添加到svg标签中就可以使用svg：矩形：
2012-05-14 14:34:13
1540
原创 VML 学习笔记
观看者：有xml，javascript基础的同学目标：熟练掌握vml实现方式：代码及相关文字解释。希望能一步步写完代码当你看完也就掌握了。VML的全称是Vector Markup Language(矢量可标记语言)是基于xml的矢量的图形，意味着图形可以任意放大缩小而不损失图形的质量。微软ie5-8的矢量图标准。由于ie9已经支持SVG了，所以vml到2011年12月已经归
2012-05-11 18:32:12
3271
原创 html矢量图 SVG VML 介绍
观看者：想了解html矢量图知识的同学目标：了解html矢量图知识，svg和vml 兼容方案。实现方式：代码及相关文字解释。最近web项目需要一些流程图的支持，于是研究了一下这部分东西，觉得很好玩，分享给大家。由于内容比较多而且涉及到很多细节的东西，所以我可能得分很多篇来介绍，这节就介绍一些基础知识。矢量图形：也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点
2012-05-08 15:06:56
9349
1
原创 javascript事件解析（含兼容的事件类）
观看者：javascript初学者及以上目标：能够了解javascript事件处理方式，或得到事件兼容个浏览器的类。实现方式：代码及相关文字解释。最后面有兼容所有浏览器支持的共用类。如果你急需用共用类，可先直接拿到该类用，等事后再看这篇文章，来了解各浏览器的兼容性原理。明白原理了完全可以自己写了。首先拿出拿出来我们的实例html，以下所有javascript操作的都是这个h
2012-04-28 16:33:33
1013
原创 jquery源码研究（原型继承）
观看者：javascript，jquery爱好者。需要一定的继承基础，如果没有可以看我的javascript深入了解（继承）目标：了解jquery原型继承，实现jquery选择器的基础 $("id"),$("input") ...实现方式：代码及相关文字解释。从最简单方式逐步推进。首先用一个实现一个简单的实现：$("id") 返回一个jquery对象有一个方法tagName
2012-04-27 15:35:11
1696
1
原创 诗情画意的dom创建类
观看者：对javascript有了解，想简化dom创建时候冗长的代码目标：$div({id:'id',name:'name'},Dom1,Dom2...) 这么就能创建出结构化的dom，其中参数一，是一个对象，包含着div所需要的属性，dom1， dom2是div中包含的对象。实现方式：代码及相关文字解释。先看例子：比如我们想创建一个div，id为dv，内容为hello
2012-04-27 15:22:47
664
原创 javascript深入了解（私有作用域）
观看者：想了解javascript的一些更加巧妙的用法，比如私有变量，静态变量或者，自执行函数。目标：深入了解javascript的私有作用域实现方式：代码及相关文字解释。私有作用域：window.onload = function(){var str ='javascript';(function(){ alert(str); var str = 'hello w
2012-04-23 21:24:55
1037
6
原创 javascript深入了解（闭包）
观看者：不能理解闭包的人，需要对javascript作用域链有了解，如果没有，可以看我上一篇文章javascript深入了解（作用域）；目标：深入了解闭包的原理；实现方式：代码及相关文字解释，请逐步运行代码并理解里面每句的含义。闭包：原理是指有权访问另一个函数作用域中的变量的函数。如下面的例子：var name = 'fanlizhi';funct
2012-04-21 15:53:30
754
2
原创 javascript深入了解（继承）
观看者：对面向对象有一定基础，如果没有可以看我上一篇文章javascript深入了解（面向对象）；目标：深入了解javascript继承；实现方式：代码及相关文字解释，从最简单一步一步推算出最后的继承方式；继承：继承其实就是通过原型链来实现的。原型链：先回顾一下构造函数，原型和实例的关系：每个构造函数都有一个原型对象（prototype），原型对象包含一个指向构造函数的指针
2012-04-21 13:47:05
1011
2
原创 javascript深入了解（作用域链）
观看者：有或者没有javascript基础的同学均可。目标：了解我们代码执行时候变量和函数的访问顺序，以及作用域的深入分析。实现目标方式：代码以及相关解释。提醒：这边文章只是帮大家了解作用域链而非原型链，不过作用域链也是以后原型链的学习的基础，我会在以后博客中更新我对原型链理解，并分享给大家。什么是作用域链？先看例子：var color = 'red';function
2012-04-20 10:45:36
673
原创 javascript深入了解（面向对象）
对于比较复杂的东西我总是得过且过，死记着用法，用的时候直接套倒也没什么问题，但是用着总觉得这代码不是自己的，有种不安全感，当有一天我问起一个同事的时候发现他也一样的不求甚解的时候，我于是决定研究一下原理并分享给他，他懂了，顺便也整理一下贴出来分享给大家。这篇文章从基础开始我相信只要大家一步一步看完，多少会有一些帮助，废话不多说了下面我们一起开始吧！观看者：有一定的javascript基础的，会
2012-04-16 22:24:08
2129
3
原创 HTML5 本地存储
最近比较闲，于是抽空了解了一下html5本地存储，很好玩很强大。目前支持浏览器：Chrome，opera, safari内容：web storage 和 SQL Lite本地数据库效果：web storage：点击保存数据就将input数据保存，读取数据便会将数据列出在input上面SQL Lite本地数据库：填写完name和message之后点击query便会
2012-04-16 21:55:08
466
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人