2015年07月_时间被海绵吃了

11月 10月 07月 06月 05月 02月

原创 Javascript MVC 学习笔记（三）视图和模板

模板Javascript中模板的核心概念是，将包含模板变量的HTML片段和Javascript对象做合并，把模板变量替换为对象中的属性值。书中讲到了几种库作为模板引擎，但是链接失效了，可以在这里下载，链接：jQuery.tmpl使用方式很简单，看一下它的说明就行了。给定一个模板，通过给它添加数据就能生成渲染好的元素节点，然后就可以将它添加到页面中，主要使用方法如：//数据 var object =

2015-07-26 20:30:44 1160

原创 CSS 中 px，em和rem 的区别学习笔记

简单讲，px是绝对单位，em和rem是相对单位。px大家都熟悉，这里主要讨论em和rem。现在有以下一个段落：<p>当斧头来到树林的时候，好多树都说，至少<span>它的手柄</span>是自己人</p>当不给它设置字体大小时，使用默认大小，也就是16px大小，效果如下：emem是指相对于父元素的大小，也就是说对于p和span而言，它的大小都是1em，这里的1em = 16px。我们将span的大小

2015-07-26 11:22:26 1477 1

原创 CSS 层叠学习笔记

看了一天控制器和视图头都大了，于是去微博上逛了逛，看到了一个讨论CSS权重的博客，于是把书翻了翻，对CSS中的层叠做一个笔记。先从一个实例说起：小明写了一个列表，并给里面的列表项添加了一些样式：#list li{ color: #000; }<ul id="list"> <li>Javascript</li> <li>HTML</li> <li>CSS</li> </

2015-07-26 00:11:20 1254

原创 Javascript MVC 学习笔记（二）控制器和状态

今天进入第二个部分：控制器。控制器和状态从以往的开发经验来看，我们都是将状态保存在服务器的session或者本地cookie中，但Javascript应用往往被限制在单页面，所以我们也可以将状态保存在客户端的内存里面。保存在内存还意味着能带来更快的界面响应。在MVC里面，状态都是保存在控制器里的，控制器相当于应用中视图和模型的纽带。当加载页面的时候，控制器将事件处理程序绑定在视图里，并适时处理回调，

2015-07-25 14:37:30 1428

原创 Javascript MVC 学习笔记（一）模型和数据

写在前面最近在看《MVC的Javascript富应用开发》一书，本来是抱着一口气读完的想法去看的，结果才看了一点就傻眼了：太多不懂的地方了。只好看一点查一点，一点一点往下看吧，进度虽慢但也一定要坚持看完。本学习笔记是对书上所讲解内容的理解和记录。笔记里的代码大多会按书上摘录下来，因为《MVC的Javascript富应用开发》是结合了JQuery库，所以对于JQuery中不太懂的知识点也会附在代码

2015-07-24 18:49:32 928

原创 Javascript 操作CSS 学习笔记

页面往往是动态变化的，我们经常需要在脚本里对元素的样式进行操作，刚学习js的时候大家都知道通过style属性设置css样式相关的属性，但有时候也想先获取样式，结果发现通过style取到的值是空，这就需要我们对这些概念足够熟练。一、设置样式每个dom元素都具有一个style属性，与平常的属性不一样，style的值是一个CSSStyleDeclaration对象，这个对象的属性代表了该对应元素的内联样式

2015-07-24 00:08:44 1334

原创 JS和JQuery中的事件委托学习笔记

事件委托其实并不是一个很高级的技巧，比如在一个页面里面，当只存在两个按钮的时候，可能你给按钮添加监听是这样的：（本文不考虑浏览器兼容性，关于事件的兼容性可参考前面的学习笔记）<div id="container"> <button id="btn1">按钮1</button> <button id="btn2">按钮2</button> </div>var btn1 = docume

2015-07-23 01:06:24 3158

原创 CSS BFC学习笔记

BFC，全称是Block Formatting Context，块级格式化上下文。具体是什么，可以理解为页面元素的一种特性，触发了BFC的元素往往会产生一些对初学者而言意想不到的效果。触发BFC的方法有下面几种，满足其中任意一种就能触发BFC：浮动元素（float除了none以外任意值）绝对定位元素（position为absolute或fixed） display为inline-bloc

2015-07-22 00:47:27 1317

