mutongwu
- 浏览: 439474 次
- 性别:
- 来自: 广州
-
最新评论
-
ubuntu的疯狂：
推荐一份完整的教程：http://blog.ddlisting ...
Emberjs学习 -
ptz19：
请问，如果把合并前的文件，不要dest 目标目录来。如： js ...
gulp下静态资源的合并、压缩、MD5后缀 -
zhouzq1008：
楼主，还有个问题，<a href="& ...
gulp下静态资源的合并、压缩、MD5后缀 -
zhouzq1008：
感谢楼主，用到了您的代码， 但现在好像有改动 否则会报错：修改 ...
gulp下静态资源的合并、压缩、MD5后缀 -
denverj：
感谢分享~
Emberjs学习
文章列表
<div class="container">
<img class='photo' src="http://farm9.staticflickr.com/8320/8035372009_7075c719d9.jpg" alt="" />
<img class='photo' src="http://farm9.staticflickr.com/8517/8562729616_35b1384aa1.jpg" alt="" />
< ...
sublime 侧边栏字体大小修改
- 博客分类：
- JavaScript
【转载自：http://jekhy.com/2014/08/07/sublimeText3-sidebar-fontSize/】
首先需要确保安装了Package Control
Package Control作为ST必备插件，这里就不多介绍了，没装的话，google一下，各种介绍以及安装教程贴，当然，使用其官网的安装命令是最靠 ...
移动端的“点透”问题，这篇博文有较好的说明：
http://www.cnblogs.com/zldream1106/p/3670988.html
移动端的事件触发顺序： touchstart -> touchend -> click
通常的情况是：
1. A区域是一个浮层，绑定touchstart/touchend事件，事件函数将A区域隐藏。
2. 点击发生的位置在B区域上方，而B区域恰好能够捕捉click事件（例如原生的a标签），从而被触发。
3. 这种 在A区域点击，却“透过”A区域，导致B区域也触发 click 事件的情况，我们称之为“点透”。
所以，避免“点透” ...
在页面上定位一个资源（JS/CSS/image），通常的url是这么写的：
http://www.a.com/a.css
或者使用相应路径 "./a.css" 或者是 绝对路径 "/a.css"，
这种好处是可以自动使用当前页面的协议、端口、域名
还有一种:
"//www.a.com/a.css" 这种写法规避了同一个网站，同时支持 http/https访问的情况。
看起来不错，确是有个坑：
IE7/8下面，这种方式连接的css资源，每一个都会被重复下载2次。
具体可以参阅：
http://www.stevesouders.c ...
function repeatStr(ch, n){
var str = "";
for(var i=0; i< n; i++){
str += ch;
}
return str;
}
function bigSum(a,b){
a = String(a);
b = String(b);
var distLen = ...
<head>
<script type="text/javascript">
function GetOffset (object, offset) {
if (!object)
return;
offset.x += object.offsetLeft;
offset.y += object.offsetTop;
GetOffset (object.offsetParent, o ...
window.name跨域的基础是：iframe页面在其url改变的时候，不会改变name的数据，
从而通过proxy页面（与应用页面相同域名）的跳转，绕过跨域的限制。
name传输的数据，大小一般为2M，IE和firefox下可以大至32M左右。
CrossDomain = {
// 设置的代理文件
proxy: 'http://shawn.a.com:1234/proxy.html',
/**
*@param {String} url 接口
*@param {Function} callback 回调函数，可选。
*/
getData: functi ...
// 替换当前浏览器history的最后一项记录。
history.replaceState([data], [title], [url]);
//在当前history的中，添加一项记录。
history.pushState([data], [title], [url]);
//1). In Firefox data is limited to 640k characters.
//2). 参数 title 为字符串，当前浏览器一般忽略它。
//3). url 默认是相对当前路径。支持. / .. 路径表示。
注意： 对history的修改，是受同源策略限制的。
...
var http = require('http');
var fs = require('fs');
var request = require('request');
function base64_decode (data) {
var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
var o1, o2, o3, h1, h2, h3, h4, bits, i = 0, ac = 0, dec = &quo ...
var http = require('http');
var fs = require('fs');
var request = require('request');
var CryptoJS = require('crypto-js');
function decode(code) {
code = code.replace(/^eval/, '');
return eval(code);
}
function encode(code){
code = code.replace(/[\r\n] ...
Emberjs学习
- 博客分类：
- JavaScript
断断续续看了3周，还是一头雾水，文档不是很友好，这个框架，太多潜规则，学习曲线太大了。
简单记录一些学习笔记。
1. Ember适用于单页面网站的构建。依赖 jQuery 和 Handlebars 2个库。
2. 基于路由的控制有2种方式：带hash的url和支持history API的url。
前者要求IE8+,后者要求IE10+。有关浏览器支持部分，请参阅：http://caniuse.com/#search=history，http://caniuse.com/#search=hashchange
或许是因为浏览器兼容问题——广度和成熟度，Ember默认使用带hash的ur ...
示例：
<p class="example" data-pseudo="(i'm content.)">Hi, this is a plain-old, sad-looking paragraph tag.</p>
<div id="log"></div>
<style>
.example::before {
content: 'pseudoElement ';
color: red;
}
</style>
一、读取，使用 ...
以下内容原文来自：
http://www.stevesouders.com/blog/2014/08/21/resource-timing-practical-tips/
http://www.stevesouders.com/blog/2014/11/25/serious-confusion-with-resource-timing/
按照自己的理解，做了整理。
一、基本定义：
1. 示例图：
2. 各个时间段的获取：
// Navigation Timing
var t = performance.timing,
pageloadtime = t.loa ...
ES5 小结
- 博客分类：
- JavaScript
Trailing commas are ok
- No reserved words for property names
- NaN, Infinity, undefined : are all constants
- parseInt() defaults to radix 10
- /regexp/ produces new reg ex object every time
- JSON.parse(), JSON.stringify()
- Function.prototype.bind
- String.prototype.trim
- Array.prototy ...
js图表库比较
- 博客分类：
- JavaScript
- mobile
库特点canvasjs无依赖，动画效果弱，API参数设置简单清晰，自定义控制少。amcharts无依赖，动画效果弱，动画效果好，API参数设置简单清晰。highcharts依赖jq/moontool或者其他的基础库，适合PC端、图表类型多、API完备，参数设置繁多。flot依赖jq。无动画效果。控件模块拆分比较好，可以按需加载。支持自定义插件，引入新的图表类型。fusioncharts无依赖，老牌图表库（以前的版本用swf，网站上残留各种旧文档）。图表类型多、API完备，参数设置多。文件比较大。小结以上对IE支持都不错。关于拖拽与区域放大功能，基本不适用与mobile，仅限在PC端使用。总的来说 ...