摘要: 实现思路: 1、postMessage(IE8+, Firefox 3.1+, Opera 9+, Safari, and Chrome) 2、利用window.navigator共享信息,使支持IE6,IE7 i、父窗口向子窗口iframe发送信息: 上面的代码表示父窗口向子iframe:chil 阅读全文
posted @ 2015-04-20 16:43 liuminghai 阅读(1755) 评论(0) 推荐(0) 编辑
摘要: css本身很有趣,但是随着样式表变大,会越来越复杂,更加难以管理。css预处理器在这里就能帮上忙了。SASS 让你使用在css中不存在的特性,譬如变量、嵌套、mixins(混入),继承和一些其他好的特性,这些新特性会让你写css会更有趣。 了解变量 想想如果使用一个变量存储信息然后在样式表中反复重用 阅读全文
posted @ 2015-04-08 11:18 liuminghai 阅读(529) 评论(0) 推荐(0) 编辑
摘要: 最近项目组开发一个报表设计器,需要用到撤销和重写的功能,这样用户就能方便的看到历史操作。 不知道大家看过java的命令模式没有,命令模式在英文里也叫undo,在javascript设计模式这本书里里就是这样子说的,虽然有好几个英文名称。 具体思路是每个对应页面的操作,譬如对表格的操作,在js里都是一 阅读全文
posted @ 2012-12-08 19:38 liuminghai 阅读(4255) 评论(0) 推荐(0) 编辑
摘要: 1、js需要将swf的功能暴露给用户,这个用swfobject.js就能完成工作,引入swfobject.js后 /* * t:需要创建的页面元素 */createEl = function(t, a, y, x) { var e = document.createElement(t); if (a 阅读全文
posted @ 2012-09-06 09:52 liuminghai 阅读(1330) 评论(3) 推荐(0) 编辑
摘要: Prototype framework定义类和继承在prototype的早期版本中, 这个框架来为类创建基本支持: Class.create() 方法。直到现在,只有以这种方式定义类的功能,称为方法构造函数自动初始化: initialize 。Prototype 1.6.0 现在支持类模块继承, 相比较之前的版本有了很大提高;你可以比之前更加轻松的创建各种类。类的创建基础依然是 Class.create() 方法. 随着新版本的发布,你的基于类的代码将继续按照以前的方式工作;唯一的区别是你不需要直接与对象原型打交道 或者 通过使用 Object.extend() 来复制对象属性.Example 阅读全文
posted @ 2012-07-27 18:00 liuminghai 阅读(225) 评论(0) 推荐(0) 编辑
摘要: var myModule=(function(){ var models={}; function define(name,deps,cb){ var tk=[]; for(var i=0,l=deps.length;i<l;i++){ tk.push(models[deps[i]]); } ... 阅读全文
posted @ 2015-11-03 17:24 liuminghai 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 有时候为了特定需求或者特殊目的,需要覆盖或者重写某个API,在Canvas中,就需要用到CanvasRenderingContext2D这个对象。CanvasRenderingContext2D为Canvas 提供了丰富的2d绘制函数,当我们需要重写Canvas API的时候,就需要重写这里的方法,... 阅读全文
posted @ 2015-04-27 15:03 liuminghai 阅读(760) 评论(0) 推荐(0) 编辑
摘要: 如果给Canvas添加 onmousedown事件,获取到的鼠标位置都是相对于当前文档的位置(x,y):第一种转换: (x-x1,y-y1) x,y为鼠标点击位置,getBoundingClientRect方法是canvas自带的获取可绘画区域的位置信息的函数function windowToCan... 阅读全文
posted @ 2015-04-27 11:40 liuminghai 阅读(926) 评论(0) 推荐(0) 编辑
摘要: web前端如果想实现cookie跨站点,跨浏览器,清除浏览器cookie该cookie也不会被删除这似乎有点难,下面的教程让你完全摆脱document.cookie 1、服务器端设置HSTS如PHP:<?php header("Strict-Transport-Security: max-age=3 阅读全文
posted @ 2015-04-13 20:12 liuminghai 阅读(1990) 评论(0) 推荐(0) 编辑
摘要: 1、bHive.js Libraryhttp://www.bhivecanvas.com/bHive能创建丰富的用户体验、动画、游戏,能够使开发更简单。demo: http://www.bhivecanvas.com/demos/2) Paper.js Library:Paper.js 是一个运行在... 阅读全文
posted @ 2015-04-09 13:33 liuminghai 阅读(2829) 评论(0) 推荐(0) 编辑
摘要: 960 Grid System 是一个CSS的页面布局框架demo: http://960.gs/demo.html前提:安装Ruby 、NodeJS步骤1:在命令行下安装css插件:gem install compass-960-plugin步骤2:创建my_project项目:compass c... 阅读全文
posted @ 2015-04-07 18:55 liuminghai 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 在webstorm中配置compassWebStorm是功能强大的前端开发专用IDE,拥有即时编辑(chrome)、自动完成、debugger、Emmet、HTML5 支持、JSLint、Less、Sass支持、CoffeeScript支持、Node.JS、单元测试、集成git和svn版本控制等特性... 阅读全文
posted @ 2015-03-26 18:17 liuminghai 阅读(540) 评论(0) 推荐(0) 编辑
摘要: 先上图:sass不熟悉的就暂且不管吧,scss 监视器会自动将.scss文件编译成.css文件并且放到stylesheets文件下。大家注意到每个.css ,.js文件下都有个压缩文件,这些压缩文件不是手动压缩的。当编辑保存.js和.css文件后,webstorm里面的监视程序会自动压缩并生成.mi... 阅读全文
posted @ 2015-03-26 15:37 liuminghai 阅读(415) 评论(0) 推荐(0) 编辑