原创 HTML5事件——visibilitychange 标签可见性

又看到一个很有意思的HTML5事件，visibilitychange事件在当前网页在可见和不可见之间变换的时候调用，比如用户正在刷微博，刷到一半切去看视频了，这个时候微博就能通过visibilitychange发现用户没有看自己了，可以根据实际需要暂停请求或者一些别的操作，等用户切回来的时候继续加载。通过document的hidden属性可以判断标签是否可见。true时代表标签不可见。这个事

2015-07-11 19:59:51 13345

原创 HTML5事件——contextmenu 隐藏鼠标右键菜单

在window中单击右键或在Mac中Ctrl+单击时会触发contextmenu事件，通过取消其默认动作可以提供自定义事件。

2015-07-11 19:20:06 14340

原创 javascript 事件对象

在js中触发一个事件的时候，会产生一个事件对象，也就是函数处理程序中的event，通过event我们可以访问到所有与事件有关的信息，如事件的类型、事件发生对象等等。需要注意的是关于event对象IE 和非IE在支持方式不同。DOM中的事件对象不管是标签内绑定事件，DOM0级还是DOM2级，事件处理程序都会传入一个event。<button id="myBtn" onclick="alert(eve

2015-07-11 14:35:21 1185

原创 javascript 事件处理

事件流事件流描述的是从页面中接收事件的顺序。js中有两种事件流，冒泡流和捕获流。两种流的名称都很形象，在由节点构成的一颗html树上面，冒泡流指事件开始时候由最具体的元素最先接收，然后逐级传播到最不具体的节点，比如在如下文档中：

2015-07-10 22:55:35 898

原创 javascript 单例模式

单例模式是设计模式里最基本也是最常用的模式之一，其特点是单体对象只存在一份实例，这样你就能确保在你的所有代码里面都使用着同样的全局资源。在Java里面实现单例模式的方法是首先将构造函数私有化，在内部创建一个私有的静态变量保存实例，然后通过一个静态方法（一般取名为getInstance）将实例提供给外部访问。因为构造函数的私有化，所以外部无法对类进行实例化，而只能通过getInstance获取，所

2015-07-05 00:27:55 1152

原创 javascript 创建私有成员和静态私有成员

私有方法和属性在javascript中，因为没有类的概念，所以只能通过构造函数来模拟类，假设现在需要写一个手机类，这个手机需要传入一张电话号码，然后能打电话。最简单的方式是var Phone= function(num){ //手机号 this.num= num; //打电话 this.call = function(phone){ console.log(this.nu

2015-07-03 21:23:45 1513

原创 CSS3实现整屏切换效果

总是能看见很多广告或者网站都是使用整屏滚动的效果，一直看着都心痒痒，想自己也实现一个。最近刚学习到css3的动画效果，所以尝试使用css3做了一个整屏切换。页面结构实现思路与大众方法类似，如图每个section就是一页内容，它的大小充满了屏幕（红色区域），一个container由多个section构成，我们通过改变container的位置，来达到页面切换的效果。container向下走，页面

2015-07-02 12:20:27 6658 1

跟着鼠标动的眼睛

打成jar包，需要java环境才能运行。眼球可以跟着鼠标转，可以设置眼睛和眼球的大小，可以移动眼睛等。

2014-02-06

简单画图板

（一）绘画 1.画直线，可以重绘 2.画矩形（填充矩形，可以重绘；空白矩形，可以重绘） 3.圆角矩形（填充圆角矩形，可以重绘；空白圆角矩形，可以重绘） 4.画椭圆，可以重绘（填充椭圆，可以重绘；空白椭圆，可以重绘） 5.画刷子，可以重绘 6.画喷枪，可以重绘 7.橡皮擦，可以重绘 8.画多边形，可以重绘 9.取色笔（左键取前景色，右键取后景色）（二）功能 1.颜色（左键选择前景色，右键选择后景色；可以选择自定义颜色） 2.清空面板 3.“关于‘画图板’”窗口 4.画橡皮、刷子、喷枪时可以选择画笔粗细 5.画矩形、圆角矩形时可以选择是否填充 6.改变指针的形状 7.光标进入绘图区域时实时显示光标坐标 8.撤销用户上一步绘画 9.改变主题 10.当用户鼠标移到工具栏时显示提示信息

2014-01-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人