Backbone源码学习 — Backbone.View
发表于
Backbone
分类，标签:
20
08月
2015
0
我们来看下MVC中的V部分，也就是Backbone.View，View在Backbone中主要用于沟通页面中的DOM和Backbone.Model/Collection，页面的逻辑操作，DOM事件的绑定等，View部分的代码非常简答，加上注释只有110左右。View部分有一下API：方法不多，下面对部分API进行介绍:构造方法123456789 var viewOptions = ['model', 'collection', 'el', 'id', 'attributes', 'className', 'tagName', 'event...
认识 Backbone（一） : 什么是 Model
发表于
Backbone
分类，标签:
20
08月
2015
文章转自（http://segmentfault.com/a/1190000000465965）Backbone 的作者是这样定义 Model 的：Model是任何一个web应用的核心，它包含了交互的数据以及大部分的逻辑。例如：转化、验证、属性和访问权限等。那么，我们首先来创建一个Model：Person = Backbone.Model.extend({ initialize: function(){ alert("Welcome to Backbone!"); }});var&nb...
浏览器上如何显示title 图标 icon图标
发表于
html5
分类，标签:
17
08月
2015
浏览器上显示title图标icon图标<linktype="image/x-icon"rel="icon"href="favicon.ico">如果想让图标出现在收藏夹中，就： <linktype="image/x-icon"rel="shortcuticon"href="favicon.ico"><linktype="image/x-icon"rel="bookmark"href="favicon.ico">...
浏览器宽屏的js
发表于
JS
分类，标签:
14
08月
2015
$(function(){//满屏幕方法$("#fullScreen").click(function(){fullScreen() }).trigger("click")function fullScreen(){varel=document.documentElement; varrfs=el.requestFullScreen||el.webkitRequestFullScreen||el.mozRequestFullScreen||el.msRequestFullScreen; if(typeofrfs!="undefined"&&rfs){ rfs.call...
js阻止选中文本
发表于
JS
分类，标签:
12
08月
2015
document.onselectstart=function(){returnfalse;}window.getSelection?(window.getSelection().removeAllRanges()):(document.selection.empty());1IE可以使用onselectstart事件来阻止用户选定元素内文本，如下<divonselectstart="returnfalse">accc</div>2Firefox中可以使用CSS"-moz-user-select:none"属性来禁止文本选定3webkit浏览器可以使用“-khtml-user-select”，当然也可以使用方式1[1] 注：Firefox/Opera不支持onselectstart事件c...
Odometer使用JavaScript和CSS制作数字滑动效果
发表于
JS
分类，标签:
11
08月
2015
Odometer是一个使用JavaScript和CSS技术，制作出数字上下滑动的动画效果插件，有点类似与我们的天然气的读数的动画效果，这个插件是轻量级的，压缩版本只有3kg，使用CSS3动画技术，所以运行起来非常的流畅，需要这种效果的朋友不妨试试这个插件。所有的主题都可以自定义文字的大小和Odometer元素的标签。兼容性Odometer能在IE8+,FF4+,Safari6+,Chrome等高级浏览器上完美的运行。功能不仅仅可以让数字滑动，同样的文字也可以实现这样的效果。指定文字的内容还可以用于数学计算的输出结果，感觉很棒的动画效果。显示主题Odometer主题的各种文件样式表中被准备。使用方法首先我们需要引入我们的插件文件<link rel="stylesheet" href="odometer-theme-car.css...
HTML5中类jQuery选择器querySelector的使用
发表于
JS
分类，标签:
11
08月
2015
pre{color:#fff;}HTML5向WebAPI新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element = document.querySelector('selectors');elementList = document.querySelectorAll('selectors');其中参数selectors可以包含多个CSS选择器，用逗号隔开。element = document.query...
未命名
发表于
svg
分类，标签:
05
08月
2015
Web设计新趋势：使用SVG代替IconFont- io-meter.com 如果你还在使用IconFont作为网页中显示图标的实现方案，那么你可能有点Out了。由于使用IconFont显示图标存在一些缺陷，开发者们一直在致力于探索使用SVG作为替代的方法。这篇文章列举了目前SVG比较常见的使用方法。 阅读原文» http://io-meter.com/2014/07/20/replace-icon-fonts-with-svg/...
手机屏幕分辨率、PPI像素密度科普知识大全
发表于
html5
分类，标签:
04
08月
2015
手机屏幕分辨率、PPI像素密度科普知识大全【PPi指数】是手机清晰度的重要决定因素，所谓的PPI即每英寸所拥有的像素数目。现在市售的大屏幕手机普遍分辨率都只停留在854*480的水平，同样的分辨率，屏幕越大，像 素点之间的距离越大，屏幕就越粗糙。所以大屏幕也不一定能带来良好的视觉感受。 实践证明，ppi低于240的让人的视觉可以察觉明显颗粒感。ppi高于300则无法察觉 理论上讲超过300ppi才没有颗粒感，比如iPhone4，3.5寸960×640，330ppi，屏幕的清晰程度其实是分辨率和尺寸大小共同决定，用ppi指数衡量屏幕清晰程度更加准确。 分辨率越高代表系统的运行压力就越大，需要平衡一下. 计算了一下小米手机屏幕的PPI，4.0英...