node 版本升级 操作

node有一个模块叫n(不要纠结名字~~~),是专门用来管理node.js的版本的。
首先安装n模块:

sudo npm install -g n

第二步:

升级node.js到最新稳定版
n stable
是不是很简单?!


n后面也可以跟随版本号比如:
n v0.10.26

n 0.10.26
就这么简单!

ps: 后面mac报错的话 要加上sudo

JQ常用方法

最近某人正在学JQ,于是乎就命令我写一个JQ常用的方法,没办法命令她的命令必须要执行,就收集整理了一大份
可能有很多不齐全,但足以应付很多场景了~对某人说~么么么哒

JQuery Selectors 方法说明

基本选择器

  • $(”#myDiv”) 匹配唯一的具有此id值的元素
  • $(”div”) 匹配指定名称的所有元素
  • $(”.myClass”) 匹配具有此class样式值的所有元素
  • $(”*”) 匹配所有元素
  • $(”div,span,p.myClass”) 联合所有匹配的选择器

一些前端的笔记

本文旨在加深对前端知识点的理解,资料来源于网络。

1、如何解决跨域问题

JSONP:

原理是:动态插入script标签,通过script标签引入一个js文件,这个js文件载入成功后会执行我们在url参数中指定的函数,并且会把我们需要的json数据作为参数传入。

由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源,为了实现跨域请求,可以通过script标签实现跨域请求,然后在服务端输出JSON数据并执行回调函数,从而解决了跨域的数据请求。

优点是兼容性好,简单易用,支持浏览器与服务器双向通信。缺点是只支持GET请求。

JSONPjson+padding(内填充),顾名思义,就是把JSON填充到一个盒子里

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
function createJs(sUrl){
var oScript = document.createElement('script');
oScript.type = 'text/javascript';
oScript.src = sUrl;
document.getElementsByTagName('head')[0].appendChild(oScript);
}
createJs('jsonp.js');
box({
'name': 'test'
});
function box(json){
alert(json.name);
}
</script>

强制退出Mac程序

用电脑时间长了,难免会遇到程序卡住,风火轮狂转不停,没有任何相应等情况。
可能是由于程序冲突、缓存不足或者一些bug等情况导致,这个时候我们就需要强制退出这个程序了,
下面有六种在Mac系统中强制退出程序的方法,大家至少应该记住一两个。

  1. 使用键盘快捷键强制退出处于活跃状态的Mac程序
    快捷键:Command+Option+Shift+Esc
    这样按住一两秒钟,就可以强制退出当前程序了,算是最方便的一种方法。

  2. 打开强制退出程序窗口
    使用快捷键:Command+Option+Esc
    来打开“强制退出应用程序”的窗口,然后选中你需要退出的程序,再点右下方的“强制退出”即可。

  3. 从Dock中强制退出程序
    按住Option然后右键点击程序在Dock中的图标,可以看到“强制退出”的选项,选择即可。

markdown教程

本文参考http://www.appinn.com/markdown/index.html
自己整理了了一下

概述

宗旨

Markdown 的目标是实现「易读易写」。

可读性,无论如何,都是最重要的。一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布,并且看起来不会像是由许多标签或是格式指令所构成。Markdown 语法受到一些既有 text-to-HTML 格式的影响,包括 Setext、atx、Textile、reStructuredText、Grutatext 和 EtText,而最大灵感来源其实是纯文本电子邮件的格式。

总之, Markdown 的语法全由一些符号所组成,这些符号经过精挑细选,其作用一目了然。比如:在文字两旁加上星号,看起来就像强调。Markdown 的列表看起来,嗯,就是列表。Markdown 的区块引用看起来就真的像是引用一段文字,就像你曾在电子邮件中见过的那样。

兼容 HTML

Markdown 语法的目标是:成为一种适用于网络的书写语言。

Markdown 不是想要取代 HTML,甚至也没有要和它相近,它的语法种类很少,只对应 HTML 标记的一小部分。Markdown 的构想不是要使得 HTML 文档更容易书写。在我看来, HTML 已经很容易写了。Markdown 的理念是,能让文档更容易读、写和随意改。HTML 是一种发布的格式,Markdown 是一种书写的格式。就这样,Markdown 的格式语法只涵盖纯文本可以涵盖的范围。

不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。不需要额外标注这是 HTML 或是 Markdown;只要直接加标签就可以了。

gulp从入门到上树

哈哈,作为21世纪的前端开发人员,gulp是必不可少的呀,可以不去认真的学,但是一定要去了解一下噻!好了废话少说~

介绍一下--Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的,利用 Node.js 流的威力,你可以快速构建项目。好了废话少说~

在css中为table 后表格单元格边界异常的解决办法

在css中添加border-collapse:collapse或在js中添加borderCollapse = "collapse"能够消除单元格间的间距,
但是,如果用js对table进行操作完后,table需要重新计算列宽时,个别单元格的边界会很不听话,仍然维持原来的宽度,这时删除表格的border-collapse:collapse就能恢复正常,
但单元格间会产生间距。尤其在使用<colgroup>标记来动态显示/隐藏列时,ff一加载就有问题,ie在对colgroup操作以后也会有问。这个问题很烦。

1.现在想到的唯一的解决办法是在html中添加cellpadding="0" cellspacing="0"属性,这个似乎和css,js中的 border-collapse不一样,但也能去除单元格间距,而且不会产生边界问题。

但会产生另一个问题:如果单元格中没有内容,单元格不显示边框,网上搜了一下,最后找到一个兼容ff和ie7/8 的方法:

在表格的css中加empty-cells:show;这个ff支持,ie不支持。然后再用js判断一下浏览器,如果是ie就$("table").rules="cols"; rules:cols属性虽然ff也支持,但会产生上面说过的问题即单元格边框错位。

|